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元素
- 浏览器不支持脚本
- 浏览器支持脚本,但脚本被禁用