window事件

window事件是较为重要的事件，接下来就讲解一下。

1.获取页面滚动栏的距离

　　什么是滚动栏，就是网页内容过多时，通过滚轮控制上下显示或者左右显示；

　　为窗口添加滚动条事件：
　　window.onscroll=function(){};
　　注意在获取滚动条距离的时候
　　谷歌不识别document.documentElement.scrollTop，必须要加上document.body.scrollTop；即
　　var scrolltop=document.documentElement.scrollTop||document.body.scrollTop;
　　这样才能兼容各个浏览器。
　　这个事件一般用作当页面滚动到某个距离时才出发某个事件的情况，
　　比如京东的导航条：

?

?

以及滑到底部的时候出发一个回到顶部的事件

?

?

几种打开新超链接的方式：

1.替换当前窗口，可后退

　　html写法：<a href="http://www.baidu.com" target="_self">

　　效果：

　　JS写法：<a href="javascript:open(‘http://www.baidu.com‘,‘_self‘)">替换当前窗口，可后退</a>

?

?

?　　效果：

?

?

2.替换当前窗口不可后退

　　html无法做到；

　　JS写法：<a href="javascript:location.replace(‘http://www.baidu.com‘)">替换当前窗口，不可后退</a>

　　效果：

?

?

?3.在新窗口打开，可以打开多个

　　html写法：<a href="http://www.baidu.com" target="_blank">在新窗口打开，可以打开多个</a>

　　效果：

　　JS写法：<a href="javascript:open(‘http://www.baidu.com‘,‘_blank‘)">在新窗口打开，可以打开多个</a>

　　效果：

4.在新窗口打开，只能打开一个

　　html写法：<a href="http://www.bailiban.com" target="bailiban">新窗口打开，只能打开一个</a>

　　效果：

?

?

　　JS写法：<a href="javascript:open(‘http://www.bailiban.com‘,‘k‘)" >新窗口打开，只能打开一个</a>

　　效果：

?

?

注意：

　　打开窗口语法：
?? ??? ? 　　var newWindow = window.open(url,name,网页信息)
?? ????? 　　name页面的名称，不能省略
?? ???? 　　window.close() 注意有些浏览器不允许关闭自身
?? ????　　 设计好的一些name属性：
?? ??? ??? 　　? _self 自动获取当前窗口的name
?? ??? ???? 　　_blank 不让浏览器的name为空?

?　　上述中只打开一个页面的操作就是name值带来的，类似于给前面的网址取了一个名字，通过name值来打开网页