摘要: JavaScript事件的一个重要方面是它们拥有一些相对一致的特点,可以给你的开发提供更多的强大功能。最方便和强大的就是事件对象,他们可以帮你处理鼠标事件和键盘敲击方面的情况,此外还可以修改一般事件的捕获/冒泡流的函数。 一.事件对象 事件处理函数的一个标准特性是,以某些方式访问的事件对象包含有关于 阅读全文
posted @ 2018-01-23 15:03 puppeteers 阅读(168) 评论(0) 推荐(0) 编辑
摘要: JavaScript事件是由访问Web页面的用户引起的一系列操作,例如:用户点击。当用户执行某些操作的时候,再去执行一系列代码。 一.事件介绍 事件一般是用于浏览器和用户操作进行交互。最早是IE和Netscape Navigator中出现,作为分担服务器端运算负载的一种手段。直到几乎所有的浏览器都支 阅读全文
posted @ 2018-01-23 15:01 puppeteers 阅读(172) 评论(0) 推荐(0) 编辑
摘要: 学习要点: 1.元素位置 2.动态脚本 3.动态样式 本章主要讲解上一章剩余的获取位置的DOM方法、动态加载脚本和样式。 一.元素位置 上一章已经通过几组属性可以获取元素所需的位置,那么这节课补充一个DOM的方法:getBoundingClientRect()。这个方法返回一个矩形对象,包含四个属性 阅读全文
posted @ 2018-01-23 14:54 puppeteers 阅读(202) 评论(0) 推荐(0) 编辑
摘要: 学习要点: 1.获取元素CSS大小 2.获取元素实际大小 3.获取元素周边大小 本章,我们主要讨论一下页面中的某一个元素它的各种大小和各种位置的计算方式,以便更好的理解。 一.获取元素CSS大小 1.通过style内联获取元素的大小 var box = document.getElementById 阅读全文
posted @ 2018-01-23 14:30 puppeteers 阅读(148) 评论(0) 推荐(0) 编辑
摘要: DOM在操作生成HTML上,还是比较简明的。不过,由于浏览器总是存在兼容和陷阱,导致最终的操作就不是那么简单方便了。本章主要了解一下DOM操作表格和样式的一些知识。 一.操作表格 <table>标签是HTML中结构最为复杂的一个,我们可以通过DOM来创建生成它,或者HTML DOM来操作它。(PS: 阅读全文
posted @ 2018-01-23 14:27 puppeteers 阅读(443) 评论(0) 推荐(0) 编辑
摘要: 学习要点: 1.DOM类型 2.DOM扩展 3.DOM操作内容 DOM自身存在很多类型,在DOM基础课程中大部分都有所接触,比如Element类型:表示的是元素节点,再比如Text类型:表示的是文本节点。DOM也提供了一些扩展功能。 一.DOM类型 DOM基础课程中,我们了解了DOM的节点并且了解怎 阅读全文
posted @ 2018-01-23 14:21 puppeteers 阅读(189) 评论(0) 推荐(0) 编辑
摘要: 学习要点: 1.DOM介绍 2.查找元素 3.DOM节点 4.节点操作 DOM(Document Object Model)即文档对象模型,针对HTML和XML文档的API(应用程序接口)。DOM描绘了一个层次化的节点树,运行开发人员添加、移除和修改页面的某一部分。DOM脱胎于Netscape及微软 阅读全文
posted @ 2018-01-23 14:18 puppeteers 阅读(294) 评论(0) 推荐(0) 编辑
摘要: 由于每个浏览器都具有自己独到的扩展,所以在开发阶段来判断浏览器是一个非常重要的步骤。虽然浏览器开发商在公共接口方面投入了很多精力,努力的去支持最常用的公共功能;但在现实中,浏览器之间的差异,以及不同浏览器的“怪癖”却是非常多的,因此客户端检测除了是一种补救措施,更是一种行之有效的开发策略。 一.na 阅读全文
posted @ 2018-01-23 14:16 puppeteers 阅读(237) 评论(0) 推荐(0) 编辑
摘要: 学习要点: 1.window对象 2.location对象 3.history对象 BOM也叫浏览器对象模型,它提供了很多对象,用于访问浏览器的功能。BOM缺少规范,每个浏览器提供商又按照自己想法去扩展它,那么浏览器共有对象就成了事实的标准。所以,BOM本身是没有标准的或者还没有哪个组织去标准它。 阅读全文
posted @ 2018-01-23 14:10 puppeteers 阅读(183) 评论(0) 推荐(0) 编辑
摘要: 学习要点: 1.匿名函数 2.闭包 匿名函数就是没有名字的函数,闭包是可访问一个函数作用域里变量的函数。声明:本节内容需要有面向对象和少量设计模式基础,否则无法听懂.(所需基础15章的时候已经声明过了)。 一.匿名函数 //普通函数 function box() { //函数名是box return 阅读全文
posted @ 2018-01-23 14:06 puppeteers 阅读(136) 评论(0) 推荐(0) 编辑