<script>标签和属性

最新推荐文章于 2025-10-01 13:18:09 发布

原创最新推荐文章于 2025-10-01 13:18:09 发布 · 2.5k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #js

javascript 专栏收录该内容

10 篇文章

订阅专栏

本文详细介绍了HTML中的<script>标签的使用方法及其常见属性，包括async、defer、language、src、type等，通过实例演示了不同属性的用法和效果。

该元素由Netscape创造并在 NetScape Navigator 2中首次实现

HTML 4.01为<script>定义了如下6个属性：async，charset,defer,language,src,type

async: 可选属性，只对外部脚本有效，表示立即下载脚本，不会妨碍页面中其他操作。
defer:可选属性，只对外部脚本有效，表示脚本延迟到文档被完全解析后再执行。注意：ie7及以前的版本也支持嵌入脚本

defer演示：

Myjs.js如下：

alert("asdf");//存储为Myjs.js

index.html如下：

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
    <script  src="Myjs.js"><span style="font-family: Arial, Helvetica, sans-serif;">  </script></span>
  <title>Document</title>
 </head>
 <body>
  页面内容
 </body>
</html>

运行结果：

先弹出警告框，在未点击确定前，html文档内容不会显示。

为<scirpt>标签添加属性 defer=true。

运行结果：

页面显示内容，并弹出警告框

language：已废弃，大多数浏览器会忽略此属性
src：可选，用于表示外部文件
type：可选，表示使用的脚步语言的内容类型，目前 type 默认值为 text/javascript

存在问题：在《Javaascrit高级程序设计》中描述async是html4.01中<script>的属性，而w3school网站上却描述该属性是html5中的新属性。