2017年10月5日
摘要: 二十二、事件绑定及深入 事件绑定分为两种:一种是传统事件绑定(内联模型,脚本模型),一种是现代事件绑定(DOM2级模型)。现代事件绑定在传统绑定上提供了更强大更方便的功能。 1.传统事件绑定的问题 传统事件绑定有内联模型和脚本模型,内联模型我们不做讨论,基本很少去用。先来看一下脚本模型,脚本模型将一 阅读全文
posted @ 2017-10-05 21:56 swifthua 阅读(289) 评论(0) 推荐(0) 编辑
摘要: 二十一、事件对象 JavaScript事件的一个重要方面是它们拥有一些相对一致的特点,可以给你的开发提供更多的强大功能。最方便和强大的就是事件对象,他们可以帮你处理鼠标事件和键盘敲击方面的情况,此外还可以修改一般事件的捕获/冒泡流的函数。 1.事件对象 事件处理函数的一个标准特性是,以某些方式访问的 阅读全文
posted @ 2017-10-05 21:52 swifthua 阅读(178) 评论(0) 推荐(0) 编辑
摘要: 二十、事件入门 JavaScript事件是由访问Web页面的用户引起的一系列操作,例如:用户点击。当用户执行某些操作的时候,再去执行一系列代码。 1.事件介绍 事件一般是用于浏览器和用户操作进行交互。最早是IE和Netscape Navigator中出现,作为分担服务器端运算负载的一种手段。直到几乎 阅读全文
posted @ 2017-10-05 20:16 swifthua 阅读(144) 评论(0) 推荐(0) 编辑
摘要: 十九、动态加载脚本和样式 本章主要讲解上一章剩余的获取位置的DOM方法、动态加载脚本和样式。 1.元素位置 上一章已经通过几组属性可以获取元素所需的位置,那么这节课补充一个DOM的方法:getBoundingClientRect()。这个方法返回一个矩形对象,包含四个属性:left、top、righ 阅读全文
posted @ 2017-10-05 14:17 swifthua 阅读(149) 评论(0) 推荐(0) 编辑
摘要: 十八、DOM元素尺寸和位置 1.获取元素CSS大小 1.通过style内联获取元素的大小 var box = document.getElementById('box'); //获取元素 box.style.width; //200px、空 box.style.height; //200px、空 P 阅读全文
posted @ 2017-10-05 14:11 swifthua 阅读(370) 评论(0) 推荐(0) 编辑
摘要: 十七、DOM操作表格及样式 DOM在操作生成HTML上,还是比较简明的。不过,由于浏览器总是存在兼容和陷阱,导致最终的操作就不是那么简单方便了。本章主要了解一下DOM操作表格和样式的一些知识。 1.操作表格 <table>标签是HTML中结构最为复杂的一个,我们可以通过DOM来创建生成它,或者HTM 阅读全文
posted @ 2017-10-05 14:08 swifthua 阅读(190) 评论(0) 推荐(0) 编辑