编程 Javascript

javascript中href和replace的比较(详解)

Posted in Javascript onNovember 25, 2016

在使用javascript的时候，有时候对于经常使用的方法太熟悉而忽略了他们之间原理的细微差别。

举例如下：

window.location.href，window.location.replace。

这两种方式都可以让页面跳转到一个新的页面，但是其中我就忽略了跳转之后的细节，比如返回的原来的页面。

window.location.href中的href其实就是<a>标签中的href，使用这个进行页面跳转后，可以使用浏览器的后退按钮退回到原来的页面，也可以使用history.go(-1)函数跳转到原来的页面。

window.location.replace(url)方法是让浏览器清除掉其历史中的url，重新进行url的设定。使用浏览器的后退按钮或是前进按钮时，它将无法跳转到原来的页面，而是跳转到原来页面的上一页。

即replace() 方法不会在 History 对象中生成一个新的记录。当使用该方法时，新的 URL 将覆盖 History 对象中的当前记录。

以上这篇javascript中href和replace的比较(详解)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持三水点靠木。

javascript中href和replace的比较(详解)

- Author -

jingxian

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Js实现网页键盘控制翻页的方法

Oct 30 Javascript

jQuery+ajax实现文章点赞功能的方法

Dec 31 Javascript

AngularJs IE Compatibility 兼容老版本IE

Sep 01 Javascript

基于JavaScript实现图片剪切效果

Mar 07 Javascript

Vue.js实战之通过监听滚动事件实现动态锚点

Apr 04 Javascript

webpack构建react多页面应用详解

Sep 15 Javascript

详谈js中标准for循环与foreach(for in)的区别

Nov 02 Javascript

react.js组件实现拖拽复制和可排序的示例代码

Aug 20 Javascript

解决angularjs WdatePicker ng-model的问题

Sep 13 Javascript

mpvue小程序循环动画开启暂停的实现方法

May 15 Javascript

React实现全选功能

Aug 25 Javascript

Openlayers实现图形绘制

Sep 28 Javascript

移动适配的几种方案(三种方案)

Nov 25 #Javascript

利用JS判断字符串是否含有数字与特殊字符的方法小结

Nov 25 #Javascript

利用JS屏蔽页面中的Enter按键提交表单的方法

Nov 25 #Javascript

JavaScript实现点击按钮复制指定区域文本(推荐)

Nov 25 #Javascript

Bootstrap实现带暂停功能的轮播组件(推荐)

Nov 25 #Javascript

Bootstrap文件上传组件之bootstrap fileinput

Nov 25 #Javascript

Bootstrap基本布局实现方法详解

Nov 25 #Javascript