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 相关文章推荐
Hutia 的 JS 代码集
Oct 24 Javascript
解析arp病毒背后利用的Javascript技术附解密方法
Aug 06 Javascript
javascript 获取模态窗口的滚动位置代码
Aug 06 Javascript
jQuery使用ajaxSubmit()提交表单示例
Apr 04 Javascript
swtich/if...else的替代语句
Aug 16 Javascript
设计模式中的facade外观模式在JavaScript开发中的运用
May 18 Javascript
javascript类型系统——日期Date对象全面了解
Jul 13 Javascript
Node.js连接postgreSQL并进行数据操作
Dec 18 Javascript
JS实现常见的查找、排序、去重算法示例
May 21 Javascript
实现vuex与组件data之间的数据同步更新方式
Nov 12 Javascript
Vue使用虚拟dom进行渲染view的方法
Dec 26 Javascript
Webpack5正式发布,有哪些新特性
Oct 12 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
Sony CFR 320 修复改造
2020/03/14 无线电
PHP模拟QQ登录的方法
2015/07/29 PHP
详解php中生成标准uuid(guid)的方法
2019/04/28 PHP
ext读取两种结构的xml的代码
2008/11/05 Javascript
W3C Group的JavaScript1.8 新特性介绍
2009/05/19 Javascript
Jquery中的CheckBox、RadioButton、DropDownList的取值赋值实现代码
2011/10/12 Javascript
利用了jquery的ajax实现二级联互动菜单
2013/12/02 Javascript
JS中判断null、undefined与NaN的方法
2014/03/24 Javascript
JavaScript二维数组实现的省市联动菜单
2014/05/08 Javascript
浅谈javascript中for in 和 for each in的区别
2015/04/23 Javascript
jQuery validate插件功能与用法详解
2016/12/15 Javascript
深入探究angular2 UI组件之primeNG用法
2017/07/26 Javascript
anime.js 实现带有描边动画效果的复选框(推荐)
2017/12/24 Javascript
怎样在vue项目下添加ESLint的方法
2019/05/16 Javascript
windows实现npm和cnpm安装步骤
2019/10/24 Javascript
详解vue页面首次加载缓慢原因及解决方案
2019/11/06 Javascript
使用typescript改造koa开发框架的实现
2020/02/04 Javascript
在 Vue 中编写 SVG 图标组件的方法
2020/02/24 Javascript
使用Python的Twisted框架构建非阻塞下载程序的实例教程
2016/05/25 Python
简单谈谈Python中的json与pickle
2017/07/19 Python
PyQt5每天必学之关闭窗口
2018/04/19 Python
python版本的仿windows计划任务工具
2018/04/30 Python
python tkinter之 复选、文本、下拉的实现
2020/03/04 Python
Python如何定义有可选参数的元类
2020/07/31 Python
Python爬取股票信息,并可视化数据的示例
2020/09/26 Python
利用CSS3实现炫酷的飞机起飞动画
2016/09/17 HTML / CSS
css3之UI元素状态伪类选择器实例演示
2017/08/11 HTML / CSS
AVON雅芳官网:世界上最大的美容化妆品公司之一
2016/11/02 全球购物
YSL圣罗兰美妆俄罗斯官网:Yves Saint Lauret RU
2020/09/23 全球购物
回门宴答谢词
2014/01/13 职场文书
元旦红领巾广播稿
2014/02/19 职场文书
《小儿垂钓》教学反思
2014/02/23 职场文书
平安建设工作方案
2014/06/02 职场文书
离婚协议书范文
2015/01/26 职场文书
小学生五一劳动节演讲稿
2015/03/18 职场文书
CSS3 实现NES游戏机的示例代码
2021/04/21 HTML / CSS