在 HTML 页面中,可以通过 <script>
标签插入 JavaScript
代码,也可以引用外部 js
文件。
IE | Firefox | Chrome | Safari | Opera |
---|---|---|---|---|
6.0 | 9.0 | 4.0 | 5.0 | 11.1 |
<script>
标签用于定义客户端脚本,比如 JavaScript
, script
元素可以包含脚本语句。
<script type="text/javascript">
document.write("Hello World!")
</script>
注意:在 HTML 4.01
和 XHTML 1.0
规范中,type
属性是必须的。在 HTML5
规范中, script
的 type
属性默认是 text/javascript
,在《JavaScript DOM编程艺术》一书中也明确指出,type
不需要添加。
所以,type
也可以省略:
<script>
document.write("Hello World!")
</script>
src
属性规定外部脚本文件的 URL
。
<script type="text/javascript" src="demo.js"></script>
同样,type
可以省略:
<script src="demo.js"></script>
注意:外部文件不能包含 <script> 标签!
type
和 language
属性都可用来指定 <script>
标签中的脚本的类型。
language
属性在 HTML
和 XHTML
标准中受到了非议,这两个标准提倡使用 type
属性。遗憾的是,这两个属性的值是不一样的。
一下是两种属性的写法:
language = "JavaScript"
或者:
type = "text/javascript"
语法:
<script type="value">
常用属性值:
text/javascript
text/ecmascript
application/ecmascript
application/javascript
text/vbscript
async
异步执行脚本(仅适用于外部脚本)。
语法:
<script async="async" src="demo.js"></script>
或者直接写成:
<script async src="demo.js"></script>
charset
规定在外部脚本文件中使用的字符编码。
语法:
<script charset="value" src="demo.js"></script>
示例:
<script charset="UTF-8" src="demo.js"></script>
defer
对脚本执行进行延迟,直到页面加载为止。
示例:
<script defer="defer" src="demo.js"></script>
或者直接写成:
<script defer src="demo.js"></script>
声明:本文由w3h5原创,转载请注明出处:《HTML的 script 标签引用js文件及其属性整理》 https://cloud.tencent.com/developer/article/1537953