<script>标签和属性

原创 2015年07月09日 09:33:01

<script>标签是用于向HTML页面插入javascript代码。

该元素由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中的新属性。

版权声明:本文为博主原创文章,转载请注明出处,谢谢。

JavaScript之script标签属性讲解

定义了6个属性: 1、async  表示立即下载该脚本,但不妨碍页面中的其他操作(比如:下载其他资源或等待加载其他脚本),只对外部文件有效。 2、charset 属性与 src 属性一起使用,...

script标签属性用type还是language?

这三个标签的使用有什么区别? 虽然一直在用,却也没有好好去弄清楚,这里详细说明一下。 查阅一些资料,主要是浏览器支持问题。type 和 language 属性都可用来指定 标签中的脚本的...

【JavaScript】script标签的属性

Script标签当中,除了一些我们经常使用的属性外,它他还有一些更为特殊 的属性。 1.defer属性,这是一个不用设置属性值的属性。 下面通过两段程序代码来说明defer属性: 代码A: aaa ...

script标签的defer和async属性

当浏览器碰到 script 脚本的时候: 没有 defer 或 async,浏览器会立即加载并执行指定的脚本,“立即”指的是在渲染该 script 标签之下的文档元素之前,也就是说不等待...

各浏览器对 SCRIPT 标签内 type 和 language 属性值识别程度不同

标准参考 脚本使用的语言由 SCRIPT 标签的 “type” 属性指定,该属性大小写不敏感,在 HTML 4.01 规范中,该属性没有默认值,而在 HTML 5 草案中,该属性的默认值为 "te...

script标签的defer和async属性

defer & async前提在说defer和async两个script标签的属性之前,要先说一下浏览器对于页面进行加载的流程,浏览器渲染页面是基于两棵树进行的,分别是DOM树和render树,DOM...

动态修改script标签中的src属性存在的问题

需求:通过脚本动态修改script标签的src来载入一段外部脚本并执行 实现方式(#1): javascript" id="external-script"> document.get...
  • ynwso
  • ynwso
  • 2015年06月05日 21:41
  • 3051

HTML5中<script>标签中的defer与async属性详解

在HTML中执行脚本最重要的方法就是使用元素,但是执行元素时会阻塞后面文档的加载。 那么首先为什么会阻塞呢,是由于哪些原因呢? 其实是标签中的src属性在作怪,因为一个src就相当于一次h...
  • wxl1555
  • wxl1555
  • 2016年10月06日 09:51
  • 724

script标签中的async和defer属性

众所周知,html中的script标签都是同步按顺序来执行的,并且在加载和执行的时候会中断DOM解析器的解析过程,下面列举一个简单的例子来观察这一过程: loadjs.html代码: Lo...

利用script标签的src属性来实现跨域请求(JSONP协议)

什么是JSONP协议? JSONP即JSON with Padding。由于同源策略的限制,XmlHttpRequest只允许请求当前源(域名、协议、端口)的资源。如果要进行跨域请求,我们可以通过使用...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:<script>标签和属性
举报原因:
原因补充:

(最多只允许输入30个字)