一、 javascript元素
1.在html中使用javascript 的方法,主要是使用<script>元素。
该元素属性如下:
async:异步执行,async 属性规定一旦脚本可用,则会异步执行,而不管页面是否解析完成。async 属性仅适用于外部脚本(只有在使用 src 属性时)。
defer:表示脚本在文档元素全部被解析完成后,再执行,只对引用外部js文件有效
src:可选表示包含执行代码的外部文件
type: text/javascript.
有多种执行外部脚本的方法:
- 如果 async="async":脚本相对于页面的其余部分异步地执行(当页面继续进行解析时,脚本将被执行)
- 如果不使用 async 且 defer="defer":脚本将在页面完成解析时执行
- 如果既不使用 async 也不使用 defer:在浏览器继续解析页面之前,立即读取并执行脚本
2.使用<script>的两种方式
a.<script type="text/javascript">
function kk(){alert('a');}
</script>
b. <script type="text/javascript" src="http://abc.com/m.js"/>
注:两种方式不能混合使用,否则a种方式中定义的代码不被执行。
二、<script>元素的位置
按照惯例应该放到html中head元素中,但为了避免页面下载script文件而页面显示空白,最好是放到<body>元素的最后位置。
三、延迟脚本
1.方式一:使用<script type="text/javascript" defer="defer" src="example.js"/> 浏览器解析到本行时,会下载js,但等到页面解析完成后,js才被执行。
2.方式二:由于浏览器对defer属性的支持 程度不同,因此把延迟的脚本放到页面底部才是最佳选择
四. 异步脚本
<script type="text/javascript" async="async" src="example.js"/>
浏览器解析到本行时会异步下载example.js并执行,当前页面继续被解析,而不是等待js执行完成。
相关推荐
《JavaScript高级程序设计》(第3版)是一本深入探讨该语言精髓的权威书籍,它为读者提供了全面且深入的JavaScript知识,包括语言核心、DOM操作、BOM处理、事件处理以及面向对象编程等多个方面。 在书中,作者详细...
《JavaScript高级程序设计(第3版)》是JavaScript学习者必备的经典教材,它深入讲解了JavaScript的核心概念、语法以及高级特性。这本书由资深JavaScript专家Nicholas C. Zakas撰写,为读者提供了全面且深入的...
"JavaScript高级程序设计"是一本深入探讨JavaScript编程语言的书籍,旨在帮助读者掌握JS的各个方面,适合自学者进行系统学习。以下是对书中的主要知识点的详细阐述: 1. JavaScript简介: JavaScript是一种广泛...
《JavaScript DOM高级程序设计》是一本深入探讨JavaScript与DOM(Document Object Model)交互的权威书籍。这本书的源码提供了一种实践的方式,帮助读者更好地理解书中的理论知识,并且能够亲手实现书中提到的各种...
标题与描述中的“JavaScript高级程序设计”指向了一种深度探讨JavaScript语言及其在Web开发中高级应用的教程或书籍。它旨在超越基础知识,探索更复杂的概念和技术,适合已经掌握JavaScript基础并希望进一步提升技能...
《JavaScript权威指南第4版》和《JavaScript高级程序设计》这两本书是深入理解并掌握JavaScript技术的重要参考资料。以下是对这两本经典书籍所涵盖知识点的详细阐述。 首先,我们来看《JavaScript权威指南第4版》。...
JavaScript高级程序设计是每个前端开发者深入理解这门语言所必经之路。这篇学习笔记将带你探索JavaScript的核心概念,包括变量、数据类型、控制流、函数、对象和类等,这些都是构建复杂应用程序的基础。 首先,我们...
在学习JavaScript高级程序设计时,以下几个关键知识点不容忽视: 1. **原型与原型链**:JavaScript采用原型继承,每个对象都有一个__proto__属性,指向创建它的构造函数的原型。原型链是通过这些原型关系形成的一个...
"JavaScript高级程序设计"这一主题深入探讨了这门语言的高级概念和最佳实践,旨在帮助开发者提升技能,实现更复杂、高性能的应用。 1. **原型与继承**:JavaScript采用原型链机制实现对象继承,这是它区别于其他...
通过阅读《JavaScript 高级程序设计》,开发者不仅能深入理解JavaScript的本质,还能掌握编写高效、可维护代码的技巧,从而在实际开发中游刃有余。配合源代码分析,更能加深对理论知识的理解和实践应用。
在"JavaScript脚本程序设计"中,我们可能涉及到以下几个关键知识点: 1. **基础语法**:JavaScript的基础包括变量声明(var、let、const)、数据类型(如字符串、数字、布尔值、null、undefined、对象、数组、符号...
在《JavaScript高级程序设计》这本书中,作者深入浅出地讲解了这门语言的高级概念和技术,帮助开发者提升技能水平。以下是我对这本书学习的总结: 1. **变量与数据类型** JavaScript中的变量是动态类型的,可以...
**JavaScript 高级程序设计**,作为Web开发领域的一本经典...通过学习《JavaScript高级程序设计(第3版)》,你不仅能够掌握JavaScript的核心技术,还能了解到最新的Web开发趋势,为成为专业的Web开发者打下坚实基础。
在高级程序设计中,我们还会接触到`createDocumentFragment()`,这个方法创建一个内存中的文档片段,可以在不实际改变DOM的情况下预处理元素,提高性能。此外,`appendChild()`, `insertBefore()`, `removeChild()`...