摘要: H5中拖拽属性: draggable: auto | true | false 拖动事件: - dragstart 在元素开始被拖动时触发 - dragend 在拖动操作完成时触发 - drag 在元素被拖动时触发 释放区事件: 阅读全文
posted @ 2018-11-25 11:35 Panda-Q 阅读(18498) 评论(1) 推荐(0) 编辑
摘要: 对于已经讲解给大家的DOM基础操作实战,我今天给大家几个实战代码,可以让大家加深对此的理解! 1.用DOM动态生成这样一个结构: 阅读全文
posted @ 2018-11-25 10:20 Panda-Q 阅读(483) 评论(0) 推荐(0) 编辑
摘要: DOM剩余的两个操作一并带来! 1.删除操作 2.替换操作 阅读全文
posted @ 2018-11-25 10:05 Panda-Q 阅读(202) 评论(0) 推荐(0) 编辑
摘要: 插入操作 1.appendChild(child); 这个是父级调用的方法,它会将child元素插入到父级里面,而且是放到逻辑后面的位置上。 阅读全文
posted @ 2018-11-25 10:00 Panda-Q 阅读(157) 评论(0) 推荐(0) 编辑
摘要: DOM的基本操作有四种,我们会逐一给大家进行展示 增加操作 1.创建元素节点 createElement 我们可以通过document.createElement(‘div’);这个方法来创建一个元素,里面的参数填写我们要创建的标签名称,像div、p、span等等。 阅读全文
posted @ 2018-11-25 09:53 Panda-Q 阅读(443) 评论(0) 推荐(0) 编辑
摘要: 上一篇给大家的三段代码不知到大家有没有练习呢?今天再给大家带来两段DOM的练习! 4.封装函数,实现children功能,最好哎原型链上编程 阅读全文
posted @ 2018-11-25 09:43 Panda-Q 阅读(277) 评论(0) 推荐(0) 编辑
摘要: 1.遍历元素节点2.封装函数,返回元素e的第n层父节点3.封装函数,返回元素e的第n个兄弟元素节点,如果n为正,返回后面的兄弟元素节点,n为负,返回前面的,n为0,返回自己 阅读全文
posted @ 2018-11-22 14:34 Panda-Q 阅读(486) 评论(0) 推荐(0) 编辑
摘要: 我们页面里面的节点类型很多,比如元素节点、文本节点、注释节点、属性节点等等。 我们可以通过nodeType属性来查看这个节点的类型是什么。而nodeType返回的是一些数字,下面介绍几个基础的类型和数字的对应关系: 阅读全文
posted @ 2018-11-22 14:04 Panda-Q 阅读(603) 评论(0) 推荐(0) 编辑
摘要: DOM的全称是Document Object Model 文档对象模型,DOM定义了表示和修改文档所需的对象、这些对象的行为和属性以及这些对象之间的关系。 DOM对象即为宿主对象,由浏览器厂商定义,用来操作html的css功能的一类对象和集合。不过浏览器厂商之间大部分都遵循w3c标准。 简单来说,DOM就是用来操作html和css的,它是一系列对象的集合。 阅读全文
posted @ 2018-11-22 13:52 Panda-Q 阅读(753) 评论(0) 推荐(1) 编辑
摘要: 1. history 是什么? window上的一个对象,由来存储浏览器访问过的历史 2. 用途: 可以动态跳转任意一个已在历史记录中的地址 3..history方法: 1.forward() : 向后翻一页 2. back(): 回退一页 3. go(num) : num为负值时 表示回退 num为正值时表示前进 4. pushState(data, title, url): 添加一条历史记录,受同源策略限制,添加历史纪录后页面地址改变但是页面不会更新——H5新增的方法 IE9以下不兼容 5. replaceState(data, title, url) 替换当前的历史记录,受同源策略限制,添加历史纪录后页面地址改变但是页面不会更新 —— H5新增的方法 IE9以下不兼容 4. history事件: 阅读全文
posted @ 2018-11-19 21:53 Panda-Q 阅读(4120) 评论(0) 推荐(0) 编辑