<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中的新属性。

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

相关文章推荐

script标签属性用type还是language?

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

script标签的defer和async属性

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

【JavaScript】script标签的属性

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

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

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

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

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

script标签的defer和async属性

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

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

什么是JSONP协议? JSONP即JSON with Padding。由于同源策略的限制,XmlHttpRequest只允许请求当前源(域名、协议、端口)的资源。如果要进行跨域请求,我们可以通过使用...

通过script标签跨域、ajax跨域

JSON(JavaScript Object Notation){javascript对象表示法}是一种数据交换格式;JSONP(JSON with Padding) 是一种可以绕过同源策略的方法,即...

Script标签和脚本执行顺序

0.前言估计所有读者也慢慢适应我每次讲东西之前先墨迹一段的习惯了。那么我今天就来个转换,我!不!墨!迹!了!正文开始。1.script标签的默认行为首先我们先来看一下 标签 的几个重要特性: scr...
  • MR_LP
  • MR_LP
  • 2016-12-01 18:02
  • 2004

原生JS(2)<script>标签

(五)script标签 【1】标签在创建的时候可以赋予六(七)个属性(都是可选); ①src:最重要的属性,表示链接外部的js代码文件,如果引用外部js文件的话就需要添加这个属性。附带效果,添加这...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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