window事件
2021-02-05 17:16
标签:www 效果 接下来 onscroll 显示 设计 图片 lib 信息 window事件是较为重要的事件,接下来就讲解一下。 1.获取页面滚动栏的距离 什么是滚动栏,就是网页内容过多时,通过滚轮控制上下显示或者左右显示; 几种打开新超链接的方式: 1.替换当前窗口,可后退 html写法: 效果: JS写法:替换当前窗口,可后退 效果: 2.替换当前窗口不可后退 html无法做到; JS写法:替换当前窗口,不可后退 效果: 3.在新窗口打开,可以打开多个 html写法:在新窗口打开,可以打开多个 效果: JS写法:在新窗口打开,可以打开多个 效果: 4.在新窗口打开,只能打开一个 html写法:新窗口打开,只能打开一个 效果: JS写法:新窗口打开,只能打开一个 效果: 注意: 打开窗口语法: 上述中只打开一个页面的操作就是name值带来的,类似于给前面的网址取了一个名字,通过name值来打开网页 window事件 标签:www 效果 接下来 onscroll 显示 设计 图片 lib 信息 原文地址:https://www.cnblogs.com/hzqzwl/p/11439366.html 为窗口添加滚动条事件:
window.onscroll=function(){};
注意在获取滚动条距离的时候
谷歌不识别document.documentElement.scrollTop,必须要加上document.body.scrollTop;即
var scrolltop=document.documentElement.scrollTop||document.body.scrollTop;
这样才能兼容各个浏览器。
这个事件一般用作当页面滚动到某个距离时才出发某个事件的情况,
比如京东的导航条:
以及滑到底部的时候出发一个回到顶部的事件
var newWindow = window.open(url,name,网页信息)
name页面的名称,不能省略
window.close() 注意有些浏览器不允许关闭自身
设计好的一些name属性:
_self 自动获取当前窗口的name
_blank 不让浏览器的name为空