直接肝webgl太干，需要JavaScript来缓冲
在 HTML 中，JavaScript 代码必须位于 <script> 与 </script> 标签之间
JavaScript 文件的文件扩展名是 .js
JavaScript 能够改变 HTML 内容
getElementById() 是多个 JavaScript HTML 方法之一。
本例使用该方法来“查找” id="demo" 的 HTML 元素，并把元素内容（innerHTML）更改为 "Hello JavaScript"：
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript 能做什么</h2>
<p id="demo">JavaScript 能够改变 HTML 内容。</p>
<button type="button" onclick='document.getElementById("demo").innerHTML = "Hello JavaScript!"'>点击我！</button>
</body>
</html>
JavaScript 同时接受双引号和单引号
JavaScript 能够改变 HTML 属性
例如改变 标签的 src 属性（source）来改变一张 HTML 图像：
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript 能做什么？</h2>
<p>JavaScript 能够改变 HTML 属性值。</p>
<p>在本例中，JavaScript 改变了图像的 src 属性值。</p>
<button onclick="document.getElementById('myImage').src='/i/eg_bulbon.gif'">开灯</button>
<img id="myImage" border="0" src="/i/eg_bulboff.gif" style="text-align:center;">
<button onclick="document.getElementById('myImage').src='/i/eg_bulboff.gif'">关灯</button>
</body>
</html>
JavaScript 能够改变 HTML 样式 (CSS)
可通过改变 display 样式来显示或隐藏 HTML 元素：
document.getElementById("demo").style.display="none";
document.getElementById("demo").style.display="block";
JavaScript 输出
JavaScript 不提供任何内建的打印或显示函数。
JavaScript 显示方案
- 使用 window.alert() 写入警告框
- 使用 document.write() 写入 HTML 输出
- 使用 innerHTML 写入 HTML 元素
- 使用 console.log() 写入浏览器控制台
小知识：通过 F12 来激活浏览器控制台，并在菜单中选择“控制台”
<!DOCTYPE html>
<html>
<body>
<h2>按 F12 启动</h2>
<p>在 debugger 中选择 "Console"。然后再次点击运行按钮。</p>
<script>
console.log(5 + 6);
</script>
</body>
</html>
JavaScript 语句
包含值、运算符、表达式、关键词和注释
- 与C、C++一样
- 所有 JavaScript 标识符对大小写敏感
| 关键词 | 描述 | |
|---|---|---|
| break | 终止 switch 或循环。 | |
| continue | 跳出循环并在顶端开始。 | |
| debugger | 停止执行 JavaScript，并调用调试函数（如果可用）。 | |
| do ... while | 执行语句块，并在条件为真时重复代码块。 | |
| for | 标记需被执行的语句块，只要条件为真。 | |
| function | 声明函数。 | |
| if ... else | 标记需被执行的语句块，根据某个条件。 | |
| return | 退出函数。 | |
| switch | 标记需被执行的语句块，根据不同的情况。 | |
| try ... catch | 对语句块实现错误处理。 | |
| var | 声明变量，区别：此处与c、C++不同 |
JavaScript 使用 Unicode 字符集
字符集 |描述
|--|--|
UTF-8 |UTF8 中的字符长度可以是 1 到 4 个字节。 UTF-8 可以代表 Unicode 标准中的任何字符。 UTF-8 向后兼容ASCII。 UTF-8 是电子邮件和网页的首选编码。
UTF-16 |16 位 Unicode 转换格式是 Unicode 的可变长度字符编码，能够编码整个 Unicode 编码。 UTF-16 用于主要的操作系统和环境，如 Microsoft Windows、Java 和 .NET。
Unicode 的前 128 个字符（与 ASCII 一一对应）使用与 ASCII 相同的二进制值的单个八位字节进行编码，使得有效的 ASCII 文本使用有效的 UTF-8 编码 Unicode
JavaScript 数据类型
字符串值，数值，布尔值，数组，对象。
对象学习，类比python中的集合
对象属性是 name:value 对，由逗号分隔。
重点：Undefined 与 Null 的区别
Undefined 与 null 的值相等，但类型不相等
typeof undefined // undefined
typeof null // object
null === undefined // false，类型
null == undefined // true，比较值
typeof 运算符把数组返回为 "object"，因为在 JavaScript 中数组即对象。
JavaScript 函数
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript 函数</h2>
<p>本例调用了一个执行计算的函数，然后返回结果：</p>
<p id="demo"></p>
<script>
function myFunction(p1, p2) {
return p1 * p2;
}
document.getElementById("demo").innerHTML = myFunction(7, 8);
</script>
</body>
</html>
饮水思源，来源于W3school
