预先获取资源
可以要求浏览器预先获取预计很快就要用到的资源。
| <link rel="prefetch" href="/page2.html"/> |
注:目前不是所有浏览器都支持该功能。
script元素
用于在页面中加入脚本,可以直接在文档中定义脚本和引用外部文件中的脚本。该元素支持的局部属性如下:
1)type:表示所引用或定义的脚本的类型,对于JavaScript脚本这个属性可以省略
2)src:指定外部脚本文件的URL
3)defer async(HTML5新增):设定脚本的执行方式,这两个属性只能与src属性一同使用
4)charset:说明外部脚本文件所用字符编码,该属性只能与src属性一同使用
定义文档内嵌脚本
| <script> document.write("This is from the script"); </script> |
默认情况下,浏览器在页面中一遇到脚本就会执行。
载入外部脚本库
可以将脚本放到单独的文件中,然后用script元素载入HTML文档。
| <script src="simple.js"></script> |
推迟脚本的执行
使用async和defer属性可以对脚本的执行方式加以控制,defer属性告诉浏览器要等页面载入和解析完成后才能执行脚本:
| <script defer src="simple2.js"></script> |
由于html遇到脚本就会执行,如果你的脚本需要使用到html脚本中的内容,通常你需要将脚本放到相应的html脚本后,但在html5中,使用defer属性就能达到同样的目的。
浏览器遇到script元素时的默认行为是在加载和执行脚本的同时暂停处理页面,各个script元素依次同步执行。async属性可以在浏览器解析HTML文档时异步加载和执行脚本,如果运用得当,可以大大提高整体加载性能。
| <script async src="simple2.js"></script> |
noscript元素
noscript元素用来向禁用了JavaScript或浏览器不支持JavaScript的用户显示一些内容。
| <noscript> <h1>JavaScript is required!</h1> <p>You cannot use this page without JavaScript</p> </noscript> |
还有一种选择是在浏览器不支持JavaScript时将其引至另一个URL。
| <noscript> <meta http-equiv="refresh" content="0;http://www.apress.com"/> </noscript> |









