window事件

2021-02-05 17:16

阅读:561

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

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

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

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

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

 

 

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

 

 

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

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

  html写法:

  效果:技术图片  技术图片

  JS写法:替换当前窗口,可后退

 

 

   效果:技术图片  技术图片

 

 

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

  html无法做到;

  JS写法:替换当前窗口,不可后退

  效果:技术图片

 

 

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

  html写法:在新窗口打开,可以打开多个

  效果:

  技术图片

  JS写法:在新窗口打开,可以打开多个

  效果:

技术图片

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

  html写法:新窗口打开,只能打开一个

  效果:技术图片

 

 

  JS写法:新窗口打开,只能打开一个

  效果:

技术图片

 

 

注意:

  打开窗口语法:
           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


评论


亲,登录后才可以留言!