js 0926

最新推荐文章于 2025-12-15 15:15:21 发布

原创最新推荐文章于 2025-12-15 15:15:21 发布 · 97 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #java

本文介绍了如何使用History对象实现浏览器的前进和后退操作，并详细解释了Location对象的使用方法，包括如何设置或检索URL信息及如何触发页面的重新加载。此外，还列举了一些常用的Window对象事件。

一，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()	对象被卸载后触发