由window.history.back()引发的问题

【由window.history.back()引发的问题】的更多相关文章

由window.history.back()引发的问题

由window.history.back()引发的问题编写人:CC阿爸 2015-1-30 今天在这里,我想与大家一起分享由windows.history.back()引发的问题,笔者在实际开发当中遇到了多种不同的情况,在此做个小结,以供参考.有兴趣的同学,可以一同探讨与学习一下,否则就略过吧. 1.由于刚开始进行的web开发,很多时候使用的为html控件,因此处理起来相当简单如以下两种方法: window.history.back(); (不会刷新) window.location.hr…

window.history的跳转实质－HTML5 history API 解析

在上一浏览器跳转行为的测试中,我们看到了通过不同的方法操作浏览器跳转时,它的刷新表现有所不同,在这一文章中,将看看,为何会产生这样的不同?其背后的实质是什么?浏览器的访问历史记录到底是如何运作的呢? 1.简介 window.history是用来保存用户在一个会话期间的网站访问记录,并提供相应的方法进行追溯.其对应的成员如下: 方法:back().forward().go(num).pushState(stateData, title, url).replaceState(stateData, t…

safari 浏览器window.history.go(-1)运行无效解决办法

这几天做了几个手机端app的wap页面,做完之后发现一个问题,那就是ios系统下的safari浏览器不支持window.history.go(-1)..无语... 解决方法很简单!加上return false; 就可以了~ <a href="#" class="back" onclick="javascript: window.history.go(-1);return false;"></a>…

javascript:window.history.go(-1)

history是你浏览过的网页的url(简单的说就是网址)的集合,也就是你的浏览器里的那个历史记录.它在js里是一个内置对象,就跟document一样,它有自己的方法,go就是其中一个. 这个方法的参数是一个数字,它指定要定位的url相对当前页面url位置的下标.当前的url下标为0,所以window.history.go(-1)就是要定位到相对当前页面下标为-1的页面,也就是之前刚刚访问的页面. 再举个例子:你在地址栏访问百度页面(http://www.baidu.com),这时history…

window.history 和 DWZ 框架

DWZ框架的ajax请求返回的一般都是一个HTML片段,整个页面是由一个个HTML片段组成的,可以由TAB切换其内容,但是只有一个body和HEAD,一般head 和菜单栏是不会动的. 今天遇到一个问题,当一个点击进入一个tab页面时,这个tab页的布局完全和其他页面的tab页面不一致,也就是其菜单栏和head的内容完全改变了.当用户要返回原来的样式时候,用自己写的JS方法把样式还原可以.但是是页面上的一个button. 当用户用浏览器自带的前进后退返回的时候,问题来了,因为浏览器的前进后退是…

window.history.pushState与ajax实现无刷新更新页面url

ajax能无刷新更新数据,但是不能更新url HTML5的新API: window.history.pushState, window.history.replaceState 用户操作history,点击前进后退按钮会触发popstate事件. 这些方法可以协同window.onpopstate事件一起工作. 改变url的demo 本页是foo.html,url改变成bar.html,内容却不变 <!DOCTYPE html> <html> <head> <me…

javascript宿主对象之window.history

window.historys属性允许我们操作同一个浏览器回话中的已访问页面,例如我们可以看到在这之前我们浏览页面的数量: window.history.length 由于隐私保护,我们无法获取这些页面具体的URL,像下面这样是不被允许的: window.history[0] 但是我们可以在当前用户会话中的页面之间进行来回切换,就像您在浏览器中单击后退,前进一样. history.forward(); // 前进 history.back(); // 返回另外,我们可以用history.go(…

使用ajax和window.history.pushState无刷新改变页面内容和地址栏URL

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="周记[学校晚会篇]" /><meta name="description" con…

window.history

作者:zccst 旧版: forword() backword() go(number) HTML5中新增了 onhashchange 浏览器兼容性较好,用得较多 pushState / replaceState / onpopState 一.onhashchange hashchange事件在当前页面URL中的hash值发生改变时触发 (查看location.hash). 区别: 通过window.onpopstate来监听url的变化,但会忽略URL的hash部分. 结论:两者恰恰互补,各…

返回页面,主页面不刷新window.history.go(-1),主页面刷新window.location.go(-1)

返回上一页,不刷新 window.history.go(-1) 返回上一页,刷新 window.location.go(-1)…

关于window.history.back()后退问题

Windows下的window.history.back()后退后返回的不仅仅是前一个页而是前一个页的状态.假设一个页我改动了3次那必须后退3次才干回到前一个页.并且数据库中删除的数据依旧显示在上面感觉很的不有用. 解决的方法:history.back()后再加一个reload()这样就能够回到刷新后的页面了即:history.back();location.reload();假设有框架即在前面加上该框架名就可以…

window.history.back()的改进方法window.history.go()

今天在做项目时,測试人员提出了一条bug,起初没当回事,在改动过程中才意识到其重要性,故记录下来. 依照需求,系统应该实现例如以下的功能:有三个关联的页面a.aspx(简称a),b.aspx(简称b),,c.aspx(简称c),当中a页面主要是进行因子录入,所有录入后点击"模型检验",进入b页面,b页面中存在两个button,各自是"模型调整"和"取消",点击"模型调整"进入c页面,点击"取消"返回录有数据…

angular 1.26 版本 window.history.back() 自动去顶部

在1.26版本,在url ("www.example.com#xx"),接着按back,会自动调到顶部,这是因为angular的默认设置只要在config注入$AnchorScrollProvider, 接着跑这个就行了$anchorScrollProvider.disableAutoScrolling(); 奇怪的是,chrome游览器本来就没有问题,这回会认为不需要改默认设置,但是在不是chrome游览器就会发现这问题. 误区: chrome在window.history.bac…

window.history.go(-1)返回且刷新页面

windows窗口对象(历史)history.go(),history.back(),history.forward(). 因为windows对象引用不是必须的.所以windows.history.go() == history.go()的. go()方法只有一个参数,可以是整数.负数.如果是正数,就前进.负数就是后退.(相当于Forward和Back的区别) 因此,后退一页,可用下面的代码:(后退多页,只需改变go的参数) window.history.go(-1): 要前进一页,只需要使用正…

JavaScript Window History

window.history 对象包含浏览器的历史. Window History window.history对象在编写时可不使用 window 这个前缀. 为了保护用户隐私,对 JavaScript 访问该对象的方法做出了限制. 一些方法: history.back() - 与在浏览器点击后退按钮相同 history.forward() - 与在浏览器中点击向前按钮向前相同 Window History Back history.back() 方法加载历史列表中的前一个 URL. 这与在浏览…

window.history.back(-1);与window.go(-1);的区别

history.back(-1):直接返回当前页的上一页,数据全部消息,是个新页面 history.go(-1):也是返回当前页的上一页,不过表单里的数据全部还在 history.back(1) 前进 history.back(-1) 后退 window.location.reload(); //刷新 window.history.go(1); //前进 window.history.go(-1); //返回+刷新 window.history.forward(); //前进 window.hi…

window.history.go(-1)返回且刷新页面点击返回上一层

windows窗口对象(历史)history.go(),history.back(),history.forward(). 因为windows对象引用不是必须的.所以windows.history.go() == history.go()的. go()方法只有一个参数,可以是整数.负数.如果是正数,就前进.负数就是后退.(相当于Forward和Back的区别) 因此,后退一页,可用下面的代码:(后退多页,只需改变go的参数) window.history.go(-1): 要前进一页,只需要使用正…

JavaScript Window History 浏览器的历史

window.history 对象在编写时可不使用 window 这个前缀. 为了保护用户隐私,对 JavaScript 访问该对象的方法做出了限制. 一些方法: history.back() - 与在浏览器点击后退按钮相同 history.forward() - 与在浏览器中点击按钮向前相同 Window History Back history.back() 方法加载历史列表中的前一个 URL. 这与在浏览器中点击后退按钮是相同的 Window History Forward history…

js pjax 和window.history.pushState,replaceState

原文:http://blog.linjunhalida.com/blog/pjax/ github:https://github.com/defunkt/jquery-pjax 什么是pjax? 现在很多网站(facebook, twitter)都支持这样的一种浏览方式, 当你点击一个站内的链接的时候, 不是做页面跳转, 而是只是站内页面刷新. 这样的用户体验, 比起整个页面都闪一下来说, 好很多. 其中有一个很重要的组成部分, 这些网站的ajax刷新是支持浏览器历史的, 刷新页面的同时, 浏览…

Window History对象

History 对象属性 length 返回浏览器历史列表中的 URL 数量. History 对象方法 back() 加载 history 列表中的前一个 URL. window.history.back() forward() 加载 history 列表中的下一个 URL. window.history.forward() go() 加载 history 列表中的某个具体页面. window.history.go(-1)…

使用ajax和window.history.pushState无刷新改变页面内容和地址栏URL (转)

在访问现在很火的google plus时,细心的用户也许会发现页面之间的点击是通过ajax异步请求的,同时页面的URL发生了了改变.并且能够很好的支持浏览器的前进和后退.不禁让人想问,是什么有这么强大的功能呢? 与传统的AJAX的区别虽然ajax可以无刷新改变页面内容,但无法改变页面URL 有的浏览器引入了onhashchange的接口,不支持的浏览器只能定时去判断hash是否改变 history.pushState, history.replaceState pushState是将指定的UR…

javascript:window.history.forward(1);

javascript:window.history.forward(1);[转] 接下来我们要讨论的方法以后退按钮本身为中心,而不是浏览器缓存.这儿有一篇文章Rewiring the Back Button很值得参考.不过我注意到,如果使用这种方法,虽然用户点击一下后退按钮时他不会看到以前输入数据的页面,但只要点击两次就可以,这可不是我们希望的效果,因为很多时候,固执的用户总是能够找到绕过预防措施的办法. 另外一种禁用后退按钮的办法是用客户端JavaScript打开一个没有工具条的窗口,这使得用…

window.history.go(-1);

history是你浏览过的网页的url(简单的说就是网址)的集合,也就是你的浏览器里的那个历史记录.它在js里是一个内置对象,就跟document一样,它有自己的方法,go就是其中一个. 这个方法的参数是一个数字,它指定要定位的url相对当前页面url位置的下标.当前的url下标为0,所以window.history.go(-1)就是要定位到相对当前页面下标为-1的页面,也就是之前刚刚访问的页面. 再举个例子:你在地址栏访问百度页面(http://www.baidu.com),这时history…

window.history，页面中的返回按钮

一.页面中的返回按钮事件 window.history可以不加window这个前缀他的方法有: window.history.go(-1); //-n表示后退n页,n表示前进n页,或者是一个url window.history.back(); //同样表示后退一页 window.history.forward(); //表示前进如果页面是从一个微信上的链接跳过去的,或者直接在浏览器输入地址进去的,此时回不到上一页,我们可以用 document.referrer 来判断有没有上一页,如果没有可…

监听浏览器返回，pushState，popstate 事件，window.history对象

在WebApp或浏览器中,会有点击返回.后退.上一页等按钮实现自己的关闭页面.调整到指定页面.确认离开页面或执行一些其它操作的需求.可以使用 popstate 事件进行监听返回.后退.上一页操作. 一.简单介绍 history 中的操作 1.window.history.back(),后退 2.window.history.forward(),前进 3.window.history.go(num),前进或后退指定数量历史记录 4.window.history.pushState(state, t…

微信中h5页面用window.history.go(-1)返回上一页页面不会重新加载问题

问题描述: 在实际开发中遇到这样一个问题,业务需求涉及到返回上一页问题,第一时间想到了window.history.go(-1)方法,这样做本身没有任何问题,但是在微信中,安卓手机还好返回上一页页面会重新加载,而ios却不会重新加载页面,这就很难受了. 解决方案: 网上查阅了很多资料发现很多方法都不可行,那些方法就不一一展示了,直接上最终代码. window.addEventListener('pageshow', function(e) { // 通过persisted属性判断是否存在 BF…

事件监听和window.history以及自定义创建事件

1.事件监听window.addEventListener方法: Window.addEventListener(event, function, useCapture); useCapture:表示传递的类型是冒泡(false)还是捕获(true). Event:表示事件: Function:表示事件发生后触发的方法 2.window.hisitroy DOM中的window对象通过window.history方法提供了对浏览器历史记录的读取,让你可以在用户的访问记录中前进和后退. 如:win…

具体解释window.history

Window.history保存用户在一个会话期间的站点訪问记录,用户每次訪问一个新的URL即创建一个新的历史记录. history.go().history.back().history.forward() history.back()和history.forward()分别表示向后一页和向前一页. history.go(num)表示向前或向后翻多少页.num为正数表示向前翻.为负数则向后翻. History.back()等价于history.go(-1),history.forward()等…

JS window对象返回前一个浏览的页面 back()方法，加载 history 列表中的前一个 URL。语法： window.history.back();

返回前一个浏览的页面 back()方法,加载 history 列表中的前一个 URL. 语法: window.history.back(); 比如,返回前一个浏览的页面,代码如下: window.history.back(); 注意:等同于点击浏览器的倒退按钮. back()相当于go(-1),代码如下: window.history.go(-1); 任务补充右边代码编辑器第9行,完善GoBack()函数,实现返回前一个页面功能. 注意:本编辑器有局限性,可以把代码拷贝到本机上练习,或者在本节…

JS window对象返回浏览历史中的其他页面 go()方法，根据当前所处的页面，加载 history 列表中的某个具体的页面。语法： window.history.go(number);

返回浏览历史中的其他页面 go()方法,根据当前所处的页面,加载 history 列表中的某个具体的页面. 语法: window.history.go(number); 参数: 浏览器中,返回当前页面之前浏览过的第二个历史页面,代码如下: window.history.go(-2); 注意:和在浏览器中单击两次后退按钮操作一样. 同理,返回当前页面之后浏览过的第三个历史页面,代码如下: window.history.go(3); 任务补充右边代码编辑器第9行和第13行,使用go()方法,完善G…