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

Javascript 相关文章推荐
javascript 实现父窗口引用弹出窗口的值的脚本
Aug 07 Javascript
jQuery制作的别致导航有阴影背景高亮模式窗口
Apr 15 Javascript
JavaScript针对网页节点的增删改查用法实例
Feb 02 Javascript
js实现图片从左往右渐变切换效果的方法
Feb 06 Javascript
第六篇Bootstrap表格样式介绍
Jun 21 Javascript
Angularjs的Controller间通信机制实例分析
Nov 07 Javascript
Bootstrap响应式表格详解
May 23 Javascript
简单谈谈require模块化jquery和angular的问题
Jun 23 jQuery
jquery版轮播图效果和extend扩展
Jul 18 jQuery
vue.js项目nginx部署教程
Apr 05 Javascript
vue等两个接口都返回结果再执行下一步的实例
Sep 08 Javascript
详解vue 中 scoped 样式作用域的规则
Sep 14 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
历史证明,懒惰才是推动科学发展技术进步的动力
2021/03/02 无线电
简单实用的.net DataTable导出Execl
2013/10/28 PHP
PHP的微信支付接口使用方法讲解
2019/03/08 PHP
Yii2处理密码加密及验证的方法
2019/05/12 PHP
PHP中->和=>的含义及使用示例解析
2020/08/06 PHP
JS+XML 省份和城市之间的联动实现代码
2009/10/14 Javascript
JavaScript中的null和undefined解析
2012/04/14 Javascript
Jquery 实现图片轮换
2015/01/28 Javascript
js实现鼠标经过时图片滚动停止的方法
2015/02/16 Javascript
js实时获取并显示当前时间的方法
2015/07/31 Javascript
JavaScript获取对象在页面中位置坐标的方法
2016/02/03 Javascript
微信小程序 表单Form实例详解(附源码)
2016/12/22 Javascript
parabola.js抛物线与加入购物车效果的示例代码
2017/10/25 Javascript
基于jQuery解决ios10以上版本缩放问题
2017/11/03 jQuery
详解Chai.js断言库API中文文档
2018/01/31 Javascript
详解webpack-dev-server的简单使用
2018/04/02 Javascript
react中使用css的7中方式(最全总结)
2019/02/11 Javascript
使用koa2创建web项目的方法步骤
2019/03/12 Javascript
webpack+express实现文件精确缓存的示例代码
2020/06/11 Javascript
pandas按若干个列的组合条件筛选数据的方法
2018/04/11 Python
Python中flatten( )函数及函数用法详解
2018/11/02 Python
python 抓包保存为pcap文件并解析的实例
2019/07/23 Python
python selenium实现发送带附件的邮件代码实例
2019/12/10 Python
Python面向对象程序设计之类和对象、实例变量、类变量用法分析
2020/03/23 Python
Python如何优雅删除字符列表空字符及None元素
2020/06/25 Python
python如何运行js语句
2020/09/09 Python
Python 利用flask搭建一个共享服务器的步骤
2020/12/05 Python
CSS3教程(6):创建网站多列
2009/04/02 HTML / CSS
详解HTML5 录音的踩坑之旅
2017/12/26 HTML / CSS
轻化专业学生实习自我鉴定
2013/09/20 职场文书
舞蹈比赛获奖感言
2014/02/04 职场文书
鲁滨逊漂流记读书笔记
2015/06/26 职场文书
聘用合同范本
2015/09/21 职场文书
Redis Cluster 字段模糊匹配及删除
2021/05/27 Redis
Mysql中where与on的区别及何时使用详析
2021/08/04 MySQL
世界十大狙击步枪排行榜
2022/03/20 杂记