编程 Javascript

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

Posted in Javascript onMarch 04, 2014

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

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

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

js跑马灯代码(自写)

Apr 17 Javascript

JS实现的鼠标跟随代码(卡通手型点击效果)

Oct 26 Javascript

JS实现网页每隔3秒弹出一次对话框的方法

Nov 09 Javascript

基于jquery fly插件实现加入购物车抛物线动画效果

Apr 05 Javascript

使用json来定义函数,在里面可以定义多个函数的实现方法

Oct 28 Javascript

详解vue跨组件通信的几种方法

Jun 15 Javascript

JavaScript异步上传图片文件的实例代码

Jul 04 Javascript

vue深入解析之render function code详解

Jul 18 Javascript

详解Javascript 中的 class、构造函数、工厂函数

Dec 20 Javascript

微信小程序授权登录解决方案的代码实例（含未通过授权解决方案）

May 10 Javascript

微信小程序腾讯地图SDK 获取当前地址实现解析

Aug 12 Javascript

javascript实现获取中文汉字拼音首字母

May 19 Javascript

LABjs、RequireJS、SeaJS的区别

Mar 04 #Javascript

js的Boolean对象初始值示例

Mar 04 #Javascript

js动态拼接正则表达式的两种方法

Mar 04 #Javascript

8个实用的jQuery技巧

Mar 04 #Javascript

js中top的作用深入剖析

Mar 04 #Javascript

父页面显示遮罩层弹出半透明状态的dialog

Mar 04 #Javascript

深入理解JS中的变量及作用域、undefined与null

Mar 04 #Javascript

You might like

第五章 php数组操作

2011/12/30 PHP

php下载excel无法打开的解决方法

2013/12/24 PHP

PHP中使用SimpleXML检查XML文件结构实例

2015/01/07 PHP

Laravel 5.0 发布新版本特性详解

2015/02/10 PHP

分享50个提高PHP执行效率的技巧

2015/12/26 PHP

thinkPHP中_initialize方法实例分析

2016/12/05 PHP

php+mysql开发中的经验与常识小结

2019/03/25 PHP

javascript+iframe 实现无刷新载入整页的代码

2010/03/17 Javascript

js实现日历可获得指定日期周数及星期几示例分享(js获取星期几)

2014/03/14 Javascript

JS+CSS简单树形菜单实现方法

2015/09/12 Javascript

JS实现自动定时切换的简洁网页选项卡效果

2015/10/13 Javascript

js 实现数值的千分位及保存小数方法(推荐)

2016/08/01 Javascript

利用纯Vue.js构建Bootstrap组件

2016/11/03 Javascript

js 动态生成html 触发事件传参字符转义的实例

2017/02/14 Javascript

解读vue生成的文件目录结构及说明

2017/11/27 Javascript

vue单页开发父子组件传值思路详解

2018/05/18 Javascript

对vue v-if v-else-if v-else 的简单使用详解

2018/09/29 Javascript

js拖动滑块和点击水波纹效果实例代码

2018/10/16 Javascript

webpack 开发和生产并行设置的方法

2018/11/08 Javascript

JS判断两个数组或对象是否相同的方法示例

2019/02/28 Javascript

vue实现输入框的模糊查询的示例代码（节流函数的应用场景）

2019/09/01 Javascript

jQuery 筛选器简单操作示例

2019/10/02 jQuery

小程序点击图片实现png转jpg

2019/10/22 Javascript

vuex+axios+element-ui实现页面请求loading操作示例

2020/02/02 Javascript

[03:11]不朽宝藏三外观展示

2020/09/18 DOTA

Python使用add_subplot与subplot画子图操作示例

2018/06/01 Python

Python简单实现网页内容抓取功能示例

2018/06/07 Python

使用pytorch实现可视化中间层的结果

2019/12/30 Python

在win64上使用bypy进行百度网盘文件上传功能

2020/01/02 Python

Python基于requests库爬取网站信息

2020/03/02 Python

python写文件时覆盖原来的实例方法

2020/07/22 Python

用css3实现当鼠标移进去时当前亮其他变灰效果

2014/04/08 HTML / CSS

法国亚马逊官方网站：Amazon.fr

2020/12/19 全球购物

科室工作个人总结的自我评价

2013/10/29 职场文书

中专生的个人自我评价

2013/12/11 职场文书

导游词之清晏园

2019/11/22 职场文书