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 相关文章推荐
jQuery 性能优化指南(2)
May 21 Javascript
关于javascript function对象那些迷惑分析
Oct 24 Javascript
简单实例处理url特殊符号&amp;处理(2种方法)
Apr 02 Javascript
javascript计算用户打开网页的停留时间
Jan 09 Javascript
JS实现的左侧竖向滑动菜单效果代码
Oct 19 Javascript
JS判断鼠标进入容器的方向与window.open新窗口被拦截的问题
Dec 23 Javascript
解析JavaScript模仿块级作用域
Dec 29 Javascript
详解Vue中一种简易路由传参办法
Sep 15 Javascript
深入浅析Vue中的slots/scoped slots
Apr 03 Javascript
vue如何在自定义组件中使用v-model
May 14 Javascript
浅谈监听单选框radio改变事件(和layui中单选按钮改变事件)
Sep 10 Javascript
vue+webpack 更换主题N种方案优劣分析
Oct 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
You might like
《破坏领主》销量已超100万 未来将继续开发新内容
2020/03/08 其他游戏
php Sql Server连接失败问题及解决办法
2009/08/07 PHP
通过curl模拟post和get方式提交的表单类
2014/04/23 PHP
PHP中通过trigger_error触发PHP错误示例
2015/06/23 PHP
PHP简单实现循环链表功能示例
2017/11/10 PHP
PHP lcfirst()函数定义与用法
2019/03/08 PHP
JSQL  一个 web DB 的封装
2010/05/05 Javascript
jquery关于图形报表的运用实现代码
2011/01/06 Javascript
js 判断脚本加载完毕的代码
2011/07/13 Javascript
jQuery EasyUI API 中文文档 可调整尺寸
2011/09/29 Javascript
用Javascript实现Windows任务管理器的代码
2012/03/27 Javascript
JS中怎样判断undefined(比较不错的方法)
2014/03/27 Javascript
javascript中的previousSibling和nextSibling的正确用法
2015/09/16 Javascript
使用jQuery Rotare实现微信大转盘抽奖功能
2016/06/20 Javascript
jQuery EasyUI Tab 选项卡问题小结
2016/08/16 Javascript
微信小程序 教程之模板
2016/10/18 Javascript
JS多物体实现缓冲运动效果示例
2016/12/20 Javascript
Vue Transition实现类原生组件跳转过渡动画的示例
2017/08/19 Javascript
解决layui富文本编辑器图片上传无法回显的问题
2019/09/18 Javascript
python获取Linux下文件版本信息、公司名和产品名的方法
2014/10/05 Python
python基础之入门必看操作
2017/07/26 Python
python利用urllib和urllib2访问http的GET/POST详解
2017/09/27 Python
对Python3中的input函数详解
2018/04/22 Python
python2.x实现人民币转大写人民币
2018/06/20 Python
在python中利用最小二乘拟合二次抛物线函数的方法
2018/12/29 Python
关于win10在tensorflow的安装及在pycharm中运行步骤详解
2020/03/16 Python
Python如何将函数值赋给变量
2020/04/28 Python
Room Mate Hotels美国:西班牙酒店品牌
2018/04/10 全球购物
消防先进事迹材料
2014/02/10 职场文书
优秀部门获奖感言
2014/02/14 职场文书
《路旁的橡树》教学反思
2014/04/07 职场文书
车辆工程专业求职信
2014/04/28 职场文书
辣妈辣妹观后感
2015/06/10 职场文书
python编写五子棋游戏
2021/05/25 Python
go使用Gin框架利用阿里云实现短信验证码功能
2021/08/04 Golang
python 进阶学习之python装饰器小结
2021/09/04 Python