《JavaScript高级程序设计》C1-2

C1 JavaScript简介

表单验证

简史

1995：Netscape发布JavaScript 1.0，同时Microsoft发布JScript，暂无标准
1997：JavaScript 1.1 —> ECMA —> 确定ECMAScript为JavaScript标准
1998：ISO/IEC采用ECMAScript作为标准，自此浏览器开发商均将ECMAScript作为JavaScript实现基础

实现

完整的JavaScript包括：

• 核心（ECMAScript）
  • 语法、类型、语句、关键字、保留字、操作符、对象
  • 由ECMA-262定义，提供核心语言功能
• 文档对象模型（DOM）
  • DOM将整个页面映射为一个多层节点结构
  • 提供访问和操作网页内容的方法和接口
• 浏览器对象模型（BOM）
  • 提供与浏览器交互的方法和接口

C2 在HTML中使用JavaScript

向HTML页面中插入JavaScript的标签/元素，可直接在页面中嵌入JavaScript代码和包含外部JavaScript脚本文件。

属性：

• async：可选。是否立即下载脚本，且不妨碍页面中的其他操作。只对外部脚本文件有效
• charset：可选。表示src指定代码的字符集，大多数浏览器会忽略此属性
• defer：可选。脚本可以延迟到文档完全被解析和显示之后再执行。只对外部脚本文件有效
• language：废弃
• src：可选。指定外部脚本文件路径
• type：可选。language的替代属性，表示编写代码使用的脚本语言的内容类型（MIME类型），默认为“text/javascript”

如果不存在defer和async属性，浏览器都会按照script元素在页面中出现的先后顺序对脚本文件依次解析（顺序执行）

位置

• 传统做法，是放在页面的head元素中。
• 现代web应用程序一般都把全部的js引用放在body元素中页面内容的后面。（博客测试一下）

延迟脚本-defer属性

• defer=“defer”
• 使用defer属性后，外部脚本文件（因为此属性只对外部脚本文件生效，老版本的浏览器不在考虑范围之内）会被立即下载，并延迟到整个页面都解析完毕后（DOMContentLoaded事件前）再顺序执行。
• 现实情况下，延迟脚本并不一定按照顺序执行，而且不一定会在DOMContentLoaded事件触发前执行。

异步脚本-async属性

• async=“async”
• 使用async属性后，||外部脚本文件会被立即下载，并延迟到整个页面都解析完毕后再异步执行，即与defer属性不同的是，async并不保证标记为async属性的外部脚本按照顺序执行|| 表示当前脚本不必等待其他脚本，也不必阻塞文档呈现，且不保证异步脚本按照页面顺序执行（笔者注：会被立即下载）。
• 可能DOMContentLoaded事件前后执行，但一定会在页面的load事件（详见CH3-事件）前执行。
• 建议异步脚本不要再加载期间修改DOM

嵌入代码与外部文件

建议使用外部文件的方式。
可维护、可缓存、适应未来

文档模式

• 混杂模式
• 标准模式
• 准标准模式

noscript元素

• 浏览器不支持脚本
• 浏览器支持脚本，但脚本被禁用