<HeadFirst_HTML5> O’REILLY_Chap.2_JavaScript和DOM

本博客的FollowMeReading系列初衷是在线的读书笔记. 为方便后期查阅, 故写成博客形式, 使用关键字查询便可以快读的找到相关的内容.

FollowMeReading系列所选的书籍一般选自O’REILLY或Apress出版社, 尽量保证笔记内容的权威性.

FollowMeReading系列的博客标题格式为: <书名> 出版社章节数章节名, 方便大家在纸质版书籍中查找.

FollowMeReading系列博文中的内容大部分是原文, 非原文部分前面将有’博主’字样提醒.

感谢<HeadFirst_HTML5>作者 Eric Freeman & Elisabeth Robson
感谢<HeadFirst_HTML5>翻译 林琪 张伶

正文

原文

BULLTE POINTS(要点):

• 使用 var 声明一个JavaScript变量.

• 数字, 布尔值和串是基本类型.

• 布尔值为 true 和 false.

• 数字可以是整数或浮点数.

• 未赋值的变量值为 undefined.

• undefined 和 null 是两个不同的值. undefined 表示一个变量未赋值; null 表示这个变量有一个空值.

• 数值表达式, 布尔表达式和串表达式会分别得到一个数, 布尔值和串值.

• 要重复执行代码块, 可以使用 for 或 while 循环.

• for 循环和 while 循环可以做同样的事情, 要根据具体情况使用最合适的形式.

• 要结束一个 for 或 while 循环, 某个时刻条件测试必须是 false.

• 可以使用 if/else 语句根据一个条件测试做出判断.

• 条件测试时布尔表达式.

• 可以向Web页面的 head 部分或体部分增加JavaScript, 或者把它放在单独的文件中, 并从Web页面链接这个文件.

• 要用 <script> 元素包围你的JavaScript代码(或指向代码的链接).

• 浏览器加载一个Web页面时, 它会创建一个文档对象模型(Document Object Model, DOM), 这是Web页面的一个内部表示.

• 同时使用JavaScript检查和修改DOM, 可以使你的Web页面有交互性.

• 可以使用 document.getElementById 访问页面中的一个元素.

• document.getElementById 使用一个元素的id在DOM中查找元素.

• 可以使用一个元素的 innerHTML 属性修改这个元素的内容.

• 如果你想在页面完全加载之前访问或修改元素, 会得到一个JavaScript错误, 你的代码将不能正常工作.

• 将一个函数赋至 window.onload 属性, 可以在浏览器完成页面加载之后运行这个函数中的代码.

• 可以使用一个数组来存储多个值.

• 要访问一个数组中的值, 需要使用索引. 索引是一个整数, 指定数组中元素的位置(从0开始).

• 数组的 length 属性会告诉你数组中有多少个元素.

• 通过结合循环和数组, 可以按顺序访问一个数组中的各个元素.

• Math 是一个JavaScript库, 包含大量与数学相关的函数.

• Math.random 会返回一个介于0和1的浮点数(但是不会是1).

• Math.floor 把一个浮点数小数点后面的所有位去除, 将它转换为一个整数.