在 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 代码,实现丰富的交互效果和功能。