关闭

<script>标签和属性

标签: javascriptjs
1683人阅读 评论(0) 收藏 举报
分类:

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

0
0
查看评论

<script>标签的for和event属性

click me         alert("hello!"); 上面这段代码相当于: document.getElementById("tmp").at...
  • xiongwt
  • xiongwt
  • 2014-05-05 15:43
  • 4028

JavaScript之script标签属性讲解

定义了6个属性: 1、async  表示立即下载该脚本,但不妨碍页面中的其他操作(比如:下载其他资源或等待加载其他脚本),只对外部文件有效。 2、charset 属性与 src 属性一起使用,告诉浏览器用来编码这个 javascript 程序的字符集。它的值是任何一个 ISO 标准...
  • cp1820957097
  • cp1820957097
  • 2015-05-10 23:28
  • 2771

script标签不带属性与带async、defer的区别

当页面解析到script标签时,会停止解析并下载对应的脚本,并马上执行,执行完毕后再继续解析页面 async 在下载脚本的同时不会停止解析HTML,但是在下载完成后会停止解析并开始执行,执行完毕后继续解析页面 defer 下载脚本时跟async一样不会停止解析HTML,下载完毕后会延迟到...
  • azureternite
  • azureternite
  • 2016-07-13 11:41
  • 796

关于JAVASCRIPT 中的属性event 和 for

今天偶然间看到一段JS代码:......<!-- alert(hello);// -->...... hello .....  这是什么写法? 查了下W3C的规范SCRIPT标签并没有这样的规范。 又详细的GOOGLE了一番,终于搞明白了: 这...
  • chen123456789198808
  • chen123456789198808
  • 2009-12-26 23:20
  • 2837

HTML <script> 标签的 src 属性

定义和用法 src 属性规定外部脚本文件的 URL。 有时,我们需要在网站的多个页面中运行 JavaScript。不需要重复编写相同的脚本,只需在单独的文件中创建 JavaScript,并以 .js 为后缀保存,然后使用 标签中的 src 属性引用该文件即可。 注释:外部文件不能...
  • qq_31013175
  • qq_31013175
  • 2017-06-28 15:32
  • 192

[Javascript]HTML5中script的async属性异步加载JS

HTML5中script的async属性异步加载JS   HTML4.01为script标签定义了5个属性: charset 可选。指定src引入代码的字符集,大多数浏览器忽略该值。 defer 可选。延迟脚本执行,相当于将script标签放入页面body标签的底部。除IE...
  • szwangdf
  • szwangdf
  • 2011-12-14 16:27
  • 5989

Javascript的script标签中的id属性

首先,和普通的html标签一样,script也是可以作为html元素来处理的,而Dom的节点都是可以有id属性的; 其实,script中的id还是有用的,比如如果页面需要加载的JS文件过多,那样最好是写一个JS文件用来加载这些JS文件,比如可做如下参考: [javascript] v...
  • zsg88
  • zsg88
  • 2017-04-26 16:38
  • 1273

tppabs这个属性是什么?

tppabs标签 是离线浏览器下载完整个网页后,在图片或超级链接标签内加入的标签,以记录该图片或超级链接指向的原始地址。 因为这个标签不是合法标签,所以普通浏览器会忽略它。 如题:tppabs这个属性是什么?在一些页面看到别人用了,如: W3school中:
  • u011630575
  • u011630575
  • 2014-12-17 22:20
  • 1795

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

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

HTML中javascript的<script>标签使用方法详解

只要一提到把JavaScript放到网页中,就不得不涉及Web的核心语言——HTML。在当初开发JavaScript的时候,Netscape要解决的一个重要问题就是如何做到让JavaScript既能与HTML页面共存,又不影响那些页面在其他浏览器中的呈现效果。经过尝试、纠错和争论,最终的决定就是为W...
  • yxl8359026
  • yxl8359026
  • 2015-12-04 14:57
  • 12466
    文章分类