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 相关文章推荐
Web版彷 Visual Studio 2003 颜色选择器
Jan 09 Javascript
符合标准的js表单提交的代码
Sep 13 Javascript
js下通过prototype扩展实现indexOf的代码
Dec 08 Javascript
类似php的js数组的in_array函数自定义方法
Dec 27 Javascript
javascript检测浏览器的缩放状态实现代码
Sep 28 Javascript
详解vue表单验证组件 v-verify-plugin
Apr 19 Javascript
Angular中ng-repeat与ul li的多层嵌套重复问题
Jul 24 Javascript
JS开发中基本数据类型具体有哪几种
Oct 19 Javascript
Egg.js 中 AJax 上传文件获取参数的方法
Oct 10 Javascript
Javascript中的this,bind和that使用实例
Dec 05 Javascript
JS关闭子窗口并且刷新上一个窗口的实现示例
Mar 10 Javascript
微信h5静默和非静默授权获取用户openId的方法和步骤
Jun 08 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新手上路(十一)
2006/10/09 PHP
php读取目录所有文件信息dir示例
2014/03/18 PHP
Codeigniter的一些优秀特性总结
2015/01/21 PHP
smarty循环嵌套用法示例分析
2016/07/19 PHP
php实现通过soap调用.Net的WebService asmx文件
2017/02/27 PHP
Gird事件机制初级读本
2007/03/10 Javascript
JavaScript页面刷新与弹出窗口问题的解决方法
2010/03/02 Javascript
编写自己的jQuery插件简单实现代码
2011/04/19 Javascript
javascript学习笔记(六) Date 日期类型
2012/06/19 Javascript
jquery实现的鼠标下拉滚动置顶效果
2014/07/24 Javascript
js style动态设置table高度
2014/10/21 Javascript
javascript数组详解
2014/10/22 Javascript
BootStrap 智能表单实战系列(五) 表单依赖插件处理
2016/06/13 Javascript
Node.js 8 中的重要新特性
2017/06/28 Javascript
angularjs中判断ng-repeat是否迭代完的实例
2018/09/12 Javascript
通过说明与示例了解js五种设计模式
2019/06/17 Javascript
如何实现js拖拽效果及原理解析
2020/05/08 Javascript
微信小程序实现电子签名功能
2020/07/29 Javascript
python处理Excel xlrd的简单使用
2017/09/12 Python
python使用锁访问共享变量实例解析
2018/02/08 Python
对python numpy数组中冒号的使用方法详解
2018/04/17 Python
对Pytorch神经网络初始化kaiming分布详解
2019/08/18 Python
使用Keras加载含有自定义层或函数的模型操作
2020/06/10 Python
Photobook澳大利亚:制作相片书,婚礼卡,旅行相簿
2017/01/12 全球购物
英国文胸专家:AmpleBosom.com
2018/02/06 全球购物
腾讯技术类校园招聘笔试试题
2014/05/06 面试题
linux系统都有哪些运行级别
2012/04/15 面试题
物流毕业生个人的自我评价
2014/02/13 职场文书
三字经教学反思
2014/04/26 职场文书
鉴定评语大全
2014/05/05 职场文书
科长竞争上岗演讲稿
2014/05/12 职场文书
竞选班干部演讲稿300字
2014/08/20 职场文书
新婚姻法离婚协议书范文
2014/11/30 职场文书
2015年度酒店客房部工作总结
2015/05/25 职场文书
医德医风学习心得体会
2016/01/25 职场文书
css布局巧妙技巧之css三角示例的运用
2022/03/16 HTML / CSS