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事件的主要内容,如果未能解决你的问题,请参考以下文章

事件监听和window.history以及自定义创建事件

请问下windows10的快关机事件id是啥

背水一战 Windows 10 (68) - 控件(控件基类): UIElement - Pointer 相关事件, Tap 相关事件, Key 相关事件, Focus 相关事件

使用 Windows 中的事件同步线程

UserControl KeyDown 事件不会触发撤销 Windows 应用程序 KeyDown 事件

C#如何在 Windows 窗体应用程序中使用事件