history对象 以下为返回历史记录上一页
back() 加载历史列表中的前一个 URL
forward() 加载历史列表中的下一个 URL
go(number) 加载历史列表中的某个具体的页面 -1 前一个页面
location
href 返回当前页面的url(地址)
pathname 返回url的路径名
reload() 刷新本页面
open 打开一个新的浏览器窗口,加载给定 URL 所指定的文档
open方法 用于打开一个新的浏览器窗口或查找一个已命名的窗口
语法
window.open(URL,name,features)
URL:打开指定页面,不填写打开空页面
name:
name - 窗口名称
_blank - URL加载到一个新的窗口。这是默认
_parent - URL加载到父框架
常用事件
onload :一个页面或一幅图像完成加载 在对象已加载时触发
onresize: 随着窗口或框架大小的改变而改变 window.οnresize=function(){}
onscroll:滚动条滚动事件
当滚动条滚动的时候,获取滚动条数据
document.documentElement.scrollTop; //IE、FireFox..获取滚动条垂直方向距离 document.documentElement.scrollLeft; //IE、FireFox..获取滚动条水平方向的距离 document.body.scrollTop; //Chrome document.body.scrollLeft; //Chrome |
window.onscroll = function() { console.log(document.documentElement.scrollTop);浏览器垂直方向滚动条距离建议用他 console.log(document.body.scrollTop);用body输出滚动条距离全是零 }输出window个滚动条距离 |
兼容写法:
var wtop = document.documentElement.scrollTop || document.body.scrollTop;