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中的Split使用方法与技巧
Mar 09 Javascript
javascript自启动函数的问题探讨
Oct 05 Javascript
jQuery is()函数用法3例
May 06 Javascript
原生js实现fadein 和 fadeout淡入淡出效果
Jun 05 Javascript
WebSocket+node.js创建即时通信的Web聊天服务器
Aug 08 Javascript
JavaScript实现简单的日历效果
Sep 25 Javascript
JS对象的深度克隆方法示例
Mar 16 Javascript
jquery+css实现下拉列表功能
Sep 03 jQuery
centos 上快速搭建ghost博客方法分享
May 23 Javascript
微信小程序保存多张图片的实现方法
Mar 05 Javascript
jQuery Datatables 动态列+跨列合并实现代码
Jan 30 jQuery
Vue+Element ui 根据后台返回数据设置动态表头操作
Sep 21 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 上传文件类型判断函数(避免上传漏洞 )
2010/06/08 PHP
php mssql扩展SQL查询中文字段名解决方法
2012/10/15 PHP
ThinkPHP结合AjaxFileUploader实现无刷新文件上传的方法
2014/10/29 PHP
WordPress主题制作之模板文件的引入方法
2015/12/28 PHP
Zend Framework分页类用法详解
2016/03/22 PHP
(转载)JavaScript中匿名函数,函数直接量和闭包
2007/05/08 Javascript
Jquery 弹出层插件实现代码
2009/10/24 Javascript
javascript 获取所有id中包含某关键字的控件的实现代码
2010/11/25 Javascript
JQuery设置和去除disabled属性的5种方法总结
2013/05/16 Javascript
解析js中获得父窗口链接getParent方法以及各种打开窗口的方法
2013/06/19 Javascript
原始XMLHttpRequest方法详情回顾
2013/11/28 Javascript
使用jquery中height()方法获取各种高度大全
2014/04/02 Javascript
jquery自定义下拉列表示例
2014/04/25 Javascript
如何使用PHP+jQuery+MySQL实现异步加载ECharts地图数据(附源码下载)
2016/02/23 Javascript
分享两段简单的JS代码防止SQL注入
2016/04/12 Javascript
Seajs 简易文档 提供简单、极致的模块化开发体验
2016/04/13 Javascript
javascript简单链式调用案例分析
2017/05/10 Javascript
微信小程序 http请求的session管理
2017/06/07 Javascript
详解webpack4之splitchunksPlugin代码包分拆
2018/12/04 Javascript
jQuery事件blur()方法的使用实例讲解
2019/03/30 jQuery
layui异步加载table表中某一列数据的例子
2019/09/16 Javascript
微信小程序绑定手机号获取验证码功能
2019/10/22 Javascript
微信小程序跨页面数据传递事件响应实现过程解析
2019/12/19 Javascript
详解Vue中的watch和computed
2020/11/09 Javascript
Python中非常实用的一些功能和函数分享
2015/02/14 Python
python安装与使用redis的方法
2016/04/19 Python
Django Admin中增加导出Excel功能过程解析
2019/09/04 Python
pytorch 使用加载训练好的模型做inference
2020/02/20 Python
python中reload重载实例用法
2020/12/15 Python
python利用proxybroker构建爬虫免费IP代理池的实现
2021/02/21 Python
绝对经典成功的大学生推荐信
2013/11/08 职场文书
艺术应用与设计专业个人的自我评价
2013/11/19 职场文书
文明青少年标兵事迹材料
2014/01/28 职场文书
财务部总监岗位职责
2014/03/12 职场文书
教师评语大全
2014/04/28 职场文书
三好学生个人先进事迹材料
2014/05/17 职场文书