Document.location.href和.replace的区别示例介绍

更新时间：2014年03月04日 11:46:39 作者：

document.location.href和document.location.replace都可以实现从A页面切换到B页面，下面为大家介绍下它们的区别

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（）替换后，它就会从当前的历史对象中移除了

您可能感兴趣的文章:

Javascript实例项目放大镜特效的实现流程
商城网站包括APP端中把鼠标光标移动到预览图上就会看到这部分商品图片放大了，这就是JavaScript实现的放大镜特效，今天我们也来实现一波
2021-11-11
浅谈JavaScript编程语言的编码规范
本文浅谈 JavaScript 编程中关于编码规范的问题，分析其中缘由。希望引起更多 Web 开发人员对 JavaScript 编码规范问题的关注和对软件产品质量问题的重视
2011-10-10
详解参数传递四种形式
这篇文章主要介绍了参数传递的四种形式（URL,超链接,js,form表单）有需要的朋友可以参考下
2015-07-07
JavaScript中pop()方法的使用教程
这篇文章主要介绍了JavaScript中pop()方法的使用教程,是JS入门学习中的基础知识,需要的朋友可以参考下
2015-06-06
js indexOf()定义和用法
js中indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置
2012-10-10
细说javascript函数从函数的构成开始
javascript函数是一个比较奇怪的东西，接触一段时间你就会犯迷糊，我想从函数的构成来细说函数，这听起来像是一句废话，讲任何东西当然是从构成去谈
2013-08-08
Javascript 垃圾收集机制介绍理解
Javascript 垃圾收集机制介绍理解，需要的朋友可以参考一下
2013-05-05
javascript Event对象详解及使用示例
Event代表事件状态，如事件发生的元素，键盘状态，鼠标位置和鼠标按钮状态，event对象只在事件发生的过程中才有效，本文整理了一些，喜欢的朋友可以学习下
2013-11-11
javascript处理a标签超链接默认事件的方法
这篇文章主要介绍了javascript处理a标签超链接默认事件的方法,涉及event.preventDefault()方法阻止默认事件的使用技巧,需要的朋友可以参考下
2015-06-06
浅析JavaScript中的对象类型Object
尽管JavaScript的拥趸一再强调js的面相对象,然而,或许只有在名为Object的这一类型中才能勉强理解出-- well...下面就让我们一起来浅析JavaScript中的对象类型Object
2016-05-05