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值来打开网页
最新文章
- 分享在winform下实现模块化插件编程-优化版
- NOIp2014 解题报告
- Prefab Assist插件
- cannot use the same dataset for report.dataset and page.dataset
- linker command failed with exit code 1 (use -v to see invocation)
- GTD3年来读的52本书
- Umbraco(5)-Creating Master Template Part 1(翻译文档)
- 使用CSS完成元素居中的七种方法
- JavaScript高级程序设计37.pdf
- GDB学习之道:GDB调试精粹及使用实例
- xBIM IFC 墙壁案例
- 2015/12/24:嵌入式C语言的位操作随笔
- 深入理解Java自带的线程池和缓冲队列
- Linux shell 编程文件比较
- Vue项目使用webstorm开发 保存浏览器不自动更新问题
- Arcgis安装要素
- uwsgi部署web,error while loading shared libraries: libpython2.7.so.1.0: cannot open shared object file: No such file or directory
- Graph
- UFLDL学习笔记 ---- 主成分分析与白化
- 在唯一密钥属性“fileExtension”设置为“.log”时,无法添加类型为“mimeMap”的重复集合项