在 HTML 中,<script> 元素用于定义客户端脚本,通常是 JavaScript。通过将 JavaScript 代码包含在 <script> 标签中,可以在网页中执行各种操作,比如修改文档内容、响应用户交互、发送网络请求等。
使用方法
<script> 元素可以出现在 HTML 文档的 <head> 或 <body> 部分,也可以作为外部脚本文件的引用。以下是一些常见的使用方法:
内联脚本
在 HTML 中直接编写 JavaScript 代码:
-- -------------------- ---- -------
--------- -----
------
------
---------------------
--------
------------- ---------
---------
-------
------
---- ---- ---
-------
-------外部脚本
将 JavaScript 代码存储在外部文件中,并通过 <script> 标签引入:
-- -------------------- ---- -------
--------- -----
------
------
---------------------
------- -------------------------
-------
------
---- ---- ---
-------
-------属性
<script> 元素支持以下属性:
type:指定脚本的 MIME 类型,默认为text/javascript。src:指定外部脚本文件的 URL。async:设置为async时,脚本将异步加载并执行。defer:设置为defer时,脚本将在文档解析完成后执行。
注意事项
- 在使用
<script>元素时,应注意脚本的加载顺序和执行时间,避免出现意外行为。 - 外部脚本文件应尽量放在页面底部,以避免阻塞页面渲染。
- 避免在 HTML 内联脚本中包含大量代码,应尽量将复杂逻辑放在外部文件中。
通过 <script> 元素,我们可以在 HTML 页面中嵌入和引用 JavaScript 代码,实现丰富的交互效果和功能。
| 属性 | 描述 |
|---|---|
| async | 设置或返回是否异步执行脚本(一旦脚本可用)。 |
| charset | 设置或返回脚本的 charset 属性的值。 |
| defer | 设置或返回是否在页面完成解析时执行脚本。 |
| src | 设置或返回脚本的 src 属性的值。 |
| text | 设置或返回脚本的所有子文本节点的内容。 |
| type | 设置或返回脚本的 type 属性的值。 |