`
wmch
  • 浏览: 72624 次
  • 性别: Icon_minigender_1
  • 来自: 郑州
社区版块
存档分类
最新评论

document.location.href和document.location.replace区别

 
阅读更多

document.location.href和document.location.replace都可以实现从A页面切换到B页面,但他们的区别是

用document.location.href切换后,可以退回到原页面。

而用document.location.replace切换后,不可以通过“后退”退回到原页面。

 

>>>当一个文档被location.replace()替换后,它就会从当前的历史对象中移除了

分享到:
评论

相关推荐

    javascript 的Document属性和方法集合

    - `document.location.href`: 完整的URL。 - `document.location.pathname`: URL的路径部分。 - `document.location.port`: URL的端口号。 - `document.location.protocol`: URL的协议,如"http:"或"https:"。 ...

    JAVASCRIPT-DOCUMENT方法大全.pdf

    4. `document.location.href`: 获取完整的URL。 5. `document.location.pathname`: 获取URL中的路径部分。 6. `document.location.port`: 获取URL中的端口号。 7. `document.location.protocol`: 获取URL的协议,如...

    js location.replace与location.reload的区别

    需要注意的是,在这个例子中,如果想要实现iframe内页面的刷新,则应该使用parent.document.location.reload()方法,因为window.location.href = parent.location.href将使得iframe加载新的页面,而不是刷新。...

    [removed].href和.replace的区别示例介绍

    在网页开发中,导航是用户体验的关键部分,而`document.location.href`和`document.location.replace`则是JavaScript中控制页面导航的两个重要方法。虽然它们都能实现页面间的跳转,但它们在处理历史记录方面有着...

    document对象总结

    - **document.location.href**: 返回完整的URL。 - **document.location.pathname**: 返回URL中的路径部分。 - **document.location.port**: 返回端口号。 - **document.location.protocol**: 返回URL协议。 - **...

    脚本中Document对象内容集合介绍

    - `document.location.href`: 获取或设置完整的URL。 - `document.location.pathname`: 获取URL的路径部分。 - `document.location.port`: 获取或设置端口号。 - `document.location.protocol`: 获取或设置URL的...

    JavaScript的document方法汇总

    - `document.location.href`:获取完整的URL。 - `document.location.pathname`:获取URL中的路径部分。 - `document.location.port`:获取端口号。 - `document.location.protocol`:获取协议头。 - `document...

    javascript的document对象

    - **document.location.href**:返回完整的URL地址。 - **document.location.pathname**:返回URL中的路径部分。 - **document.location.port**:返回URL中的端口号。 - **document.location.protocol**:返回URL中...

    Document对象内容集合

    - **`document.location.href`**:获取或设置完整的URL。 - **`document.location.pathname`**:获取或设置URL中的路径部分。 - **`document.location.port`**:获取或设置URL中的端口部分。 - **`document.location...

    document对象内容集合.txt

    - **document.location.replace(URL)**: 替换当前文档为指定URL的文档。 - **document.selection**: 操作文档的选择范围。 #### 图像和表单处理 - **document.images**: 访问页面上的所有图像元素。 - **document....

    js刷新页面location.reload()用法详解

    window.opener.location.href = window.opener.location.href; window.opener.location.reload(); ``` ### 6. 与`location.replace()`的区别 `location.replace()`函数会替换当前的历史记录条目,而`reload()`则会...

    javascript 页面刷新和模态对话框 学习总结 推荐哦

    location.replace(window.location.href); // 刷新当前页面 location.replace("http://www.example.com"); // 跳转到新的URL ``` ##### 11. 使用`history.go(0)` - **语法**: `history.go(0);` - **功能**: ...

    JS页面跳转和js对iframe进行页面跳转、刷新

    与`window.location.href`类似,但不同之处在于`replace`不会在浏览器的历史记录中留下跳转记录,这意味着用户点击后退按钮时不会回到之前的页面。 ```javascript window.location.replace("http://www.example.com"...

    JavaScriptdocument对象方法属性大全

    ### JavaScript Document对象...document.location.href = "http://www.example.com"; ``` 以上内容涵盖了`Document`对象的大部分核心功能,掌握了这些方法和属性,开发者便能更灵活地操作网页内容,提升用户体验。

    js刷新页面方法大全

    总结来说,JavaScript提供了多种方式来刷新页面,包括`location.reload()`、`window.location.href`、`history.go(0)`、过时的`document.execCommand('refresh')`以及利用`meta`标签。开发者应根据具体需求选择合适...

    js 返回上一页和刷新

    7. 使用document对象:document.URL=location.href可以刷新当前页面。 示例代码:<script language="javascript">location.reload(); 三、自动刷新页面 1. 使用meta标签:可以每隔20秒刷新一次页面。 2. 使用...

    javascript页面跳转常用代码宣贯.pdf

    8. `document.URL=location.href`:该方法可以刷新当前页面,重新加载页面的所有内容。 自动刷新页面 除了手动刷新页面外,Javascript 还可以实现自动刷新页面,以下是一些常用的方法: 1. `...

    javascript页面跳转常用代码.pdf

    7. `document.URL=location.href`:与`location=location`类似,这种方法也用于刷新页面。 ```javascript document.URL = location.href; ``` 自动刷新页面的方法通常涉及HTML的`<meta>`标签或JavaScript定时器。...

Global site tag (gtag.js) - Google Analytics