【《JAVASCRIPT高级程序设计》事件处理程序和事件类型】的更多相关文章

读书时间《JavaScript高级程序设计》六：事件

Javascript与HTML之间的交互是通过事件实现的. 1. 事件流 事件流描述的是从页面中接收事件的顺序. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>事件流</title> </head> <body> <div id="box"></div> </body&…

《JavaScript高级程序设计》笔记：事件（十三）

事件流 事件冒泡 IE的事件流叫做事件冒泡,即事件开始时由最具体的元素接收,然后逐级向上传播到较为不具体的节点(文档).如下代码: <body> <div id="myDiv">click me</div> </body> 如果你点击了上面的div元素,那么这个click事件会按照如下顺序传播: (1)<div> (2)<body> (3)<html> (4)document 所有现代浏览器都支持事件冒…

JavaScript高级程序设计学习笔记之事件

1.事件流 事件流描述的是从页面中接收事件的顺序. 事件冒泡 IE的事件流叫做事件冒泡(event bubbling),即事件开始时由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播到较为不具体的节点(文档).(DOM树向上传播)(通俗解释(个人理解: 当一个元素上的事件被触发的时候,比如说鼠标点击了一个按钮,同样的事件将会在那个元素的所有祖先元素中被触发.这 一过程被称为事件冒泡:这个事件从原始元素开始一直冒泡到DOM树的最上层.)) 事件冒泡的优点与缺点 优点:想象一下现在…

《JavaScript高级程序设计》读书笔记 ---RegExp 类型

ECMAScript 通过RegExp 类型来支持正则表达式.使用下面类似Perl 的语法,就可以创建一个正则表达式.var expression = / pattern / flags ; 其中的模式(pattern)部分可以是任何简单或复杂的正则表达式,可以包含字符类.限定符.分组.向前查找以及反向引用.每个正则表达式都可带有一或多个标志(flags),用以标明正则表达式的行为.正则表达式的匹配模式支持下列3 个标志. g:表示全局(global)模式,即模式将被应用于所有字符串,而非在发…

《JavaScript高级程序设计》读书笔记 ---Function 类型

说起来ECMAScript 中什么最有意思,我想那莫过于函数了——而有意思的根源,则在于函数实际上是对象.每个函数都是Function 类型的实例,而且都与其他引用类型一样具有属性和方法.由于函数是对象,因此函数名实际上也是一个指向函数对象的指针,不会与某个函数绑定.函数通常是使用函数声明语法定义的,如下面的例子所示.function sum (num1, num2) { return num1 + num2;}这与下面使用函数表达式定义函数的方式几乎相差无几.var sum = functio…

《JavaScript高级程序设计》读书笔记 ---Array 类型

除了Object 之外,Array 类型恐怕是ECMAScript 中最常用的类型了.而且,ECMAScript 中的数组与其他多数语言中的数组有着相当大的区别.虽然ECMAScript 数组与其他语言中的数组都是数据的有序列表,但与其他语言不同的是,ECMAScript 数组的每一项可以保存任何类型的数据.也就是说,可以用数组的第一个位置来保存字符串,用第二位置来保存数值,用第三个位置来保存对象,以此类推.而且,ECMAScript 数组的大小是可以动态调整的,即可以随着数据的添加自动增长以容…

《JavaScript高级程序设计》读书笔记 ---Object 类型

引用类型的值(对象)是引用类型的一个实例.在ECMAScript 中,引用类型是一种数据结构,用于将数据和功能组织在一起.它也常被称为类,但这种称呼并不妥当.尽管ECMAScript从技术上讲是一门面向对象的语言,但它不具备传统的面向对象语言所支持的类和接口等基本结构.引用类型有时候也被称为对象定义,因为它们描述的是一类对象所具有的属性和方法. 注:虽然引用类型与类看起来相似,但它们并不是相同的概念.为避免混淆,本书将不使用类这个概念. 如前所述,对象是某个特定引用类型的实例.新对象是使用new…

《JavaScript高级程序设计》读书笔记 ---Date 类型

ECMAScript 中的Date 类型是在早期Java 中的java.util.Date 类基础上构建的.为此,Date类型使用自UTC(Coordinated Universal Time,国际协调时间)1970 年1 月1 日午夜(零时)开始经过的毫秒数来保存日期.在使用这种数据存储格式的条件下,Date 类型保存的日期能够精确到1970 年1月1 日之前或之后的285 616 年.要创建一个日期对象,使用new 操作符和Date 构造函数即可,如下所示.var now = new Dat…

《JavaScript高级程序设计》5.5 Function类型

5.5 Function类型 函数实质上是对象, 每个函数都是Function类型的实例, 并且都和其他引用类型一样具有属性和方法. 因此函数名实际上也是一个指向函数对象的指针, 不会与某个函数绑定. 三种函数定义方法: 1. 函数声明: function sum(num1, num2){ return num1 + num2; } 2. 函数表达式: var sum = function(num1, num2){ return num1 + num2; }; 3. 使用Function构造函数…

Javascript高级程序设计--读书笔记之Array类型

1.数组的lenght属性 数组的lenght属性很有特点---他不是只读的,可以同过修改这个属性来向数组的末尾添值加或删除值, 删除值 var color = ["red", "blue", "green"]; color.length = 2; alert(color[2]); //undefined 新增值 var colors = ["red", "blue", "green"]…