JavaScript系列:《JavaScript高级程序设计》,chapter2, 在html中使用JavaScript

2.1.2 延迟脚本

    指的是defer属性,且只适用于外部脚本,也就是有defer属性的脚本。

由于各种延迟浏览器对延迟脚本的支持不统一,且在html5之后也不再支持defer属性,所以把延迟脚本放在页面底部仍然是最佳选择。

2.1.3 异步脚本

<script type="text/javascript" async src="example1.js"></script>

<script type="text/javascript" async src="example2.js"></script>

第二个脚本可能会在第一个脚本之前执行,因此确保两个脚本之间互相不依赖非常重要。

指定async属性的目的是不让页面等待两个脚本下载和执行,从而异步的加载页面的其他内容。因此,建议异步脚本不要在加载期间修改DOM。

异步脚本一定会在页面的load事件之前执行,但是可能会在DOMContentLoaded事件触发之前或者之后执行。

2.1.4 在XHTML中的用法

只有这样的格式才可以在各种浏览器中都支持,虽然有点hack的味道。

  1. <script type="text/javascript">
  2. <![CDATA[
  3. function compare(a, b){
  4. if(a<b)
  5. alert("A is less than B");
  6. else if(a>b)
  7. alert("A is greater than B");
  8. else
  9. alsert("A is equal B");
  10. }
  11. ]]>
  12. </script>

2.3 文档模式

准标模式和标准模式非常接近,他们的差异可以忽略不计。因此当有人提出“标准模式” 的时候,有可能是这两种模式中的任何一种。

2.4 <noscript>元素

  1. <body>
  2. <noscript>
  3. <p> 页面需要浏览器支持</p>
  4. </noscript>
  5. </body>

这个页面会在脚本无效的情况下向用户显示一条消息。而在启用了脚本的浏览器中,用户永远也不会看到。

来自为知笔记(Wiz)

时间: 2024-12-30 00:12:28

JavaScript系列:《JavaScript高级程序设计》,chapter2, 在html中使用JavaScript的相关文章

[笔记]《JavaScript高级程序设计》- 在HTML中使用JavaScript

一.<script>元素 像HTML页面中插入JavaScript的主要方法,就是使用<script>元素.HTML4.0.1为<script>定义了下列6个属性. async:可选.表示应该立即下载脚本,但不应妨碍页面中的其他操作,比如下载其他资源或等待加载其他脚本.只对外部脚本有效. charset:可选.表示通过src属性指定的代码的字符集. defer:可选.表示脚本可以延迟到文档完全被解析和显示之后再执行.只对外部脚本有效. src:可选.表示包含要执行代码的

《JavaScript 高级程序设计》读书笔记二 使用JavaScript

一   <script>元素 a.四个属性: async:立即异步加载外部脚本: defer:延迟到文档完全被解析再加载外部脚本: src:外部脚本路径: type:脚本语言的内容类型: 二   XHTML中用法 a. //<![CDATA[ javascript代码 //]]> 三   <noscript>元素 <JavaScript 高级程序设计>读书笔记二 使用JavaScript

JavaScript权威指南第13章 web浏览器中的javascript

13.1 客户端javascript window对象是所有的客户端javascript特性和api的主要接入点.表示浏览器的一个窗口,可以通过window对象来引用它. window 的方法 alert() prompt() confirm() 13.2 在html里嵌入javascript 4种方法: 内联:放置在<script></script>标签之中 外部引入:<script src="   "></script> html程序

深入理解JavaScript系列(20):《你真懂JavaScript吗?》答案详解

介绍 昨天发的<大叔手记(19):你真懂JavaScript吗?>里面的5个题目,有很多回答,发现强人还是很多的,很多人都全部答对了. 今天我们来对这5个题目详细分析一下,希望对大家有所帮助. 注: 问题来自大名鼎鼎的前端架构师Baranovskiy的帖子<So, you think you know JavaScript?>. 答案也是来自大名鼎鼎的JS牛人Nicholas C. Zakas的帖子<Answering Baranovskiy’s JavaScript qui

Javascript学习笔记(二)在HTML中使用Javascript

在HTML中使用Javascript只需一个标签<script>即可,虽然简单,但是里边有很多注意的东西,且听在下慢慢道来. 首先,使用<script>标签时推荐使用<script></script>,而不是使用<script />,因为后者是XHTML的写法,也许会在某些浏览器中得不到正确解析,比如IE.<script>标签既可以内部嵌入代码,也可以引用外部代码.当两者都存在的时候只会下载并执行外部脚本文件,嵌入的代码将会忽略.这里

JavaScript系列:高级函数篇

前言: 本篇主要是介绍 JavaScript使用函数的高级方法,函数是JavaSCript中最有趣的部分,利用Function特性可以编写出很多非常有意思的代码,本篇主要包括:函数回调,高阶函数以及函数柯里化. 1.   函数回调 对于异步编程JavaScript API如SetTimeout或者JQuery的$.ajax又或者越来越火的Node.js编程,在事件循环上都是非阻塞的,意思就是,当你使用异步非阻塞API的使用,调用在回调函数执行之前立即返回,而这些回调在不久之后执行. 1 setT

JavaScript Item37—— 面向对象高级程序设计

1. JS是基于原型的程序 建立一个简单的面向对象的类.有属性,有方法. <code class="hljs javascript has-numbering" style="display: block; padding: 0px; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre

JavaScript高级程序设计(第3版) 中文pdf扫描版 89M 高清下载

<JavaScript高级程序设计(第3版)>是JavaScript超级畅销书的最新版.ECMAScript5和HTML5在标准之争中双双胜出,使大量专有实现和客户端扩展正式进入规范,同时也为JavaScript增添了很多适应未来发展的新特性. <JavaScript高级程序设计>这一版除增加5章全新内容外,其他章节也有较大幅度的增补和修订,新内容篇幅约占三分之一. 全书从JavaScript语言实现的各个组成部分——语言核心.DOM.BOM.事件模型讲起,深入浅出地探讨了面向对象

《JavaScript高级程序设计》 阅读计划

第一周       第1章 JavaScript简介   1 第2章 在Html中使用JavaScript 1 第3章 基本概念   3         第二周       第4章 变量.作用域和内存问题 1.5 第5章 引用类型   2 第6章 面向对象的程序设计 1 第7章 函数表达式   1         第三周       第八章 BOM   1 第九章 客户端检测   1 第十章 DOM   2 第十一章 DOM扩展   1         第四周       第十二章 DOM2和D

《Javascript高级程序设计》读书笔记

第一章 JavaScript简介 1.1 JavaScript简史 略 1.2 JavaScript实现 虽然 JavaScript 和 ECMAScript 通常都被人们用来表达相同的含义,但 JavaScript 的含义却比 ECMA-262 中规定的要多得多.一个完整的 JavaScript 实现应该由下列三个不同的部分组成: ? 核心(ECMAScript)? 文档对象模型(DOM) ? 浏览器对象模型(BOM) 1.3 JavaScript版本 略 第二章 在HTML中使用JavaSc