JavaScript读书笔记（1）

从今天开启每天看书记笔记模式，《JavaScript高级程序设计（第3版）》

1、 Javascript最初是为了解决输入验证器的问题，现在已经发展成一门复杂的语言；

2、  语言标准为ECMAScript（ek-ma-script），一个完整的Javascript有三部分组成：

核心（ECMAScript）、文档对象模型（DOM）、浏览器对象模型（BOM）

（1）       ECMAScript规定了Javascript语言的组成部分：语法、类型、语句、关键字、保留字、操作符、对象；

ECMAScript第5版-包括原生JSON对象（用于解析和序列化JSON数据）、继承的方法和高级属性定义、严格模式对ECMAScript的引擎解释和执行代码进行了补充。

（2）       DOM是针对XML但经过扩展用于HTML的应用程序编程接口；DOM把整个页面映射为一个多层节点结构，HTML或XML页面中的每个组成部分都是某种类型的节点，这些节点又包含不同类型的数据；

DOM级别：

DOM1-映射文档结构

DOM2-视图（跟踪不同文档视图的接口）、事件（事件和事件处理的接口）、样式（基于CSS为元素应用样式的接口）、遍历和范围（遍历和操作文档树的接口）

DOM3-统一方式加载和保存文档，新增验证文档的方法；

（3）       BOM可以访问和操作浏览器窗口，可以控制浏览器显示的页面以外的部分

BOM处理浏览器窗口和框架，以及一些针对浏览器的Javascript扩展；

如弹出新浏览器窗口、移动缩放和关闭浏览器窗口、提供浏览器详细信息的navigator对象、提供浏览器所加载页面的详细信息的location对象、提供用户显示器分辨率详细信息的screen对象、对cookies的支持、像XMLHttpRequest和IE的ActiveXObject这样的自定义对象；

3、<script>元素属性

async:可选，在不影响页面其他操作的情况下，立即下载脚本，只对外部脚本文件有效；

charset:可选，src属性指定代码的字符集，现在很少用；

defer:可选，外部脚本文件可以延迟到文档完全被解析和显示之后再执行；

language:已废弃；

src:可选，要执行代码的外部文件；

type:可选，一般为text/javascript，默认也是这个；

（1）       直接在页面中嵌入Javascript代码，如下所示

<script type="text/javascript> function sayHi(){ alert("Hi");}</script>

Javascript代码从上到下执行，上面代码中，解释器会把函数的定义保存在自己的环境中，在解释器对<script>元素内部的所有代码求值完毕以前，页面中的其余内容不会被浏览器加载或显示；

（2）       加载外部Javascript脚本

<script src="try.js" type="text/javascript"></script>

标签之间不准包含额外的Javascript代码，若包含，会被忽略；

也可以包含来自外部域的Javascript代码

<script src="http://www.***./try.js" type="text/javascript"></script>

只要不存在defer和async属性，浏览器会按照<script>元素在页面中出现的先后顺序对它们进行解析；

加载外部脚本文件时，一般会把<script>标签放到body元素的最后位置；

（3）       延迟脚本

<script src="try.js" type="text/javascript" defer="defer"></script>

脚本立即下载，但延迟执行；

（4）       异步脚本

<script src="try.js" type="text/javascript" async ></script>

标记为async的脚本并不保证按照它们的先后顺序执行，制定async属性的目的是不让页面等待两个脚本下载和执行，从而异步加载页面其他内容；

（5）       <noscript>元素可以指定在不支持脚本的浏览器中显示的替代内容，但在启用了脚本的情况下，浏览器不会显示<noscript>元素中的任何内容；

<noscript> <p>本页面需要浏览器支持（启用）JavaScript.</p></noscript>