window事件

标签：www   效果   接下来   onscroll   显示   设计   图片   lib   信息   

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值来打开网页

window事件

标签：www   效果   接下来   onscroll   显示   设计   图片   lib   信息   

原文地址：https://www.cnblogs.com/hzqzwl/p/11439366.html