在 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 属性的值。 |