JavaScript高级程序设计学习笔记第二章

1.向 HTML 页面中插入 JavaScript 的主要方法,就是使用<script>元素

2.HTML 4.01中定义了<script>元素的六个属性(方便记忆,可将6个属性分为3组)

第一组:

  • async:可选。表示应该立即下载脚本,但不应妨碍页面中的其他操作,比如下载其他资源或等待加载其他脚本。只对外部脚本文件有效。(使用<script>不属于外部脚本)
  • defer:可选。表示脚本可以立即下载,但是延迟到文档完全被解析和显示之后再执行。只对外部脚本文件有效。

第二组:

  • language:已废弃。原来用于表示编写代码使用的脚本语言(如 JavaScript、JavaScript1.2或 VBScript)。大多数浏览器会忽略这个属性,因此也没有必要再用了。
  • type:可选。可以看成是 language 的替代属性;表示编写代码使用的脚本语言的内容类型(也称为 MIME 类型)。

第三组:

  • charset:可选。表示通过 src 属性指定的代码的字符集。由于大多数浏览器会忽略它的值,因此这个属性很少有人用。
  • src:可选。表示包含要执行代码的外部文件。可以是同一服务器上的文件,也可以是任何域上的文件。

3.使用<script>元素的方式有两种:直接在页面中嵌入 JavaScript 代码(使用<script>元素)和包含外部 JavaScript文件(使用<script>标签的src属性)。
4.使用嵌入式javascript代码的时候,代码内容中不能出现“</script>”字符串,因为浏览器遇到“</script>”字符串,就会认为是结束的</script>标签。如果一定要有,则使用准义字符<\/script>。

5.在解析内嵌 JavaScript 代码时,包含在<script>元素内部的 JavaScript 代码将被从上至下依次解释,解析外部 JavaScript 文件(包括下载该文件)时,页面的处理也会暂时停止。

6.带有 src 属性的<script>元素不应该在其<script>和</script>标签之间再包含额外的 JavaScript 代码。如果包含了嵌入的代码,则只会下载并执行外部脚本文件,嵌入的代码会被忽略。
7.<script>标签包含的内容一般放在<head>标签内部,但由于javascript代码全部被下载、解析和执行情况下,页面会暂停动作,而浏览器要遇到<body>标签时才会呈现内容,如果放在<head>标签里,那么页面会有一段时间的空白显示,所以应该放在</body>标签之前,这样的页面的内容就完全呈现出来。

8.如果有两个外部脚本都有defer属性(延迟脚本),理论上第一个脚本要先于第二个脚本执行,并且两个脚本会先于 DOMContentLoaded 事件执行。但实际上延迟脚本并不一定会按照顺序执行,也不一定会在 DOMContentLoaded 事件触发前执行,因此最好只包含一个延迟脚本。
9.标记为 async 的脚本(异步脚本)并不保证按照指定它们的先后顺序执行,建议异步脚本不要在加载期间修改 DOM。一定会在页面的 load 事件前执行,但可能会在 DOMContentLoaded 事件触发之前或之后执行。

10.文档模式:

  • 严格模式:
1 <!-- HTML 4.01 严格型 -->
2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
3 "http://www.w3.org/TR/html4/strict.dtd">
  • 过渡模式:比严格模式多了一些内容,例如允许标签的内置CSS属性
1 <!-- HTML 4.01 过渡型 -->
2 <!DOCTYPE HTML PUBLIC
3 "-//W3C//DTD HTML 4.01 Transitional//EN"
4 "http://www.w3.org/TR/html4/loose.dtd">
  • 框架模式:在过渡模式的基础上可以使用<frame>标签,添加框架
1 <!-- HTML 4.01 框架集型 -->
2 <!DOCTYPE HTML PUBLIC
3 "-//W3C//DTD HTML 4.01 Frameset//EN"
4 "http://www.w3.org/TR/html4/frameset.dtd">

XHTML比HTML 4.01更加严格一些,也有三种模式,html5只有一种模式。

11.使用<noscript>元素可以再浏览器不支持会禁用的javascript代码的情况下实现平稳退化,支持浏览器的情况下,<noscript>标签中的内容不会显示。

时间: 2024-10-27 10:12:56

JavaScript高级程序设计学习笔记第二章的相关文章

javascript 高级程序设计 学习笔记01章 javascript的认知

hello world: 大家早上好 ,所谓一年之计在于春,一日之计在于晨.今天开始学习 高级程序设计第三版 第二遍 以前以迅雷不及掩耳之势草草看过一遍 ,但是什么也没记住 已经忘得差不多了.哈哈,原来我不是黄蓉,也不是天才,还是那句话 好记性不如烂笔头.这次学习高级程序设计第三版 是有目标的,有目的性的.所以我会把 每一章学习的心得和笔记 都记录在此.于己于人都方便.废话不多说 ,开始吧 今天的第一张 ,javascript 的实现.张鑫旭大神说过 非it(计算机专业的)的前端从业人员 学习j

