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 相关文章推荐
JavaScript实际应用:innerHTMl和确认提示的使用
Jun 22 Javascript
Packer 3.0 JS压缩及混淆工具 下载
May 03 Javascript
JavaScript 页面编码与浏览器类型判断代码
Jun 03 Javascript
JavaScript入门之事件、cookie、定时等
Oct 21 Javascript
JS获取url链接字符串 location.href
Dec 23 Javascript
node使用UEditor富文本编辑器的方法实例
Jul 11 Javascript
vue打包之后生成一个配置文件修改接口的方法
Dec 09 Javascript
Vue开发之watch监听数组、对象、变量操作分析
Apr 25 Javascript
Vue Components 数字键盘的实现
Sep 18 Javascript
JS函数本身的作用域实例分析
Mar 16 Javascript
JavaScript 声明私有变量的两种方式
Feb 05 Javascript
JavaScript架构搭建前端监控如何采集异常数据
Jun 25 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中修改浏览器的User-Agent来伪装你的浏览器和操作系统
2011/07/29 PHP
10个实用的PHP正则表达式汇总
2014/10/23 PHP
php利用header函数下载各种文件
2016/08/24 PHP
PHP8.0新功能之Match表达式的使用
2020/07/19 PHP
用javascript获得地址栏参数的两种方法
2006/11/08 Javascript
Jquery AJAX 用于计算点击率(统计)
2010/06/30 Javascript
PHP PDO操作总结
2014/11/17 Javascript
浅谈javascript对象模型和function对象
2014/12/26 Javascript
js获取会话框prompt的返回值的方法
2015/01/10 Javascript
jquery实现表单验证并阻止非法提交
2015/07/09 Javascript
基于JavaScript创建动态Dom
2015/12/08 Javascript
Vue 实用分页paging实例代码
2017/04/12 Javascript
ES6 javascript中Class类继承用法实例详解
2017/10/30 Javascript
分享ES6的7个实用技巧
2018/01/18 Javascript
如何获取TypeScript的声明文件.d.ts
2018/05/01 Javascript
Vue.js实现的表格增加删除demo示例
2018/05/22 Javascript
浅谈如何使用webpack构建多页面应用
2018/05/30 Javascript
微信小程序事件流原理解析
2019/11/27 Javascript
[01:04:06]DOTA2上海特级锦标赛A组资格赛#2 Secret VS EHOME第一局
2016/02/26 DOTA
python合并文本文件示例
2014/02/07 Python
Python datetime时间格式化去掉前导0
2014/07/31 Python
Python设计模式之命令模式原理与用法实例分析
2019/01/11 Python
python绘制多个子图的实例
2019/07/07 Python
Python列表list操作相关知识小结
2020/01/29 Python
canvas压缩图片以及卡片制作的方法示例
2018/12/04 HTML / CSS
草莓网化妆品加拿大网站:Strawberrynet Canada
2016/09/20 全球购物
美国顶级品牌男士大码服装店:DXL
2017/08/30 全球购物
上海天奕面试题笔试题
2015/04/19 面试题
英文翻译的自我评价语句
2013/10/04 职场文书
小学生元旦广播稿
2014/02/21 职场文书
信息工作经验交流材料
2014/05/28 职场文书
新书发布会策划方案
2014/06/09 职场文书
六年级小学生评语
2014/12/26 职场文书
音乐剧猫观后感
2015/06/04 职场文书
详解Nginx 工作原理
2021/03/31 Servers
扩展多台相同的Web服务器
2021/04/01 Servers