您的位置:首页 > 教程笔记 > 前端笔记

location.href和location.replace()区别

2023-12-04 13:47:25 前端笔记 86

本章节介绍一下标题中两个概念的区别,希望能够给需要的朋友带来一定的帮助。

通过这种方式来实现url的跳转功能,在表面上看效果是一样的,其实内在的区别还是很大的。

代码实例:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="/" />
<title>实例</title>
<script>
window.onload=function(){
  var btOne=document.getElementById("one");
  var btTwo=document.getElementById("two");
  btOne.onclick=function(){
    location.href="";
  }
  btTwo.onclick=function(){
    location.replace("");
  }
}
</script>
</head>
<body>
<input type="button" id="one" value="loaction.href"/>
<input type="button" id="two" value="replace"/>
</body>
</html>

上面的代码演示两种方式实现页面的跳转,下面介绍一下两者的区别。

特别说明:请将代码复制到本地测试,在本编辑器可能无法测试正确的效果。

如果使用location.href,那么我们可以使用浏览器的返回按钮回到之前的页面,

如果使用loaction.replace()方式,那么则无法使用返回按钮,

相关推荐