SEO私馆
问题咨询、疑难诊断、代工优化、培训教学

什么是script标签元素(属性)?

什么是script标签元素(属性)?

script标签用于定义客户端脚本,比如JavaScript。

script元素既可包含脚本语句,也可以通过src属性指向URL脚本文件。

定义和用法

script标签用于定义客户端脚本,比如JavaScript。

script元素既可以包含脚本语句,也可以通过src属性指向外部脚本文件。

必需的type属性规定脚本的MIME类型。

JavaScript的常见应用时图像操作、表单验证以及动态内容更新。

实例

在 HTML 页面中插入一段 JavaScript:

<script type="text/javascript"> document.write("SEO私馆") </script> 

<script type="text/javascript" src="https://www.seosiguan.com/a/b/abc.js"></script>

数据统计代码用的是script元素:

举例:

<script>

var _hmt = _hmt || [];

(function() {

var hm = document.createElement("script");

hm.src = "https://hm.baidu.com/hm.js?13216fgfdfh65gfgfgt";

var s = document.getElementsByTagName("script")[0];

s.parentNode.insertBefore(hm, s);

})();

</script>

HTML5为<script>定义了6个属性:

async:可选,表示应该立即下载脚本,但不应该妨碍页面中的其他操作,如:下载其他资源或等待记载其脚本,只对外部脚本文件有效。

charset:可选,表示通过src属性指定的代码的字符集,大多数浏览器会忽略它的值。

defer:可选,表示脚本可以延迟到文档完全被解析和显示之后再执行,只对外部脚本文件有效,IE7及更早版本对嵌入脚本也支持这个属性。

language:已废弃,表示编写代码使用的脚本语言,大多数浏览器会忽略这个属性。

src:可选,表示包含要执行代码的地址文件。

type:必选,相当于是language的替代属性,表示编写代码使用的脚本语言的内容类型(也成为 MIME 类型),为了最大限度的浏览器兼容性, 目前type属性的值依旧还是 text/javascript,默认值为text/javascript。

type和language属性

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

language属性在HTML和XHTML 标准中受到了非议,这两个标准提倡使用type属性。遗憾的是,这两个属性的值是不一样的。

如果您在使用 JavaScript,可以使用下面两种属性:

language = "JavaScript"或者:type = "text/javascript"

您可能偶尔会看见language的值为VBScript(对type而言是text/vbscript),表示包含的脚本代码是用Microsoft的Visual Basic Script编写的。

利用JavaScript,您还可以使用language的值"JavaScript 1.1",表示包含的脚本语句只能被 Netscape 3.0 或更新的版本处理,Netscape 2.0只支持JavaScript 1.0,而无法处理标记为 "JavaScript 1.1" 的脚本。

提示:如果您希望学习有关JavaScript和VBScript的知识,请访问我们的 JavaScript 教程和VBScript教程。

src和charset属性

对特别长的avaScript程序或者经常重复使用的程序来说,你可以希望将这些代码存放到一个单独的文件中。在这样的情况下,让浏览器通过src属性来载入那个单独的文件。

src的值是包含这个JavaScript程序的文件的URL。保存的文件的MIME类型应是application/x-javascript,但如果文件名的后缀为.js,也能够被正确配置了的服务器进行恰当的处理。

例如下面的语句:

<script type="text/javascript" src="/w3school.com.cn/abc.js">....</script>

上面的例子告诉支持<script>的浏览器从服务器上下载名为 abc.js 的JavaScript程序。

重要事项:<script>是开头,</script>是结束,必须是配套使用。

charset属性与src属性一起使用,告诉浏览器用来编码这个javascript程序的字符集。它的值是任何一个ISO标准字符集编码的名称。

defer 属性

有的javascript脚本document.write方法来创建当前的文档内容,其他脚本就不一定是了。

如果您的脚本不会改变文档的内容,可将defer属性加入到<script>标签中,以便加快处理文档的速度。因为浏览器知道它将能够安全地读取文档的剩余部分而不用执行脚本,它将推迟对脚本的解释,直到文档已经显示给用户为止。