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 相关文章推荐
JS类中定义原型方法的两种实现的区别
Mar 08 Javascript
jquery中ajax学习笔记4
Oct 16 Javascript
读JavaScript DOM编程艺术笔记
Nov 15 Javascript
jquery限制输入字数,并提示剩余字数实现代码
Dec 24 Javascript
浅谈javascript中基本包装类型
Jun 03 Javascript
javascript排序函数实现数字排序
Jun 26 Javascript
用js编写的简单的计算器代码程序
Aug 04 Javascript
vue 表单输入格式化中文输入法异常问题
May 30 Javascript
vue中接口域名配置为全局变量的实现方法
Sep 20 Javascript
基于Vue-Cli 打包自动生成/抽离相关配置文件的实现方法
Dec 09 Javascript
Vue-cli 移动端布局和动画使用详解
Aug 10 Javascript
使用Vue3+Vant组件实现App搜索历史记录功能(示例代码)
Jun 09 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
PHP一些有意思的小区别
2006/12/06 PHP
php a simple smtp class
2007/11/26 PHP
php计算一个文件大小的方法
2015/03/30 PHP
浅谈PHP中Stream(流)
2015/06/08 PHP
php导出生成word的方法
2015/12/25 PHP
php发送http请求的常用方法分析
2016/11/08 PHP
php简单中奖算法(实例)
2017/08/15 PHP
PHP网站常见安全漏洞,及相应防范措施总结
2021/03/01 PHP
javascript下判断一个对象是否具有指定名称的属性的的代码
2010/01/11 Javascript
jQuery使用contains过滤器实现精确匹配方法详解
2016/02/25 Javascript
TypeScript Type Innference(类型判断)
2016/03/10 Javascript
浅析Bootstrap缩略图组件与警示框组件
2016/04/29 Javascript
React学习笔记之条件渲染(一)
2017/07/02 Javascript
vue项目关闭eslint校验
2018/03/21 Javascript
JQuery实现ajax请求的示例和注意事项
2018/12/10 jQuery
小程序红包雨的实现示例
2019/02/19 Javascript
ES6的循环与可迭代对象示例详解
2021/01/31 Javascript
布同自制Python函数帮助查询小工具
2011/03/13 Python
详解python3中socket套接字的编码问题解决
2017/07/01 Python
Python操作mysql数据库实现增删查改功能的方法
2018/01/15 Python
python使用matplotlib库生成随机漫步图
2018/08/27 Python
解析Python3中的Import
2019/10/13 Python
python实现定时发送邮件到指定邮箱
2020/12/23 Python
CSS3用@font-face实现自定义英文字体
2013/09/23 HTML / CSS
Bloomingdale’s阿联酋:选购奢华时尚、美容及更多
2020/09/22 全球购物
JSF面试题:Jsf中的核心类用那些?有什么作用?LiftCycle六大生命周期是什么?
2014/07/17 面试题
分公司经理岗位职责
2013/11/11 职场文书
趣味体育活动方案
2014/02/08 职场文书
倡议书范文
2014/04/16 职场文书
财务部绩效考核方案
2014/05/04 职场文书
党的群众路线教育实践方案
2014/05/11 职场文书
2016年春节慰问信息
2015/03/25 职场文书
婚宴来宾致辞
2015/07/28 职场文书
初中英语教学随笔
2015/08/15 职场文书
教师培训学习心得体会
2016/01/21 职场文书
java中重写父类方法加不加@Override详解
2021/06/21 Java/Android