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

 更新时间:2016年11月25日 10:21:18   投稿:jingxian  
下面小编就为大家带来一篇javascript中href和replace的比较(详解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

在使用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的比较(详解)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • js substring()字符串截取函数

    js substring()字符串截取函数

    JavaScript中substring()函数方法是返回位于String对象中指定位置的子字符串
    2013-04-04
  • layui关闭层级、简单监听的实例

    layui关闭层级、简单监听的实例

    今天小编就为大家分享一篇layui关闭层级、简单监听的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • Makefile/cmake/node-gyp中区分判断不同平台的方法

    Makefile/cmake/node-gyp中区分判断不同平台的方法

    今天小编就为大家分享一篇关于Makefile/cmake/node-gyp中区分判断不同平台的方法,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2018-12-12
  • layui默认选中table的CheckBox复选框方法

    layui默认选中table的CheckBox复选框方法

    今天小编就为大家分享一篇layui默认选中table的CheckBox复选框方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • JS实现向iframe中表单传值的方法

    JS实现向iframe中表单传值的方法

    这篇文章主要介绍了JS实现向iframe中表单传值的方法,涉及js针对页面元素及表单属性操作相关实现技巧,需要的朋友可以参考下
    2017-03-03
  • 将字符串转换成gb2312或者utf-8编码的参数(js版)

    将字符串转换成gb2312或者utf-8编码的参数(js版)

    直接在url中传递中文参数时,读到的中文都是乱码,那么我们应该怎么将这些参数转换呢,接下来与大家分享下将字符串转换成utf-8或者gb2312编码的参数的技巧
    2013-04-04
  • Angular+Bootstrap+Spring Boot实现分页功能实例代码

    Angular+Bootstrap+Spring Boot实现分页功能实例代码

    这篇文章主要介绍了Angular+Bootstrap+Spring Boot实现分页功能实例代码,需要的朋友可以参考下
    2017-07-07
  • ES6字符串的扩展实例

    ES6字符串的扩展实例

    这篇文章主要介绍了ES6字符串的扩展实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-12-12
  • 通过JS和PHP两种方法判断用户请求时使用的浏览器类型

    通过JS和PHP两种方法判断用户请求时使用的浏览器类型

    在做微站点项目开发的时候,我们需要判断当前浏览器类型是什么。接下来小编给大家分享通过JS和PHP两种方法判断用户请求时使用的浏览器类型,非常不错,感兴趣的朋友一起学习吧
    2016-09-09
  • innerText和textContent对比及使用介绍

    innerText和textContent对比及使用介绍

    innerText使用过程中遇到了FireFox的兼容问题FireFox不支持innerText方法但是有个类似的方法,叫textContent,类似innerText,都是用来获取(设置)元素中text的方法,感兴趣的朋友可以参考下
    2013-02-02

最新评论