摘要: 认识DOM 文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构(节点树)。 先来看看下面代码: 将HTML代码分解为DOM节点层次图: HTML文档可以说由节点构成的集合,DOM节点有: 1. 阅读全文
posted @ 2016-11-21 11:25 水墨墨心 阅读(233) 评论(0) 推荐(0) 编辑
摘要: 什么是事件 JavaScript 创建动态页面。事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。 比如说,当用户单击按钮或者提交表单数据时,就发生一个鼠标单击(onclick)事件,需要浏览器做出处理,返回给用户一个 阅读全文
posted @ 2016-11-21 11:22 水墨墨心 阅读(2008) 评论(0) 推荐(0) 编辑
摘要: History 对象 history对象记录了用户曾经浏览过的页面(URL),并可以实现浏览器前进与后退相似导航的功能。 注意:从窗口被打开的那一刻开始记录,每个浏览器窗口、每个标签页乃至每个框架,都有自己的history对象与特定的window对象关联。 语法: window.history.[属 阅读全文
posted @ 2016-11-21 11:21 水墨墨心 阅读(2226) 评论(0) 推荐(0) 编辑
摘要: 轻量级的js库 兼容各种浏览器+css3 传统:js+DHTM jq:解放了客户端的编程, 环境搭建 进入官方网站获取最新的版本 http://jquery.com/download/ ,这里需要注意 jQuery 分 2 个系列版本 1.x 与 2.x,主要的区别在于 2.x 不再兼容 IE6、7 阅读全文
posted @ 2016-11-21 11:20 水墨墨心 阅读(369) 评论(0) 推荐(0) 编辑
摘要: jQuery选择器之id选择器 页面的任何操作都需要节点的支撑,开发者如何快速高效的找到指定的节点也是前端开发中的一个重点。jQuery提供了一系列的选择器帮助开发者达到这一目的,让开发者可以更少的处理复杂选择过程与性能优化,更多专注业务逻辑的编写。 jQuery几乎支持主流的css1~css3选择 阅读全文
posted @ 2016-11-21 11:18 水墨墨心 阅读(284) 评论(0) 推荐(0) 编辑
摘要: CSS 选择器参考手册 实例 选择属于其父元素的首个子元素的每个 <p> 元素,并为其设置样式: p:first-child { background-color:yellow; } 亲自试一试 实例 选择属于其父元素的首个子元素的每个 <p> 元素,并为其设置样式: 亲自试一试 浏览器支持 IEF 阅读全文
posted @ 2016-11-21 11:17 水墨墨心 阅读(1332) 评论(0) 推荐(0) 编辑
摘要: 节点属性 在文档对象模型 (DOM) 中,每个节点都是一个对象。DOM 节点有三个重要的属性 : 1. nodeName : 节点的名称 2. nodeValue :节点的值 3. nodeType :节点的类型 一、nodeName 属性: 节点的名称,是只读的。 1. 元素节点的 nodeNam 阅读全文
posted @ 2016-11-21 11:16 水墨墨心 阅读(599) 评论(0) 推荐(0) 编辑
摘要: 三、事件对象事件对象event1、DOM中的事件对象(1)、type:获取事件类型(2)、target:事件目标(3)、stopPropagation() 阻止事件冒泡(4)、preventDefault() 阻止事件的默认行为 2、IE中的事件对象(1)、type:获取事件类型(2)、srcEle 阅读全文
posted @ 2016-11-21 11:13 水墨墨心 阅读(241) 评论(0) 推荐(0) 编辑