HTML的 script 标签引用js文件及其属性整理

js.png HTML的 script 标签引用js文件及其属性整理 HTML笔记

在 HTML 页面中,可以通过 <script> 标签插入 JavaScript 代码,也可以引用外部 js 文件。

浏览器支持:

IEFirefoxChromeSafari

Opera

6.09.04.05.011.1

插入 JavaScript 代码:

<script> 标签用于定义客户端脚本,比如 JavaScript , script 元素可以包含脚本语句。

<script type="text/javascript">
    document.write("Hello World!")
</script>

注意:在 HTML 4.01XHTML 1.0 规范中,type 属性是必须的。在 HTML5 规范中, scripttype 属性默认是 text/javascript ,在《JavaScript DOM编程艺术》一书中也明确指出,type 不需要添加。

所以,type 也可以省略:

<script>
    document.write("Hello World!")
</script>

引用外部 js 文件:

src 属性规定外部脚本文件的 URL

<script type="text/javascript" src="demo.js"></script>

同样,type 可以省略:

<script src="demo.js"></script>

注意:外部文件不能包含 <script> 标签!

type 和 language 属性:


typelanguage 属性都可用来指定 <script> 标签中的脚本的类型。

language 属性在 HTMLXHTML 标准中受到了非议,这两个标准提倡使用 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>


赞 (2)
分享到: +

评论 沙发

Avatar

换个身份

  • 昵称 (必填)
  • 邮箱 (选填)