`

《Javascript 高级程序设计》在html中使用javascript

 
阅读更多

一、 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版)超清中文PDF

    《JavaScript高级程序设计》(第3版)是一本深入探讨该语言精髓的权威书籍,它为读者提供了全面且深入的JavaScript知识,包括语言核心、DOM操作、BOM处理、事件处理以及面向对象编程等多个方面。 在书中,作者详细...

    JavaScript 高级程序设计(第3版)【附源代码】

    《JavaScript高级程序设计(第3版)》是JavaScript学习者必备的经典教材,它深入讲解了JavaScript的核心概念、语法以及高级特性。这本书由资深JavaScript专家Nicholas C. Zakas撰写,为读者提供了全面且深入的...

    javascript高级程序设计

    "JavaScript高级程序设计"是一本深入探讨JavaScript编程语言的书籍,旨在帮助读者掌握JS的各个方面,适合自学者进行系统学习。以下是对书中的主要知识点的详细阐述: 1. JavaScript简介: JavaScript是一种广泛...

    javascript DOM高级程序设计源码

    《JavaScript DOM高级程序设计》是一本深入探讨JavaScript与DOM(Document Object Model)交互的权威书籍。这本书的源码提供了一种实践的方式,帮助读者更好地理解书中的理论知识,并且能够亲手实现书中提到的各种...

    javascript 高级程序设计

    标题与描述中的“JavaScript高级程序设计”指向了一种深度探讨JavaScript语言及其在Web开发中高级应用的教程或书籍。它旨在超越基础知识,探索更复杂的概念和技术,适合已经掌握JavaScript基础并希望进一步提升技能...

    JavaScript权威指南第4版+Javascrpt高级程序设计

    《JavaScript权威指南第4版》和《JavaScript高级程序设计》这两本书是深入理解并掌握JavaScript技术的重要参考资料。以下是对这两本经典书籍所涵盖知识点的详细阐述。 首先,我们来看《JavaScript权威指南第4版》。...

    JavaScript高级程序设计2,学习笔记---第一篇

    JavaScript高级程序设计是每个前端开发者深入理解这门语言所必经之路。这篇学习笔记将带你探索JavaScript的核心概念,包括变量、数据类型、控制流、函数、对象和类等,这些都是构建复杂应用程序的基础。 首先,我们...

    javaScript 高级程序设计 源码

    在学习JavaScript高级程序设计时,以下几个关键知识点不容忽视: 1. **原型与原型链**:JavaScript采用原型继承,每个对象都有一个__proto__属性,指向创建它的构造函数的原型。原型链是通过这些原型关系形成的一个...

    JavaScript 高级程序设计

    "JavaScript高级程序设计"这一主题深入探讨了这门语言的高级概念和最佳实践,旨在帮助开发者提升技能,实现更复杂、高性能的应用。 1. **原型与继承**:JavaScript采用原型链机制实现对象继承,这是它区别于其他...

    JavaScript 高级程序设计电子书

    通过阅读《JavaScript 高级程序设计》,开发者不仅能深入理解JavaScript的本质,还能掌握编写高效、可维护代码的技巧,从而在实际开发中游刃有余。配合源代码分析,更能加深对理论知识的理解和实践应用。

    JavaScript脚本程序设计

    在"JavaScript脚本程序设计"中,我们可能涉及到以下几个关键知识点: 1. **基础语法**:JavaScript的基础包括变量声明(var、let、const)、数据类型(如字符串、数字、布尔值、null、undefined、对象、数组、符号...

    JavaScript高级程序设计学习总结

    在《JavaScript高级程序设计》这本书中,作者深入浅出地讲解了这门语言的高级概念和技术,帮助开发者提升技能水平。以下是我对这本书学习的总结: 1. **变量与数据类型** JavaScript中的变量是动态类型的,可以...

    Javascript 高级程序设计

    **JavaScript 高级程序设计**,作为Web开发领域的一本经典...通过学习《JavaScript高级程序设计(第3版)》,你不仅能够掌握JavaScript的核心技术,还能了解到最新的Web开发趋势,为成为专业的Web开发者打下坚实基础。

    javascript DOM 高级程序设计源码(1)

    在高级程序设计中,我们还会接触到`createDocumentFragment()`,这个方法创建一个内存中的文档片段,可以在不实际改变DOM的情况下预处理元素,提高性能。此外,`appendChild()`, `insertBefore()`, `removeChild()`...

Global site tag (gtag.js) - Google Analytics