共计 1925 个字符,预计需要花费 5 分钟才能阅读完成。
2.1 <script>
元素
HTML5 中为
<script>
元素定义了下列 6 个属性- async:可选;示意应该立刻下载脚本,但不应障碍页面中的其余操作,比方下载其余资源或期待加载其余脚本;只对外部脚本无效;
- charset:可选;示意通过 src 属性置顶的代码的字符集;大多数浏览器会疏忽这个值;
- defer:示意脚本能够提早到文档齐全被解析和显示之后再执行;只对外部脚本无效;扭转 script 元素加载程序
- language:已废除;
- src
- type:必选;示意编写代码应用的脚本语言的内容类型(也称为 MIME 类型)
- 蕴含在
<script>
元素外部的 JavaScript 代码将被从上到下顺次解释 - 不要在代码中的任何地位出
</script>
字符串,即便是alert('</script>')
,但能够应用转义字符“\”解决,eg:alert('<\/script>')
- 在解析内部 JavaScript 文件(包含下载该文件)时,与解析嵌入式 JavaScript 代码一样,页面的解决也会临时进行
- 内部 JavaScript 文件带有.js 扩展名,然而这个扩展名不是必须的,因为浏览器不会查看蕴含 JavaScript 的文件的扩展名,然而服务器通常还是须要看扩展名决定为响应利用哪种 MIME 类型
- 带有 src 属性的
<script>
元素两头不应该再呈现其余代码,即便有,也只会加载内部 src 中的脚本文件,<script>
元素两头的代码会被疏忽
2.1.1 标签的地位
依照传统的做法,所有的 <script>
元素都应该放在页面的 <head>
元素中,然而为什么当初不这样做?
首先说,这种做法的目标就是把所有的内部文件的援用都放在雷同的中央;
然而,在文档的 <head>
元素中蕴含所有 JavaScript 文件,意味着必须等到所有的 JavaScript 文件都下载、解析、执行结束之后,才开始出现页面内容,这会使得浏览器在出现页面时呈现显著的提早,在这期间页面一片空白,因而当初的通用做法是,将 JavaScript 援用放在 <body>
元素中页面内容的前面
2.1.2 提早脚本 –defer 属性
- 这个属性的用处:表明脚本在执行时不会影响页面的结构,即脚本会被提早到整个页面都解析结束后再运行(立刻下载,但提早执行)
- HTML5 标准要求脚本依照他们呈现的先后顺序执行,因而几个提早脚本同时呈现的时候,会依照程序提早执行,且这些提早脚本会先于 DOMContentLoaded 事件
- 在事实中,提早脚本不肯定会依照程序执行,也不肯定会在 DOMContentLoaded 事件触发前执行,因而最好只蕴含一个提早脚本
- 局部浏览器会疏忽 defer 属性,因而,把提早脚本放在页面底部依然是最佳抉择
2.1.3 异步脚本 –async 属性
- 与 defer 属性不同之处:async 的脚本并不保障依照指定他们的先后顺序执行,因而确保脚本之间互不依赖十分重要
- 倡议异步脚本不要在加载期间批改 DOM
- 异步脚本肯定会在页面的 load 事件前执行,但可能会在 DOMContentLoaded 事件触发前或者后执行
2.1.4 在 XHTML 中的用法 —- 略
2.1.5 不举荐应用的用法 – 不反对 JavaScript 的浏览器曾经不存在 – 略
2.2 嵌入代码与内部文件
在 HTML 中嵌入 JavaScript 代码没有问题,然而个别认为最好的做法还是尽可能应用内部文件来蕴含 JavaScript 代码,长处:
- 可维护性:遍布不必 HTML 页面的 JavaScript 会造成保护问题
- 可缓存:浏览器可能依据具体的设置缓存链接的所有内部 JavaScript 文件
- 适应将来:XHTML 和 HTML 蕴含内部文件的语法是雷同的
2.3 文档模式
IE5.5 引入文档模式的概念,这个概念是通过应用文档类型切换实现的,最后的文档模式分为两种:
- 混淆模式:会让 IE 的行为与蕴含非标准个性的 IE5 雷同
- 规范模式:让 IE 行为更靠近规范行为
尽管这两种模式次要影响 CSS 内容的出现,但在某些状况下也会影响到 JavaScript 的解释执行
- 在此之后,IE 又提出一种 准规范模式:浏览器个性很多都是符合标准的,这种模式能够通过应用过渡型或者框架集型文档类型来触发
- 如果在文档开始处没有发现文档类型阐明,则所有浏览器都会默认开启混淆模式
- 准规范模式和规范模式十分靠近,个别提到规范模式,指的是除混淆模式以外的其余模式
2.4 <noscript>
元素
- 晚期浏览器面临一个问题:即当浏览器不反对 JavaScript 时如何让页面安稳进化。—-
<noscript>
元素 蕴含
<noscript>
元素中的内容只有在下列状况才会显示进去:- 浏览器不反对脚本
- 浏览器反对脚本,然而脚本被禁用
除此之外,浏览器不会出现
<noscript>
元素中的内容
本文由 mdnice 多平台公布
正文完