Document.location.href和.replace的区别示例介绍

  document.location.href和document.location.replace都可以实现从A页面切换到B页面,下面为大家介绍下它们的区别

  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()替换后,它就会从当前的历史对象中移除了

时间: 2024-11-08 19:03:56

Document.location.href和.replace的区别示例介绍的相关文章

Document.location.href和.replace的区别示例介绍_基础知识

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里有

关于js中window.location.href,location.href,parent.location.href,top.location.href的用法与区别_javascript技巧

"window.location.href"."location.href"是本页面跳转 "parent.location.href"是上一层页面跳转 "top.location.href"是最外层的页面跳转 举例说明: 如果A,B,C,D都是jsp,D是C的iframe,C是B的iframe,B是A的iframe,如果D中js这样写 "window.location.href"."locatio

jQuery学习之prop和attr的区别示例介绍_jquery

1..prop( propertyName ) 获取匹配集合中第一个元素的Property的值 2. .prop( propertyName, value ) .prop( map ) .prop( propertyName, function(index, oldPropertyValue) ) 给匹配元素集合设定一个或多个属性 .prop()和 .attr()区别 下面是关于jQuery1.6和1.6.1中Attributes模块变化的描述,以及.attr()方法和.prop()方法的首选使

HTML5标签与HTML4标签的区别示例介绍

(1)概念的变化: HTML5专注内容与结构,而不专注的表现 <header> <hgroup>导航相关数据</hgroup> </header> <nav>菜单</nav> <article> <h1>标题:HTML5专题视频教程</h1> (2)声明与标签: HTML5在更多的声明和标签上面做了简化,也对兼容做了详细的规定,废除了部分元素,增加了部分元素. HTML5标签语法介绍及新增标记 1.

JQuery与JS里submit()的区别示例介绍

 这篇文章主要介绍了JQuery与JS里submit()的区别,需要的朋友可以参考下 ASP.NET 的服务器控件回发是使用这一段JS代码:   代码如下: var theForm = document.forms['form1'];  if (!theForm) {  theForm = document.form1;  }  function __doPostBack(eventTarget, eventArgument) {  if (!theForm.onsubmit || (theFo

Jquery中的层次选择器与find()的区别示例介绍

Jquery中的层次选择器与find()是有一定的区别,本文有个示例可以很好的说明,感兴趣的朋友可以参考下 代码如下: $("#anaylseBody tr").find("td:eq(" + $("#analyse th:contains(" + $(this).val() + ")").index() + ")").hide(); ("#anaylseBody tr") find作为

javascript中interval与setTimeOut的区别示例介绍

 这篇文章主要介绍了javascript中interval与setTimeOut的区别,需要的朋友可以参考下 setTimeout(code,millisec) //- 在指定时间后执行代码    code必须:    millisec必须:    clearTimeout(setTimeoutId) //- 取消 setTimeout()    setInterval(code,millisec)://指定间隔毫秒内循环执行代码    code必须:    millisec必须:    cle

JQuery中的html()、text()、val()区别示例介绍_jquery

1.HTML html():取得第一个匹配元素的html内容.这个函数不能用于XML文档.但可以用于XHTML文档 html(val):设置每一个匹配元素的html内容.这个函数不能用于XML文档.但可以用于XHTML文档. 2.TEXT text():取得所有匹配元素的内容. 结果是由所有匹配元素包含的文本内容组合起来的文本.这个方法对HTML和XML文档都有效. text(val):设置所有匹配元素的文本内容 与 html() 类似, 但将编码 HTML (将 "<" 和 &

php中\r \r\n \t的区别示例介绍

 这篇文章主要介绍了php中r rn t的区别,需要的朋友可以参考下 n 软回车:  在Windows 中表示换行且回到下一行的最开始位置.相当于Mac OS 里的 r 的效果.  在Linux.unix 中只表示换行,但不会回到下一行的开始位置.    r 软空格:  在Linux.unix 中表示返回到当行的最开始位置.  在Mac OS 中表示换行且返回到下一行的最开始位置,相当于Windows 里的 n 的效果.    t 跳格(移至下一列).    它们在双引号或定界符表示的字符串中有