重读高程三:HTML 中使用 JavaScript

  1. script 属性:
    • async [异步]:立即下载脚本,但不妨碍页面中其他操作。外部脚本有效。load 事件前执行(一定)
    • charset :表示指定代码字符集
    • defer [延迟]:脚本可延迟到文档完全被解析和显示后再执行。外部脚本有效。DOMContentLoaded 事件前执行(标准)
    • src :资源 URI
    • type :MIME 类型 常用 text/javascript text/template

使用方式:页面内嵌、外部引用。两者同时存在时,只下载、执行外部引用。外部引用:可维护性、可缓存、适应未来。

包含在 script 内部的代码将从上至下依次解释。在解析和下载文件时,页面将暂时停止。

如果没有 async 和 defer ,script 代码将自上而下顺序下载和解析。

由于下载和解析时会阻塞执行,因此引用放在 body 后面,此时先解析页面内容。

  1. 文档模式
    两种文档模式:混杂模式、标准模式
    主要影响:CSS、JavaScript
    若无文档类型声明,均默认为混杂模式。

  2. noscript:浏览器不支持脚本或已经禁用

猜你喜欢

转载自www.cnblogs.com/iceytea/p/11930403.html