一,History对象
History对象:有关客户访问过的URL的信息。
名称 | 说明 |
back() | 加载History列表中的上一个URL |
forward() | 加载History列表中的下一个URL |
go("url" or number) | 加载History列表中的一个URL或要求浏览器移动指定的页面数 |
1.back()方法相当于后退按钮:
2.forward()方法相当于前进按钮;
3.go(1)代表前进1页,等价于forward()方法;
4.go(-1)代表后退1页,等价于back()方法
<script type="text/javascript">
btn1.onclick=function(){
history.back()//返回上一页
}
btn2.onclick=function(){
location.href="index3.html"//跳转到index3
}
btn3.onclick=function(){
history.forward()//跳转到下一页
}
btn4.onclick=function(){
history.go(1)//跳转到下一页
}
</script>
二,Location对象
Location对象:有关当前URL的信息。
属性 | 说明 |
host | 设置或检索位置或URL的主机名和端口号 |
hostname | 设置或检索位置或URL的主机名部分 |
href | 设置或检索完整的URL 字符串 |
方法 | 说明 |
assign("url") | 加载URL 指定的新的HTML 文档。 |
reload() | 重新加载当前页 |
replace("url") | 通过加载URL指定的文档来替换当前文档 |
btn1.onclick=function(){
location.href="index2.html"//跳转到index2
}
btn2.onclick=function(){
history.go(-1)//返回上一页
}
三,Window对象常用事件
事件 | |
onload() | 对象装载完成后触发 |
onscroll() | 窗口的滚动条被拖动时触发 |
onresize() | 窗口的大小改变时触发 |
onblur()/onfocus() | 窗口失去/获得焦点时触发 |
onerror() | 遇到执行错误时触发 |
onunload() | 对象被卸载后触发 |