Document.location.href和.replace的区别

location.href与replace的区别

最新推荐文章于 2023-06-10 17:14:55 发布

原创最新推荐文章于 2023-06-10 17:14:55 发布 · 170 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Document.location.href #replace

本文详细解释了JavaScript中document.location.href与document.location.replace的区别。前者允许用户通过浏览器的后退按钮返回之前的页面，而后者则不会保留历史记录，无法通过后退按钮返回。此外，还介绍了使用这两种方法导航时浏览器如何管理和清理内存。

Document.location.href和.replace的区别

转自 http://www.cnblogs.com/GT_Andy/archive/2007/10/31/1922138.html

document.location.href和document.location.replace都可以实现从A页面切换到B页面，但他们的区别是：

用document.location.href切换后，可以退回到原页面。

而用document.location.replace切换后，不可以通过“后退”退回到原页面。

关于document.location.href或其他可回退的切换方式，我还发现一个细节，

用个例子来说明：

假设有A.htm B.htm C.htm三个页面

A.htm里有这样一句：document.location.href="/b.htm";

b.htm里有这样一句：document.location.href="/c.htm";

注意两个都是可回退的切换。

1:当从A切换到B再切换到C时，实际内存中保留了三个页面：A、B、C

2:回退到B时，C页面被清出内存！

3:再次回退，到A页面时，B页面也被清出内存！

4:再次向前(不是用切换而是用向前)转到B页面时，

内存中保留的是A和B

>>>当一个文档被location.replace（）替换后，它就会从当前的历史对象中移除了