1. 事件目标
现在,事件处理程序中的变量event保存着事件对象。而event.target属性保存着发生事件的目标元素。
这个属性是DOM API中规定的,但是没有被所有浏览器实现 。
jQuery对这个事件对象进行了必要的扩展,从而在任何浏览器中都能够使用这个属性。
通过.target,可以确定DOM中首先接收到事件的元素(即实际被单击的元素)。
而且,我们知道this引用的是处理事件的DO...
分类:
Web程序 时间:
2015-05-28 14:06:09
阅读次数:
167
html标签是有子和父的,这个时候就出现了事件触发顺序的问题,比如:testFirsttestSecondtestThird 默认情况下,点third,三个事件都会触发,触发顺序为3,2,1.这种方式叫做冒泡触发。一、使用javascript设置触发方式可以使用javascript:DOM.a...
分类:
编程语言 时间:
2015-05-26 01:29:10
阅读次数:
245
表达式
{//key-value
x:1;
y:2;
}
[1, , , 2]中间是三个undefined
var o = new Object();
{
o.x=1;
o.y=2;
}
o.x == o['x'] (属性名自动转化成字符串)
特殊运算符
C?a:b
var val = (1,2,3) 从左到右计算表达式,最后取最右边的值
de...
分类:
其他好文 时间:
2015-05-25 14:36:58
阅读次数:
140
HTML DOM 教程DOM 教程DOM 简介HTML DOM 定义了访问和操作 HTML 文档的标准方法。DOM 将 HTML 文档表达为树结构。HTML DOM 树HTML DOM 简介HTML DOM 定义了访问和操作 HTML 文档的标准。您应该具备的基础知识在您继续学习之前,您需要对以下内...
分类:
编程语言 时间:
2015-05-22 11:04:19
阅读次数:
225
通用的事件模型1.是在HTML页面绑定按钮2.在javascript脚本文件中绑定事件处理document.getElementById('button').onclick = function;IE中的事件模型1。使用script for绑定(这个绑定很少用)<script for="btn1"...
分类:
编程语言 时间:
2015-05-09 15:04:01
阅读次数:
154
访问HTML元素方式
根据ID访问HTML元素。
根据节点关系访问HTML元素。
常用的有document.getElementById("idVal");//得到ID名字为idVal的节点。document.getElementsByName("name");//返回的是name属性为name的标签集合document.getElementsByTagName("input")//返回标所有的i...
分类:
编程语言 时间:
2015-05-09 15:02:53
阅读次数:
213
着重介绍用JavaScript实现动画效果,实现《JavaScript DOM编程艺术》中的元素移动的例子,并在此基础上,延伸编写一个方框碰壁反弹效果的小程序,借以加深对JS动画实现的理解
分类:
编程语言 时间:
2015-05-09 13:16:15
阅读次数:
170
style属性是一个对象,只能返回内嵌样式。当需要引用一个中间带减号的css属性时,DOM要求用驼峰命名法,即CSS属性font-family变为DOM属性fontFamliy: element.style.fontFamily不管CSS样式属性的名字里有多少个连字符,DOM一律采用驼峰命名法来表示...
分类:
编程语言 时间:
2015-05-05 16:01:09
阅读次数:
126
看到第十章,依照书上的规范成功写出了一个动态的位置转换。本书的例子虽然简单,但是重要的是其中所含的思想。 1 function moveElement(elementID,finaX,finaY,interval) 2 { 3 if(!document.getElementById)retu...
分类:
编程语言 时间:
2015-04-24 00:47:36
阅读次数:
255
动态创建标记:传统方法:document.write、innerHTMLdocument.write: 方法可以方便快捷地把字符串插入到文档里,但是缺点是违背了“行为应该与表现分离”的原则。即使把document.write语句挪到外部函数里,也还是需要在标记的部分使用标签才能调用那个函数。应该避免...
分类:
编程语言 时间:
2015-04-24 00:40:54
阅读次数:
173