摘要: 先理解 转义符号 \ 去掉符号的原来意义 RegExp有两种创建方式1.直接量2.new RegExp 表达式 //表达式 i 忽视大小写 g 全局匹配 m 执行多行匹配 /abc/igm test 返回是否匹配 布尔值 match 返回匹配的值 数组 /[]/ []是范围 /[0-9A-Za-z] 阅读全文
posted @ 2020-10-17 16:58 杰哥之家 阅读(123) 评论(0) 推荐(0) 编辑
摘要: 文档加载事件意义,看下面例子 document.addEventListener('DOMContentLoaded', function() { }) $(document).ready(function() { }) //文档解析完(只解析domTree,不加载资源) window.onload 阅读全文
posted @ 2020-10-17 16:47 杰哥之家 阅读(192) 评论(0) 推荐(0) 编辑
摘要: 绑定事件处理 1.ele.onxxxx = function() {} 兼容性很好,但是一个元素上同一事件只能绑定一次处理函数 等同于写在HTML的行间上 this指向dom 2.ele.addEventListener(type, fn, false) IE9以下不兼容,可以在一个事件上绑定多个处 阅读全文
posted @ 2020-10-17 11:26 杰哥之家 阅读(133) 评论(0) 推荐(0) 编辑
摘要: 通过js给dom样式 dom.style.prop 关键字 float前面加css例如: dom.style.cssFloat 查询计算样式 window.getComputedStyle(ele, null) IE8及以下不兼容 获取伪元素的样式 window.getComputedStyle(e 阅读全文
posted @ 2020-10-17 11:06 杰哥之家 阅读(88) 评论(0) 推荐(0) 编辑
摘要: DOM基本操作 查看滚动条的滚动距离 window.pageXOffset / window.pageYOffset IE8及IE8以下不兼容 document.body/document.documentElement.scrollLeft / scrollTop 兼容性比较混乱,用时取两个值相加 阅读全文
posted @ 2020-10-17 10:54 杰哥之家 阅读(148) 评论(0) 推荐(0) 编辑
摘要: DOM(Document Object Modal),DOM定义了表示和修改文档所需的方法。DOM对象即为宿主对象,由浏览器厂商定义,用来操作html和xml功能的一类对象的集合。也有人称DOM是对HTML以及XML的标准编程接口 Document 对象,每个载入浏览器的 HTML 文档都会成为 D 阅读全文
posted @ 2020-10-17 10:41 杰哥之家 阅读(1671) 评论(0) 推荐(0) 编辑