1.1 Script元素
1.1.1 标签的位置
现在Web应用程序一般都把全部JavaScript引用放在<body>
元素中页面内容的后面,这样可以在解析JavaScript脚本之前,页面的内容完全呈现在浏览器中。用户也会因为浏览器窗口显示空白页面的时间缩短而感到打开页面的速度加快。
1.1.2 延迟脚本
defer
属性(只适用于外部脚本文件)表明脚本在执行时不会影响页面的构造,即脚本会被延迟到整个页面都解析完毕后再运行。
1.1.3 异步脚本
async
属性(只适用于外部脚本文件)告诉浏览器立即下载文件,但是标记async
的脚本并不保证按照指定它们的先后顺序执行。指定async
属性的目的是不让页面等待两个脚本下载和执行,从而异步加载页面其他内容。
1.2 嵌入代码与外部文件
使用外部文件的优点:
- 可维护性
- 可缓存
- 适应未来