摘要:表示要执行外部文件的路径或链接。由于规范要求脚本按照他们出现的先后顺序执行,因此第一个延迟脚本会优先于第二个执行,二这两个脚本会优先于事件执行。无论使用任何方式,只要不存在和属性,浏览器都会按照元素在页面中出现的先后顺序依次解析。
元素属性
属性 | 定义 |
---|---|
async | 【可选】。可以异步加载,表示可以立即下载此脚本,但不影响页面其他操作。只对外部脚本有效。 |
charset | 【可选】。表示通过src属性制定代码的字符集。由于多数浏览器会忽略此属性,很少人使用。 |
defer | 【可选】。表示脚本可以掩饰到文档完全被解析和显示之后再执行。只对外部脚本有效。IE7及更早的版本对嵌入脚本也支持此属性。 |
language | 已废弃。 |
src | 【可选】。表示要执行外部文件的路径或链接。 |
type | 【可选】。默认为text/javascript。可以视为language的替代品。表示编写代码使用的脚本语言的内容类型(也成为MIME类型) |
这个属性表明脚本在执行时不会影响页面的构造。也就是说,脚本会被延迟到整个页面都解析完成之后再运行。因此,在元素中设置defer属性,就是告诉浏览器此脚本立即下载,但是延迟执行。
Document
这以上例子中,虽然我们把元素放在了文档的元素中,但其中包含的脚本将延迟到整个解析完成之后再执行。由于HTML5规范要求脚本按照他们出现的先后顺序执行,因此第一个延迟脚本会优先于第二个执行,二这两个脚本会优先于DOMContentLoaded事件执行。在实际运用中,两个延迟脚本不一定会按照顺序执行,也不一定会在DOMContentLoaded事件触发前执行,因此最后只包含一个延迟脚本。defer属性很少使用。
async异步脚本这个属性与defer属性蕾西,都用于改变处理脚本的行为。与defer不同的是,使用async的脚本并不能保证按照指定他们的先后属性执行。
Document
在以上例子中,第二个脚本可能会优先于第一个脚本执行,也不能不是。因此,如果使用async属性,确保两者之后互相不依赖非常重要。指定async属性的目的是不让页面等待两个脚本的下载与执行,而是可以异步的加载页面的其他内容。所以,建议异步脚本不要在加载期间修改DOM,以免出现错误。
异步脚本一定会在页面load事件前执行,但可能会在DOMContentLoaded事件触发之前或之后执行,因此,使用此属性的人也很少。
直接在页面内部嵌入JavaScript代码。
在外部引用JavaScript代码。
特别强调
包含在元素内部的代码会被从上至下一次解释。所以在元素内部不要出现""字符串,否则会报错。
") } //Uncaught SyntaxError: Invalid or unexpected token //页面只会显示"")}"字符串
如果确实要使用""字符串,可以加上转义符""
") }
使用外部引入javascript时,src属性是必须的。这个属性值是一个指向外部JavaScript文件的路径或链接。
使用此方式引入JavaScript时,在内部不要写任何额外的JavaScript代码。如果写了会被忽略。
无论使用任何方式,只要不存在defer和async属性,浏览器都会按照元素在页面中出现的先后顺序依次解析。所以说,JavaScript代码最好放在标签尾部,防止白屏之类问题。
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/92821.html
摘要:年月级规范成为的推荐标准,为基本的文档结构及查询提供了接口。这意味着中的对象与原生对象的行为或活动特点并不一致。结果第一条注释就会成为中的第一个子节点。由于跨域安全限制,来自不同子域的页面无法通过通信。 DOM(文档对象模型)是针对HTML和XML文档的一个API(应用程序编程接口)。DOM描绘了一个层次化的节点树,允许开发人员添加、移除和修改页面的某一部分。DOM脱胎于Netsc...
摘要:然而,虽然先生对无所不知,被誉为世界的爱因斯坦,但他的语言精粹并不适合初学者学习。即便如此,在后面我还是会建议把当做补充的学习资源。但目前为止,依然是学习编程的好帮手。周正则表达式,对象,事件,阅读权威指南第,,,章。 既然你找到这篇文章来,说明你是真心想学好JavaScript的。你没有想错,当今如果要开发现代网站或web应用(包括互联网创业),都要学会JavaScript。而面对泛...
摘要:好多编辑器例如等都支持这样的语法来快速的编写代码如何优雅地使用把标签放在结束标签之后结束标签之前的差别什么是响应式设计怎样进行 书籍 《JavaScriptDOM编程艺术》《JavaScript高级程序设计》《JavaScript框架设计》《JavaScript专家编程》《JavaScript Ninjia》《JavaScript语言精粹(修订版)》《JavaScript设计模式》《J...
摘要:好多编辑器例如等都支持这样的语法来快速的编写代码如何优雅地使用把标签放在结束标签之后结束标签之前的差别什么是响应式设计怎样进行 书籍 《JavaScriptDOM编程艺术》《JavaScript高级程序设计》《JavaScript框架设计》《JavaScript专家编程》《JavaScript Ninjia》《JavaScript语言精粹(修订版)》《JavaScript设计模式》《J...
阅读 2412·2021-11-23 09:51
阅读 2439·2021-11-11 17:21
阅读 3074·2021-09-04 16:45
阅读 2361·2021-08-09 13:42
阅读 2172·2019-08-29 18:39
阅读 2846·2019-08-29 14:12
阅读 1250·2019-08-29 13:49
阅读 3342·2019-08-29 11:17