window事件
Posted hzqzwl
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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值来打开网页
以上是关于window事件的主要内容,如果未能解决你的问题,请参考以下文章
背水一战 Windows 10 (68) - 控件(控件基类): UIElement - Pointer 相关事件, Tap 相关事件, Key 相关事件, Focus 相关事件