JavaScript基础知识和常用功能介绍

   本文介绍了JavaScript作为一种轻量级的编程语言的特点和优势,总结了JavaScript编程中常用的基础知识,包括直接写入HTML输出流、对事件的反应、改变HTML内容和样式,以及验证输入等。

一、javascript简介
JavaScript 是一种轻量级的编程语言,JavaScript 是可插入 HTML 页面的编程代码。JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行,JavaScript 很容易学习。

二、javascript直接写入HTML输出流
document.write("<h1>这是一个标题</h1>");

document.write("<p>这是一个段落。</p>");

三、javascript对事件的反应
<button type="button" onclick="alert('欢迎!')">点我!</button>

这句代码的含义就是当点击之后,就会弹出欢迎两个字。而且在javascript中,我感觉是不常用的,但是由于这句代码在测试中用起来比较方便,所以会经常用到。

四、Javascript改变HTML内容
x=document.getElementById("demo")

这句代码就是查找一个id为demo的元素。

x.innerHTML="Hello JavaScript";

然后将这个元素的HTML内容改变为字符串Hello JavaScript

五、改变HTML样式
改变 HTML 元素的样式,属于改变 HTML 属性的变种。

x=document.getElementById("demo")

这句代码也就是找到id为demo的元素

x.style.color="#ff0000";

然后改变这个元素的颜色为指定十六进制的颜色

六、javascript验证输入
例如下面这句代码

if isNaN(x) {
alert("不是数字");
}

就是简单的验证了x是不是数字

guxing 2023-03-13