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 相关文章推荐
Ext grid 添加右击菜单
Nov 26 Javascript
JQuery实现鼠标移动到图片上显示边框效果
Jan 09 Javascript
jQuery用FormData实现文件上传的方法
Nov 21 Javascript
纯原生js实现table表格的增删
Jan 05 Javascript
prototype与__proto__区别详细介绍
Jan 09 Javascript
在React中如何优雅的处理事件响应详解
Jul 24 Javascript
vue中v-cloak解决刷新或者加载出现闪烁问题(显示变量)
Apr 20 Javascript
微信小程序使用scroll-view标签实现自动滑动到底部功能的实例代码
Nov 09 Javascript
vue2.0实现的tab标签切换效果(内容可自定义)示例
Feb 11 Javascript
Layui Table js 模拟选中checkbox的例子
Sep 03 Javascript
微信小程序如何加载数据库真实数据的实现
Mar 04 Javascript
利用原生JS实现欢乐水果机小游戏
Apr 23 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
You might like
PHP自定义多进制的方法
2016/11/03 PHP
PHP通过curl获取接口URL的数据方法
2018/05/31 PHP
PHP+swoole+linux实现系统监控和性能优化操作示例
2019/04/15 PHP
用js实现上传图片前的预览(TX的面试题)
2007/08/14 Javascript
jQuery实现原理的模拟代码 -6 代码下载
2010/08/16 Javascript
jquery maxlength使用说明
2011/09/09 Javascript
关于jQuery参考实例 1.0 jQuery的哲学
2013/04/07 Javascript
父页面显示遮罩层弹出半透明状态的dialog
2014/03/04 Javascript
jquery实现鼠标点击后展开列表内容的导航栏效果
2015/09/14 Javascript
jQuery实现的兼容性浮动层示例
2016/08/02 Javascript
Vue.js 2.0 和 React、Augular等其他前端框架大比拼
2016/10/08 Javascript
javascript 判断是否是微信浏览器的方法
2016/10/09 Javascript
Ionic3 UI组件之Gallery Modal详解
2017/06/07 Javascript
jquery手机触屏滑动拼音字母城市选择器的实例代码
2017/12/11 jQuery
vue 使用eventBus实现同级组件的通讯
2018/03/02 Javascript
解析vue、angular深度作用选择器
2019/09/11 Javascript
简介JavaScript错误处理机制
2020/08/04 Javascript
Vue利用localStorage本地缓存使页面刷新验证码不清零功能的实现
2020/09/04 Javascript
vue操作dom元素的3种方法示例
2020/09/20 Javascript
Python random模块常用方法
2014/11/03 Python
Python中的zipfile模块使用详解
2015/06/25 Python
Python实现合并同一个文件夹下所有txt文件的方法示例
2018/04/26 Python
Python面向对象程序设计之私有属性及私有方法示例
2019/04/08 Python
解决Django 在ForeignKey中出现 non-nullable field错误的问题
2019/08/06 Python
Python绘制K线图之可视化神器pyecharts的使用
2021/03/02 Python
Mio Skincare中文官网:肌肤和身体护理
2016/10/26 全球购物
德国最大的拼图在线商店:Puzzle.de
2016/12/17 全球购物
英国办公家具网站:Furniture At Work
2019/10/07 全球购物
俄罗斯Sportmarket体育在线商店:用于旅游和户外活动
2019/11/12 全球购物
到底Java是如何传递参数的?是by value或by reference?
2012/07/13 面试题
中国好声音华少广告词
2014/03/17 职场文书
法人委托书范本
2014/09/15 职场文书
个人合伙协议书范本
2014/10/14 职场文书
师范生见习报告范文
2014/11/03 职场文书
Python快速实现一键抠图功能的全过程
2021/06/29 Python
vue选项卡切换的实现案例
2022/04/11 Vue.js