Javascript高级程序设计 Ch2

来源：互联网发布：4g网络优化工程师编辑：程序博客网时间：2024/05/21 09:08

向HTML页面中插入 Javascript 的主要方法就是使用 <script> 元素，HTML4.01为 <script> 定义了6个属性：
1. async : 可选。表示应该立即下载脚本，但不应该妨碍页面中的其他操作，只对外部脚本文件有效；
2. charset : 可选。大部分浏览器会忽略它的值所以很少有人用了；
3. defer : 可选。表示脚本可以延迟到文档完全被解析和显示之后再执行，只对外部脚本文件有效；
4. language : 已废弃；
5. src : 可选。表示包含要执行代码的外部文件；
6. type : 可选。可以看成是language的替代属性，表示编写代码使用的脚本语言的内容类型。

与解析嵌入式 Javascript 代码一样，在解析外部 Javascript 文件（包括下载该文件）时，页面的处理也会暂时停止。
带有src属性的<script>元素不应该在其<script>和</script>标签之间再包含额外的 Javascript 代码。如果包含了嵌入的代码。
- 如果将 Javascript 代码都用外部文件方式写在<head>中，那么我们必须等到所有 Javascript 代码全部下载、解析和执行之后，才能开始呈现页面内容。为了避免这个问题，现代 Web 应用程序一般都把全部 JavaScript 引用放在<body>元素中页面内容的后面。
- defer 属性，表明脚本在执行时不会影响页面的构造，也就是先下载，最后（遇上</html>后）在执行。H5 规范要求脚本按照出现的先后顺序执行，且会优先于 DOMContentLoaded 事件执行；但是现实中，这些都是不一定的，所以最好只包含一个延迟脚本。
- 异步脚本 async，告诉浏览器立即下载，（与页面其他带有 async 属性的脚本）同时执行，因此，确保异步执行的脚本之间，互不依赖十分重要，建议异步脚本不要再加载期间修改 DOM 。
嵌入代码和外部文件：
支持使用外部文件的人多会强调如下优点：
- 可维护性
- 可缓存
- 适应未来

阅读全文

0 0