JavaScript <script>元素

最新推荐文章于 2023-06-05 10:58:02 发布

前端小生

最新推荐文章于 2023-06-05 10:58:02 发布

阅读量859

点赞数

分类专栏： javascript高级程序设计 javascript 文章标签： javascript html script元素

本文链接：https://blog.youkuaiyun.com/Java_Warplane/article/details/72809685

版权

9 篇文章

订阅专栏

8 篇文章

订阅专栏

本文介绍了HTML4.01中<script>元素的六个属性及其用法，包括async、charset、defer、language、src和type。详细解释了如何在网页中直接嵌入JavaScript代码以及如何引用外部JavaScript文件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML 4.01 为<script>定义了下列6 个属性。

async：

可选。立即下载js脚本，但不阻碍页面的其他操作，例如构建dom树、下载其他资源或等待加载其他脚本。只对外部脚本文件有效。

charset：

可选。设置 src属性指定的代码的字符集。由于大多数浏览器会忽略它的值，因此这个属性很少有人用。

defer：

可选。表示脚本可以延迟到文档完全被解析和显示之后再执行。只对外部脚本文件有效。IE7 及更早版本对嵌入脚本也支持这个属性。

language：

已废弃。原来用于表示编写代码使用的脚本语言（如JavaScript、JavaScript1.2或VBScript）。大多数浏览器会忽略这个属性，因此也没有必要再用了。

src：

可选。表示包含要执行代码的外部文件。

type：

可选。可以看成是language 的替代属性；表示编写代码使用的脚本语言的内容类型（也称为MIME 类型）。这个属性并不是必需的，如果没有指定这个属性，则其默认值为ext/javascript。

使用<script>元素的方式有两种：

直接在页面中嵌入JavaScript 代码和包含外部JavaScript文件。

1）使用<script>元素嵌入JavaScript 代码：

2）通过<script>元素来包含外部JavaScript 文件 ，指向外部JavaScript 文件src 属性必需写上：

注意:

1、在解释器对<script>元素内部的所有代码求值完毕以前，页面中的其余内容都不会被浏览器加载或显示。

2、在使用<script>嵌入JavaScript 代码时，记住不要在代码中的任何地方出现"</script>"字符串。因为按照解析嵌入式代码的规则，当浏览器遇到字符串"</script>"时，就会认为那是结束的</script>标签。而通过转义字符“/”可以解决这个问题。

错误：

");
    }

正确：

3、在 XHTML 文档中，通过<script>元素来包含外部 JavaScript 文件 ，也可以省略代码中结束的</script>标签 。

4、src 属性的<script>元素不应该在其<script>和</script>标签之间再包含额外的JavaScript 代码。如果包含了嵌入的代码，则只会下载并执行外部脚本文件，嵌入的代码会被忽略。

5、通过<script>元素的src 属性还可以包含来自外部域的JavaScript 文件。

6、只要不存在 defer 和 async 属性，浏览器都会按照 <script> 元素在页面中出现的先后顺序对它们依次进行解析。