【JavaScript】script标签的属性

Script标签当中,除了一些我们经常使用的属性外,它他还有一些更为特殊
的属性。

1.defer属性,这是一个不用设置属性值的属性。
下面通过两段程序代码来说明defer属性:
代码A:
aaa
<script language="javascript">
document.write("bbb");
</script>
ccc

代码B:
aaa
<script language="javascript" defer>
document.write("bbb");
</script>
ccc

程序代码A的运行效果:
aaa bbb ccc
这说明script语句在程序逐行解析代码的时候就执行了。

程序代码B的运行效果:
bbb
只显示了脚本程序写入的bbb脚本。这是因为设定了defer属性。
设置了defer属性的script标签对中的代码,它们是在浏览器处理
完网页中的所有其它的内容以后,才开始执行的。这样,这个script
中的document对象的write方法就会重新打开一个document对象,把
最初写入的文本内容(aaa ccc)覆盖掉。

defer属性就是高速浏览器,在装载网页文档的时候不去解析script中
的脚本代码,而是在装载并分析完整个网页文档的内容后,才开始执行
script中的脚本代码,这样才能够提高网页文档加载的性能。

显然,如果直接嵌套在script标签对中的脚本代码没有调用document的
write,加不加defer都没有影响。如果有,就不能加defer了,会影响
网页实际的执行效果。

defer放在这里说明而不是在讲解script标签的时候去讲解主要是因为
要有一个水到渠成的效果。一开始学习javascript的时候是很难理解
defer这个属性的效果的。


2.language属性:用于指定脚本语言的类型。在最近的html与Dhtml中已
经不再使用这个属性了,但是为了兼容性,现在依然还有保留。

3.type属性:用来代替language属性,使用方法:
<script type="text/javascript">
<script type="text/vbscript">
<meta http-equiv="Content-Script-Type" content="text/javascript">

4.src属性:用于引入.js的脚本语言文件。
src属性的应用。

回顾:一个web服务器是如何借助<img>标签来收集其他web站点的
页面访问次数的?
如图:

使用<script>标签的src属性为其他站点的网页提供各种拓展功能。

(比如可以连接到后台动态页面处理数据)

转载请注明出处:http://blog.csdn.net/acmman/article/details/44276349

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
### 回答1: script标签的src属性用于指定外部 JavaScript 文件的 URL,从而将该文件引入到 HTML 文档中。例如: ``` <script src="example.js"></script> ``` 在这个例子中,`example.js` 是一个外部 JavaScript 文件的 URL,它将被引入到 HTML 文档中。浏览器在解析到该 script 标签时,会自动下载并执行该文件中的 JavaScript 代码。这样,我们就可以将 JavaScript 代码分离到一个独立的文件中,提高页面的可维护性和加载速度。 ### 回答2: script标签的src属性用于指定引入外部JavaScript文件的路径。通过src属性,可以将外部文件的内容嵌入到HTML文档中,从而实现代码的复用和解耦。 使用src属性的格式为:<script src="文件路径"></script>。其中,文件路径可以是相对路径或绝对路径,用于指定外部JavaScript文件所在的位置。相对路径是相对于当前HTML文档的位置来指定外部文件的路径,可以是相对于当前文件所在目录的相对路径,或者相对于根目录的绝对路径。绝对路径是指文件的完整路径,通常使用URL来指定。 使用外部JavaScript文件的优势在于代码的分离和复用。将JavaScript代码独立成外部文件,可以提高代码的可维护性和可读性。同时,可以在多个页面中共享该外部文件,减少重复代码的编写和维护工作。 在使用src属性引入外部文件时,需要确保文件路径正确,否则浏览器无法加载外部文件。如果路径错误,可以通过浏览器的开发者工具查看控制台报错信息,以便找出问题所在。此外,为了防止外部文件加载中断,还可以通过在标签内添加defer或async属性来控制外部文件的加载和执行顺序。 需要注意的是,使用src属性引入外部文件时,需要确保文件是正确的JavaScript语法,且服务器正确设置文件的MIME类型。否则,外部文件可能无法正常加载或执行。另外,还要注意文件路径的安全性,以防止恶意代码的注入和执行。 总之,script标签的src属性是用来引入外部JavaScript文件的重要属性,可以实现代码的复用和解耦,提高代码的可维护性和可读性。 ### 回答3: `script`标签是HTML中的一个元素,用于引入外部的JavaScript文件或内联JavaScript代码。 `src`属性是`script`标签的一个属性,用于指定要引入的外部JavaScript文件的路径。 通过将外部JavaScript代码文件引入到HTML页面的方式,可以实现JavaScript代码的复用和模块化开发。在HTML中使用`script`标签,通过设置`src`属性指向外部JavaScript文件的路径,就能将该文件中的JavaScript代码加载到HTML页面中执行。 有以下几点需要注意: 1. 外部JavaScript文件必须是有效的JavaScript代码,否则在加载时会出现错误。 2. 外部JavaScript文件的路径可以是相对路径或绝对路径。 3. 如果使用相对路径,它是相对于当前HTML文件的路径。 4. 外部JavaScript文件应该放置在`<script>`标签之前,以确保在使用时已经加载完成。 5. 可以在同一个HTML文件中多次使用`script`标签,引入不同的外部JavaScript文件或多个内联JavaScript代码块。 示例: ```html <!DOCTYPE html> <html> <head> <title>Script标签示例</title> </head> <body> <h1>Script标签示例</h1> <!-- 引入外部JavaScript文件 --> <script src="scripts/myscript.js"></script> <!-- 内联JavaScript代码 --> <script> console.log("Hello, World!"); </script> </body> </html> ``` 在上述示例中,`script`标签的`src`属性指向`scripts/myscript.js`,它会加载并执行`myscript.js`文件中的JavaScript代码。同时,页面中的内联JavaScript代码也会被执行。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

光仔December

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值