摘要: 页面加载完成有两种事件,一是ready , 表示文档结构已经加载完成(貋图片等非文字媒体文件),二是onload 指示页面包含图片等文件在内的所有元素都加载完成。 1.执行时间不同: 从字面的意思上理解,$(document).ready()就是文档准备好了。也就是浏览器已经解析完整个html文档, 阅读全文
posted @ 2018-02-13 23:40 jnpd 阅读(993) 评论(0) 推荐(0) 编辑
摘要: DOM 含义: DOM 是文档对象模型(Document Object Model) 是一种基于浏览器编程的一套API 接口,我W3C 出台推荐的标准。其赋予了JS 操作节点的能力,当网页被加载时,浏览器就会创建页面的文档对象模型。节点: 根据W3C的HTML DOM 标准,HTML 文档中的所有内容都是节点。1. 整个文档是一个文档节点2. 每个HTML元素是元素节点3. HTML元素内的文本是... 阅读全文
posted @ 2018-02-13 23:31 jnpd 阅读(1333) 评论(0) 推荐(0) 编辑
摘要: 阻止冒泡: 冒泡简单的举例来说,儿子知道了一个秘密消息,它告诉了爸爸,爸爸知道了又告诉了爷爷,一级级传递从而以引起事件的混乱,而阻止冒泡就是不让儿子告诉爸爸,爸爸自然不会告诉爷爷。下面的demo 就是很好的例子 x48 1 2 3 4 5 6 ... 阅读全文
posted @ 2018-02-13 22:02 jnpd 阅读(3740) 评论(0) 推荐(0) 编辑
摘要: 在了解什么是DOM事件以及给DOM事件绑定监听器的几种方法后,我们来谈谈事件委托。1. e.target 和 e.currentTarget当我们给目标元素target 绑定一个事件监听器target.addEventListener(event,function(){}), 并指定回调函数function(e), 函数的参数e表示事件。此时e.target 与 e.currentTarget分别... 阅读全文
posted @ 2018-02-13 22:02 jnpd 阅读(2115) 评论(0) 推荐(0) 编辑