location几种常用的属性和方法

最新推荐文章于 2025-03-31 19:26:19 发布

原创最新推荐文章于 2025-03-31 19:26:19 发布 · 2.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js

JavaScript 专栏收录该内容

24 篇文章

订阅专栏

本文介绍了如何使用JavaScript的location对象来实现网页跳转及不同方式的页面刷新。具体包括使用location.href进行可返回的页面跳转，使用location.replace进行不可返回的页面跳转，以及两种不同的页面刷新方法：一种是从缓存加载页面，另一种是强制从服务器重新加载页面并刷新缓存。

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>location</title>
</head>
<body>
	<button onclick="test()">点击href</button>
	<!-- location.href跳转的页面可以通过返回键返回 -->
	<button onclick="test2()">点击replace</button>
	<!-- location.replace跳转的页面不能通过返回键返回 -->
	<input type="text">
	<button onclick="zai()">重新载入1</button>
	<button onclick="zai2()">重新载入2</button>
	<script>
		console.log(window.location)
		console.log(window.location.href)
		function test(){
			location.href="2.html"
		}
		function test2(){
			location.replace("2.html")
		}
		function zai(){
			location.reload()
		}
		// 从缓存中载入
		function zai2(){
			location.reload(true)
		}
		// 无视缓存，直接从服务器载入，刷新缓存
	</script>
</body>
</html>