第2章 在HTML中使用JavaScript

140 阅读2分钟

<script>元素基本

使用方式:直接在页面中嵌入JavaScript代码或者包含外部JavaScript文件。包含在<script>元素内部的代码将被从上至下依次解析。使用嵌入代码时,代码中出现</script>字符串时,需要使用转义字符"\",写成<\/script>

使用位置:传统上,放在<head>中。实际中为了页面呈现效果,放在紧邻</body>前面。

拥有五个可选属性,一个废弃属性:

  • async:立即下载脚本,但不妨碍页面中其他操作,只对外部脚本文件有效。理论上说延迟脚本之间按顺序执行,但在现实中延迟脚本之间并不一定会按顺序执行,因此最好只包含一个延迟脚本。
  • defer:表示脚本可以延迟到文档完全被解析和显示之后再执行,只对外部脚本文件有效。指定异步脚本的目的是不让页面等待脚本的下载和执行(可以节约下载时间),从而异步加载页面其他内容。标记为异步脚本并不保证按它们的先后顺序执行,因此要确保脚本之间互不依赖。(本来从上至下的,加了这个后就没保障了)
  • src:表示要执行代码的外部文件。
  • charset:通过src属性指定代码的字符集,大多浏览器会忽视,少用。
  • type:不是必需的,一般默认text/javascript。
  • language:已废弃。

嵌入代码与外部文件

一般来说最好的是使用外部文件。有如下优点:

  • 可维护性:在一个文件方便统一修改维护。
  • 可缓存:浏览器能够根据具体的设置缓存链接所有的外部JavaScript文件。也就是说两个文件用同一个,只需要下载一次,故能加快页面加载的速度。
  • 适应未来:HTML和XHTML包含外部文件的语法是相同的。

<noscript>

在不支持脚本或禁用脚本的浏览器中显示替代的内容,启用了脚本就不会显示。



注:括号内容为自我理解。