2017年3月28日

页面滚动事件和利用JS实现回到顶部效果

摘要: 页面滚动 事件:window.onscroll, 获得页面滚动位置:document.body.scrollTop; HTML代码: 这里注意此处逻辑,大于500就显示,否则就隐藏,还有注意如果变量名设置为top的话,就出错,都是小坑。 我们知道可以利用a标签的#回到顶部效果,但是速度过快,导致用户 阅读全文

posted @ 2017-03-28 23:26 baoyadong 阅读(457) 评论(0) 推荐(0)

DOM的利用冒泡做的一个小程序

摘要: 我们都知道DOM的事件流,有冒泡事件,如何有效的利用冒泡? 优化:应该尽量少的添加事件监听;原理:每添加一个事件监听事件,就会在浏览器中添加一个EventListener,如果数量过多,浏览器只能一个个遍历事件监听事件,添加监听的越多,遍历的速度越慢。如何利用冒泡? 如果多个子元素都要绑定相同的事件 阅读全文

posted @ 2017-03-28 23:20 baoyadong 阅读(600) 评论(0) 推荐(0)

BOM的对象总结(location,screen,navigator,history)

摘要: location对象 专门保存当前窗口正在打开的url的对象。 常用的属性有: location.href 保存了完整的url;这种方式做常用 在当前窗口打开: location.href=新url location.protocol: 协议 .host: 主机名+端口号 .hostname: 主机 阅读全文

posted @ 2017-03-28 21:58 baoyadong 阅读(319) 评论(0) 推荐(0)

导航