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 DOM 学习第五章 表单简介
Feb 19 Javascript
JavaScript flash复制库类 Zero Clipboard
Jan 17 Javascript
JS简单实现元素复制示例附图
Nov 19 Javascript
javascript中使用正则计算中文长度的例子
Apr 29 Javascript
浅谈JavaScript事件的属性列表
Mar 01 Javascript
jQuery语法小结(超实用)
Dec 31 Javascript
Bootstrap~多级导航(级联导航)的实现效果【附代码】
Mar 08 Javascript
JS异步加载的三种实现方式
Mar 16 Javascript
vue component组件使用方法详解
Jul 14 Javascript
原生js实现密码输入框值的显示隐藏
Jul 17 Javascript
Vue-cli3.x + axios 跨域方案踩坑指北
Jul 04 Javascript
一步一步实现Vue的响应式(对象观测)
Sep 02 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
做一个有下拉功能的留言版
2006/10/09 PHP
php程序之die调试法 快速解决错误
2009/09/17 PHP
PHP时间类完整实例(非常实用)
2015/12/25 PHP
php实现微信模拟登陆、获取用户列表及群发消息功能示例
2017/06/28 PHP
基于Laravel实现的用户动态模块开发
2017/09/21 PHP
php下的原生ajax请求用法实例分析
2020/02/28 PHP
类之Prototype.js学习
2007/06/13 Javascript
JQuery循环滚动图片代码
2011/12/08 Javascript
js,jquery滚动/跳转页面到指定位置的实现思路
2014/06/03 Javascript
jquery网页回到顶部效果(图标渐隐,自写)
2014/06/16 Javascript
node.js中的fs.chmod方法使用说明
2014/12/18 Javascript
JavaScript观察者模式(经典)
2015/12/09 Javascript
jQuery ajax分页插件实例代码
2016/01/27 Javascript
JS及JQuery对Html内容编码,Html转义
2017/02/17 Javascript
20行JS代码实现网页刮刮乐效果
2017/06/23 Javascript
详谈javascript精度问题与调整
2017/07/08 Javascript
使用 Node.js 模拟滑动拼图验证码操作的示例代码
2017/11/02 Javascript
Spring boot 和Vue开发中CORS跨域问题解决
2018/09/05 Javascript
Vue指令之 v-cloak、v-text、v-html实例详解
2019/08/08 Javascript
[04:04]显微镜下的DOTA2第六期——电影级别的华丽团战
2014/06/20 DOTA
Python中用于去除空格的三个函数的使用小结
2015/04/07 Python
python生成随机密码或随机字符串的方法
2015/07/03 Python
酷! 程序员用Python带你玩转冲顶大会
2018/01/17 Python
Pytorch入门之mnist分类实例
2018/04/14 Python
OpenCV2从摄像头获取帧并写入视频文件的方法
2018/08/03 Python
python实现梯度下降算法
2020/03/24 Python
django 自定义过滤器的实现
2019/02/26 Python
python 字符串追加实例
2019/07/20 Python
python之pexpect实现自动交互的例子
2019/07/25 Python
pandas按行按列遍历Dataframe的几种方式
2019/10/23 Python
Staples加拿大官方网站:办公用品一站式采购
2016/09/25 全球购物
材料物理专业个人求职信
2013/12/15 职场文书
大学迎新标语
2014/06/26 职场文书
党的群众路线教育实践活动对照检查材料思想汇报(党员篇)
2014/09/25 职场文书
雨花台导游词
2015/02/06 职场文书
Android在Sqlite3中的应用及多线程使用数据库的建议
2022/04/24 Java/Android