1. 什么是 JavaScript
1.1 JavaScript 是脚本语言
1.2 JavaScript 是一种轻量级的编程语言
1.3 JavaScript 是可插入 HTML 页面的编程代码
1.4 JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行
2. 为什么学习 JavaScript
2.1 HTML 定义了网页的结构
2.2 CSS 描述了网页的表现
2.3 JavaScript 定义了网页的行为
3. 学习什么
3.1 JavaScript：直接写入 HTML 输出流
document.write(); —— 在文档加载后使用该方法，会覆盖整个文档。
3.2 JavaScript：对事件的反应
alert(); —— 该函数对于代码测试非常方便。
onclick —— 点击事件。
3.3 JavaScript：改变 HTML 内容
x = document.getElementById("demo"); // 查找元素
x.innerHTML = "Hello JavaScript"; // 改变内容
3.4 JavaScript：改变 HTML 图像
<!DOCTYPE>
<html>
<body>
<script>
function changeImage(){
element = document.getElementById("myImage");
if(element.src.match("bullon")){
element.src = "/images/pic_bulboff.gif";
}else{
element.src = "/images/pic_bulbon.gif";
}
}
</script>
<img id="myImage" onclick="changeImage()" src="/images/pic_bulboff.gif" width="100" height="180">
<p>点击灯泡就可以打开或关闭这盏灯</p>
</body>
</html>
match() —— 本方法可在字符串内检索指定的值，找到一个或多个正则表达式的匹配，返回存放匹配结果的数组或null。
JavaScript 能够改变任意 HTML 元素的大多数属性，而不仅仅是图片。
3.5 JavaScript：改变 HTML 样式
x = document.getElementById("demo"); // 找到元素
x.style.color = "#ff0000"; // 改变样式
改变 HTML 元素的样式，属于改变 HTML 属性的变种。
3.6 JavaScript：验证输入
if isNaN(x) {
alert("不是数字");
}
isNaN() —— 该函数用于检查其参数是否是非数字值。