摘要：
今天我们要谈谈DOM元素的修改（包括修改内容，属性，样式）。修改内容的方法 3种：elem.innerHTML:获取或设置元素开始标签到结束标签之间的原始HTML代码片段；elem.textContent:获取或设置元素开始标签到结束标签之间的纯文本内容 要考虑兼容性问题IE9+;获取表单元素的内容 阅读全文
posted @ 2017-04-22 21:27
夏冷
阅读(684)
评论(0)
推荐(0)
摘要：
DOM是一个与语言无关的API，它在浏览器中的借口却是用JS来实现的。 浏览器通常会把DOM和JS独立实现. 在IE中，JS的实现名是JScript，位于jscript.dll文件中，DOM实现则是mshtml.dll； Safari中的DOM和渲染则使用webkit中的WebCore来实现，JS则 阅读全文
posted @ 2017-04-22 21:25
夏冷
阅读(224)
评论(0)
推荐(0)
摘要：
页面滚动事件：window.onscroll，获得页面滚动位置：document.body.scrollTop； HTML代码： 这里注意此处逻辑，大于500就显示，否则就隐藏，还有注意如果变量名设置为top的话，就出错，都是小坑。 我们知道可以利用a标签的#回到顶部效果，但是速度过快，导致用户体验 阅读全文
posted @ 2017-04-22 21:22
夏冷
阅读(2771)
评论(0)
推荐(0)
摘要：
HTML代码如下： CSS代码如下： 阅读全文
posted @ 2017-04-22 21:10
夏冷
阅读(260)
评论(0)
推荐(0)
摘要：
location对象 专门保存当前窗口正在打开的url的对象。 常用的属性有: location.href 保存了完整的url；这种方式做常用 在当前窗口打开: location.href=新urllocation.protocol: 协议.host: 主机名+端口号.hostname: 主机名.p 阅读全文
posted @ 2017-04-22 21:05
夏冷
阅读(242)
评论(0)
推荐(0)
摘要：
我们都知道DOM的事件流，有冒泡事件，如何有效的利用冒泡？ 优化：应该尽量少的添加事件监听；原理：每添加一个事件监听事件，就会在浏览器中添加一个EventListener，如果数量过多，浏览器只能一个个遍历事件监听事件，添加监听的越多，遍历的速度越慢。如何利用冒泡？ 如果多个子元素都要绑定相同的事件 阅读全文
posted @ 2017-04-22 20:55
夏冷
阅读(336)
评论(0)
推荐(0)
摘要：
HTML样式 基于table标签来实现页面结构 CSS样式 JS代码如下： 阅读全文
posted @ 2017-04-22 20:34
夏冷
阅读(633)
评论(0)
推荐(0)
摘要：
HTML DOM 常用对象: 它对常用HTML元素操作的简化。 Select对象 它代表页面上的一个select元素，常用属性有： select.value ——当前选中项的value ，没有value，就返回选中项的内容。select.options ——保存select下所有option元素对象 阅读全文
posted @ 2017-04-22 20:20
夏冷
阅读(926)
评论(0)
推荐(0)
浙公网安备 33010602011771号