javascript 高级程序设计 学习笔记02章 script元素的认知

hello world: 这一章的主要内容是 学习对 script 元素的 主要功能 和 使用 script 元素 是我们用来 载入javascript 脚本代码的 主要方式,是浏览器厂商为了 统一脚本代码的嵌入 而 创造的元素.我来看看 script元素 有哪些功能和属性吧. html 规范 为script元素 定义了6大属性: 1. scr 属性(可选)  这个属性主要目的是 通过src 指定外部脚本文件的文件地址,从而把外部文件里的脚本代码嵌入到html页面当中来.如果用了src指定外部脚

JavaScript高级程序设计学习笔记第二十章--JSON

1.JSON:JavaScript Object Notation, JavaScript 对象表示法. 2.最重要的是要理解它是一种数据格式,不是一种编程语言.虽然具有相同的语法形式,但 JSON 并不从属于 JavaScript.而且,并不是只有 JavaScript 才使用 JSON,毕竟 JSON 只是一种数据格式.很多编程语言都有针对 JSON 的解析器和序列化器. 3.语法: JSON 的语法可以表示以下三种类型的值: 简单值:使用与 JavaScript 相同的语法,可以在 JSO

JavaScript高级程序设计学习笔记第九章--客户端检测

1.能力检测:能力检测的目标不是识别特定的浏览器,而是识别浏览器的能力.(我的理解就是识别浏览器能做什么不能做什么) 2.怪癖检测:目标是识别浏览器的特殊行为.但与能力检测确认浏览器支持什么能力不同,怪癖检测是想要知道浏览器存在什么缺陷(“怪癖”也就是 bug). 3.用户代理检测:争议最大的一种客户端检测技术.用户代理检测通过检测用户代理字符串来确定实际使用的浏览器.在每一次 HTTP 请求过程中,用户代理字符串是作为响应首部发送的,而且该字符串可以通过 JavaScript 的 naviga

JavaScript高级程序设计 读书笔记 第二章

<script>元素 直接在页面中嵌入JavaSript代码或包含外部JavaSript文件. 在代码中任何地方不能出现</script>,可通过转义字符'\'解决. 在XHTML中可省略</script>,HTML中不能. 延迟脚本:defer属性(defer="defer"),告诉浏览器立即下载,延迟执行.最好只包含一个延迟脚本. 异步脚本:async属性(async="async"),不让页面等待两个脚本下载和执行,异步加载

JavaScript高级程序设计学习笔记--高级技巧

惰性载入函数 因为浏览器之间行为的差异,多数JavaScript代码包含了大量的if语句,将执行引导到正确的代码中,看看下面来自上一章的createXHR()函数. function createXHR(){ if (typeof XMLHttpRequest != "undefined"){ return new XMLHttpRequest(); } else if (typeof ActiveXObject != "undefined"){ if (typeo

JavaScript高级程序设计学习笔记--基本概念

1.语句 ECMAScript中的语句以一个分号结尾:如果省略分号,则由解析器确定语句的结尾,如下例所示: var sum=a+b //即使没有分号也是有效的语句--推荐 var diff=a-b; //有效的语句--推荐 虽然语句结尾的分号不是必需的,但我们建议任何时候都不要省略它.两个原因:1.加上分号可以避免很多错误 2.加上分号也会在某些情况下增进代码的性能,因为这样解析器就不必再花时间 推测应该在哪里插入分号了. 2.变量 var message="hi"; 像这样初始化变量

Javascript高级程序设计学习笔记

3. 基本概念 基本数据类型:Undefined,Null,Boolean,Number,String. 复杂数据类型:Object. 3.6 语句 switch比较值时用的是全等运算符 “===” ,因此不会进行类型转换.例如 “10” 不等于10. 3.7 函数 ECMAScript函数不介意传递进来多少个参数,也不在乎参数的类型.即使定义的函数只接受两个参数,在调用的时候也可以传递任意多个或者0个.因为ECMAScript的参数在内部是用一个数组表示的,在函数体内部可以通过argument

JavaScript高级程序设计学习笔记--BOM

window对象 BOM的核心对象是window,它表示浏览器的一个实例.在浏览器中,window对象有双重角色,它既是通过JavaScript访问浏览器窗口的一个接口,又是ECMScript规定的Global对象. 全局作用域 由于window对象同时扮演着ECMAScript中Global对象的角色,因此所有在全局作用域中声明的变量.函数都会变成window对象的属性和方法.来看下面的例子: var age=29; function sayAge(){ alert(this.age); }