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 相关文章推荐
jQuery 处理表单元素的代码
Feb 15 Javascript
基于JQuery的6个Tab选项卡插件
Sep 03 Javascript
实用的JS正则表达式(手机号码/IP正则/邮编正则/电话等)
Jan 11 Javascript
原生js仿jq判断当前浏览器是否为ie,精确到ie6~8
Aug 30 Javascript
深入理解JavaScript的React框架的原理
Jul 02 Javascript
解析JavaScript面向对象概念中的Object类型与作用域
May 10 Javascript
JS实现身份证输入框的输入效果
Aug 21 Javascript
bootstrap treeview 扩展addNode方法动态添加子节点的方法
Nov 21 Javascript
JS+canvas画一个圆锥实例代码
Dec 13 Javascript
echarts实现折线图的拖拽效果
Dec 19 Javascript
vue组件传值的实现方式小结【三种方式】
Feb 05 Javascript
Vue详细的入门笔记
May 10 Vue.js
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
Yii2创建多界面主题(Theme)的方法
2016/10/08 PHP
PHP实现验证码校验功能
2017/11/16 PHP
jQuery 剧场版 你必须知道的javascript
2009/05/27 Javascript
JQuery 动态扩展对象之另类视角
2010/05/25 Javascript
Javascript中定义方法的另类写法(批量定义js对象的方法)
2011/02/25 Javascript
JS.findElementById()使用介绍
2013/09/21 Javascript
jquery $(this).attr $(this).val方法使用介绍
2013/10/08 Javascript
JS获取单击按钮单元格所在行的信息
2014/06/17 Javascript
对之前写的jquery分页做下升级
2014/06/19 Javascript
node.js中的querystring.stringify方法使用说明
2014/12/10 Javascript
javascript面向对象之访问对象属性的两种方式分析
2015/01/13 Javascript
jquery判断复选框是否选中进行答题提示特效
2015/12/10 Javascript
JavaScript正则表达式匹配 div  style标签
2016/03/15 Javascript
HTML5 JS压缩图片并获取图片BASE64编码上传
2020/11/16 Javascript
详解微信开发中snsapi_base和snsapi_userinfo及静默授权的实现
2017/03/11 Javascript
AngularJS解决ng-if中的ng-model值无效的问题
2017/06/21 Javascript
浅谈React之状态(State)
2018/09/19 Javascript
Vue实现PC端靠边悬浮球的代码
2020/05/09 Javascript
[42:52]IG vs VGJ.T 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
python设置windows桌面壁纸的实现代码
2013/01/28 Python
Python中实现最小二乘法思路及实现代码
2018/01/04 Python
使用numba对Python运算加速的方法
2018/10/15 Python
PyQt5实现暗黑风格的计时器
2019/07/29 Python
Python3操作MongoDB增册改查等方法详解
2020/02/10 Python
医学实习生自我鉴定
2013/12/12 职场文书
初三学生个人自我评定
2014/04/06 职场文书
10的分与合教学反思
2014/04/30 职场文书
乡镇党员群众路线教育实践活动对照检查材料思想汇报
2014/10/05 职场文书
大学生见习报告范文
2014/11/03 职场文书
办公楼租房协议书范本
2014/11/25 职场文书
格列夫游记读书笔记
2015/07/01 职场文书
小学生红领巾广播稿
2015/08/19 职场文书
Anaconda安装pytorch和paddle的方法步骤
2022/04/03 Python
CentOS7和8下安装Maven3.8.4
2022/04/07 Servers
Java Spring Boot 正确读取配置文件中的属性的值
2022/04/20 Java/Android
Python使用Web框架Flask开发项目
2022/06/01 Python