location几种常用的属性和方法

最新推荐文章于 2024-01-04 10:23:27 发布

孤鸿影来

最新推荐文章于 2024-01-04 10:23:27 发布

阅读量2.3k

点赞数

分类专栏： JavaScript 文章标签： js

本文链接：https://blog.csdn.net/function_key/article/details/51702143

版权

JavaScript 专栏收录该内容

24 篇文章 0 订阅

订阅专栏

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>location</title>
</head>
<body>
	<button οnclick="test()">点击href</button>
	<!-- location.href跳转的页面可以通过返回键返回 -->
	<button οnclick="test2()">点击replace</button>
	<!-- location.replace跳转的页面不能通过返回键返回 -->
	<input type="text">
	<button οnclick="zai()">重新载入1</button>
	<button οnclick="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>