history.go(-1)、history.back()、document.referrer区别

history.go(-1)返回前一页面，个人认为是走的缓存所以数据还保存。

history.back(-1)返回前一页面，应该走的是连接，数据不存在，重新刷新了页面。

document.referrer返回前一页面的url可以被打印出来。

alert(history.go(-1));//undefined

alert(history.back(-1));//undefined

alert(document.referrer);//返回前一页面url

时间： 2024-12-29 05:41:51

history.go(-1)、history.back()、document.referrer区别的相关文章

document.referrer的使用和window.opener 跟 window.parent 的区别

偶尔看到了document.referrer,之前一直有点疑惑与window.opener 和 window.parent之间的区别 首先查了一下w3cSCHOOL, 上面的解释:referrer 属性可返回载入当前文档的文档的 URL. 但是解释中没有写怎么载入才能用referrer, 翻看了几篇文章,终于搞懂了. window.opener是当前页面A通过open方法弹出一个窗口B,那在B页面上 window.opener就是A window.parent是当前页面C通过location.h

JS获取上一访问页面URL地址document.referrer实践2

一.JS获取前一个访问页面的URL地址document.referrer 要获取前一个访问页面的URL地址前后端语言都可以,例如PHP的是$_SERVER['HTTP_REFERER'],JavaScript的就是document.referrer. 我们平常开发,虽然和URL打交道也算比较频繁,但是,似乎很少使用document.referrer.我起初以为是兼容性不好,后来测试发现ie7都支持,那就奇怪了,为何document.referrer用的不多呢? 我想了一下,可能有下面几个原因:

通过document.referrer判断页面是链接调整还是新打开以及来源

业务需求: 1.复制链接或者QQ中在浏览器中新打开的链接,点击"返回"跳转到列表页: 2.从列表页链接调整进的店"返回"执行浏览器的"返回"动作,好处是能直接定位到列表页上次浏览的位置. function ClickBack(){ if(document.referrer==""||document.referrer.indexOf("cases")==-1){ //返回到案例列表 window.locat

关于history.back()、history.go()回退但无法刷新页面的问题

window.history.back(); 这样确实可以做到后退的功能,但是项目中,常常并不只是后退就能完成需求,往往需要在后退的同时,刷新后退的页面信息,比如后退到首页同时刷新首页的最新数据,这样的需求通过上面这种方法就没法满足了,为了实现这个需求,我们需要使用到 document.referrer 这个方法可以取到上一个页面的具体路径,我们通过这个方法,再结合JS的跳转函数 window.location.href 就可以实现后退并且刷新的效果的,完整代码如下: window.locati

移动端返回上一页，刚需！document.referrer 详解

返回上一页,在PC端我们可以使用:history.go(-1)或者history.back(),可以正常返回第一层.这样,我们不需要上一页的 url 具体是什么,只要使用 history 一般都没啥问题. 但是在移动端,如果想要返回上一页.比如从A页面跳到B页面,如果B页面想返回A页面,为了防止不会跳错,必须要有一个 <  按钮,给它加 history.go(-1) ,返回上一层. <a href="javascript:history.go(-1)" class=&quo

history.go()和history.back()的区别是什么

history.go()和history.back()的区别是什么: go()和back()同属于history对象,在功能上也有类似之处,比如history.go(-1)和history.back()都可以返回上一页,好像是是一样的,其实还是有区别的,下面就简单介绍一下它们的区别: 一.history.go(-1): history.go(-1)返回上一页读取的是缓存中的内容,并没有刷新功能. 二.history.back(): history.back()不但可以返回上一页,而且还具有刷新功

jquery学习笔记一之window.onload与$(document).ready()区别

1.window.onload与$(document).ready()区别 执行时机:前者必须等待网页中所有的内容加载完毕后(包括图片)才能执行,后者 网页中说有的Dom结构绘制完毕后就执行,可能Dom元素关联的内容并没有加载完成. <!DOCTYPE html> <html> <head> <title>test</title> <script type="text/javascript" src="js/j

javascript document.referrer 用法

document对象的referrer属性,返回导航到当前网页的超链接所在网页的URL. 举例: 1. a.html文件内容如下: <a href="b.html">浏览b.html </a> 2. b.html文件中的内容如下: <body> <script type="text/javascript"> document.write(document.referrer); </script> </

window.onload()和$(document).ready()区别

1 $(window).load(function() { 2 $("#btn-upload").click(function(){ //比如说: 3 uploadPhotos(); 4 }); 5 }); window.onload()和$(document).ready()区别