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 相关文章推荐
MSN消息提示类
Sep 05 Javascript
脚本吧 - 幻宇工作室用到js,超强推荐base.js
Dec 23 Javascript
jquery 图片轮换效果
Jul 29 Javascript
$.get获取一个文件的内容示例代码
Sep 11 Javascript
sails框架的学习指南
Dec 22 Javascript
JS实现的自定义显示加载等待图片插件(loading.gif)
Jun 17 Javascript
利用jQuery.Validate异步验证用户名是否存在(推荐)
Dec 09 Javascript
Angular ng-repeat指令实例以及扩展部分
Dec 26 Javascript
详解Angular2 之 结构型指令
Jun 21 Javascript
详解VueJS应用中管理用户权限
Feb 02 Javascript
JS动态图片的实现方法完整示例
Jan 13 Javascript
Javascript 解构赋值详情
Nov 17 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的魔术方法__get()和__set()使用介绍
2012/09/19 PHP
解析左右值无限分类的实现算法
2013/06/20 PHP
PHP将进程作为守护进程的方法
2015/03/19 PHP
php封装的连接Mysql类及用法分析
2015/12/10 PHP
thinkphp5框架前后端分离项目实现分页功能的方法分析
2019/10/08 PHP
用XMLDOM和ADODB.Stream实现base64编码解码实现代码
2010/11/28 Javascript
javascript检测浏览器flash版本的实现代码
2011/12/06 Javascript
jQuery.getScript加载同域JS的代码
2012/02/13 Javascript
『jQuery』取指定url格式及分割函数应用
2013/04/22 Javascript
JS判断字符串长度的5个方法(区分中文和英文)
2014/03/18 Javascript
通过js为元素添加多项样式,浏览器全兼容写法
2014/08/30 Javascript
JavaSciprt中处理字符串之sup()方法的使用教程
2015/06/08 Javascript
JS原型、原型链深入理解
2016/02/27 Javascript
js中json处理总结之JSON.parse
2016/10/14 Javascript
详解Vue.js入门环境搭建
2017/03/17 Javascript
用jquery获取select标签中选中的option值及文本的示例
2018/01/25 jQuery
Node.js使用Angular简单示例
2018/05/11 Javascript
vue使用Font Awesome的方法步骤
2019/02/26 Javascript
node.js ws模块搭建websocket服务端的方法示例
2019/04/25 Javascript
ES6使用新特性Proxy实现的数据绑定功能实例
2020/05/11 Javascript
Vue使用自定义指令实现拖拽行为实例分析
2020/06/06 Javascript
python if not in 多条件判断代码
2016/09/21 Python
Python实现去除列表中重复元素的方法小结【4种方法】
2018/04/27 Python
Python3爬虫教程之利用Python实现发送天气预报邮件
2018/12/16 Python
对python多线程中互斥锁Threading.Lock的简单应用详解
2019/01/11 Python
详解python深浅拷贝区别
2019/06/24 Python
查看端口并杀进程python脚本代码
2019/12/17 Python
python属于解释语言吗
2020/06/11 Python
Python根据指定文件生成XML的方法
2020/06/29 Python
Python如何进行时间处理
2020/08/06 Python
html5使用canvas画三角形
2014/12/15 HTML / CSS
工程质量承诺书
2014/03/27 职场文书
新员工试用期自我鉴定
2014/04/17 职场文书
学习十八届四中全会依法治国心得体会
2014/11/03 职场文书
python字符串的多行输出的实例详解
2021/06/08 Python
Vue+Flask实现图片传输功能
2022/04/01 Vue.js