Document.location.href和.replace的区别示例介绍
时间:2021-10-20 08:14:34|栏目:JavaScript代码|点击: 次
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()替换后,它就会从当前的历史对象中移除了
用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模仿windows桌面图标排列算法具体实现(附图)
本文标题:Document.location.href和.replace的区别示例介绍
本文地址:http://www.codeinn.net/misctech/180638.html