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写了一个图片的马赛克消失效果
May 04 Javascript
jquery easyui使用心得
Jul 07 Javascript
js实现登陆遮罩效果的方法
Jul 28 Javascript
js实现的全国省市二级联动下拉选择菜单完整实例
Aug 17 Javascript
JavaScript代码判断点击第几个按钮
Dec 13 Javascript
jquery分页插件jquery.pagination.js实现无刷新分页
Apr 01 Javascript
在js代码拼接dom对象到页面上去的模板总结(必看)
Feb 14 Javascript
AngularJS 实现购物车全选反选功能
Oct 24 Javascript
VUE2.0+Element-UI+Echarts封装的组件实例
Mar 02 Javascript
js面向对象之实现淘宝放大镜
Jan 15 Javascript
Vue是怎么渲染template内的标签内容的
Jun 05 Javascript
js属性对象的hasOwnProperty方法的使用
Feb 05 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
Wordpress 相册插件 NextGEN-Gallery 添加目录将中文转为拼音的解决办法
2010/12/29 PHP
php字符串替换函数substr_replace()用法实例
2015/03/17 PHP
再谈PHP中单双引号的区别详解
2016/06/12 PHP
解决laravel中日志权限莫名变成了root的问题
2019/10/17 PHP
PHP单元测试配置与使用方法详解
2019/12/27 PHP
TP5框架使用QueryList采集框架爬小说操作示例
2020/03/26 PHP
Jquery CheckBox全选方法代码附js checkbox全选反选代码
2010/06/09 Javascript
Ajax 数据请求的简单分析
2011/04/05 Javascript
js的匿名函数使用介绍
2013/12/11 Javascript
jquery中常用的函数和属性详细解析
2014/03/07 Javascript
简单谈谈jQuery(function(){})与(function(){})(jQuery)
2014/12/19 Javascript
javascript中for/in循环及使用技巧
2015/09/01 Javascript
EXT中单击button按钮grid添加一行(光标位置可设置)的实例代码
2016/06/02 Javascript
Vue.js动态添加、删除选题的实例代码
2016/09/30 Javascript
基于jPlayer三分屏的制作方法
2016/12/21 Javascript
ionic2屏幕适配实现适配手机、平板等设备的示例代码
2017/08/11 Javascript
BootStrap中Table隐藏后显示问题的实现代码
2017/08/31 Javascript
Vue组件中prop属性使用说明实例代码详解
2018/05/31 Javascript
详解Vue结合后台的列表增删改案例
2018/08/21 Javascript
nodejs中用npm初始化来创建package.json的实例讲解
2018/10/10 NodeJs
vue头部导航动态点击处理方法
2018/11/02 Javascript
element-ui table span-method(行合并)的实现代码
2018/12/20 Javascript
如何优雅的在一台vps(云主机)上面部署vue+mongodb+express项目
2019/01/20 Javascript
ES6中异步对象Promise用法详解
2019/07/31 Javascript
layer iframe 设置关闭按钮的方法
2019/09/12 Javascript
Python3使用PyQt5制作简单的画板/手写板实例
2017/10/19 Python
python enumerate函数的使用方法总结
2017/11/15 Python
tornado 多进程模式解析
2018/01/15 Python
Django实现组合搜索的方法示例
2018/01/23 Python
python负载均衡的简单实现方法
2018/02/04 Python
canvas之万花筒效果的简单实现(推荐)
2016/08/16 HTML / CSS
生物技术专业研究生自荐信
2013/09/22 职场文书
大学本科毕业生的自我鉴定
2013/11/26 职场文书
大学生党课思想汇报
2013/12/29 职场文书
高三学习决心书
2014/03/11 职场文书
小学三八妇女节活动总结
2015/02/06 职场文书