2.1<script>元素
<script>定义了6个属性:
async:可选。表示应该立即下载脚本,但不应妨碍页面中的其他操作,只对外部脚本有效。
charset:可选。表示通过src属性指定的代码的字符集。
defer:可选。表示脚本可以延迟到文档完全被解析和显示之后再执行,只对外部脚本文件有效。
src:可选。表示包含要执行代码的外部文件。
type:可选。编写代码使用的脚本语言的内容类型,其值一般为text/javascript。
使用<script>方式有两种:
直接在页面中嵌入JavaScript代码,不要在代码中的任何地方出现</script>,浏览器加载时会产生错误。
外部JS文件。
<script type="text/javascript" src=".../example.js"></script>
2.1.1<script>的位置
为了避免加载JS造成的延迟,现代web应用程序一般都把JS引用放在<body>元素中页面内容的后面。
2.1.2 延迟脚本。
表示脚本立即下载,延迟执行。HTML5要求延迟脚本按照他们出现的先后顺序执行。
设置属性defer="defer",
<script type="text/javascript" defer="defer" src=".../example.js"></script>
2.1.3异步脚本
立即下载脚本。异步脚本不会按照出现的先后顺序执行
设置属性 async。
<script type="text/javascript" async src=".../example.js"></script>
2.2
使用外部文件的优点:
可维护性:
可缓存;浏览器能够根据具体设置缓存链接的所有外部JS文件。不同页面使用同一个文件。这个文件只需下载一次。</br>
适应未来。
2.3文档模式
混杂模式(quirls mode):如果文档开始处没有文档类型声明,则所有浏览器都会默认开启混杂模式
标准模式(standard mode):<!DOCTYPE html></xmp></br>
2.4<noscript>元素</xmp></h4>
该元素中的内容只有在浏览器不支持JS或JS被禁用的情况下才会显示;
<noscript> //在启用了JS的浏览器中该信息不会显示