window.history 和 DWZ 框架

DWZ框架的ajax请求返回的一般都是一个HTML片段，整个页面是由一个个HTML片段组成的，可以由TAB切换其内容，但是只有一个body和HEAD，一般head 和菜单栏是不会动的。

今天遇到一个问题，当一个点击进入一个tab页面时，这个tab页的布局完全和其他页面的tab页面不一致，也就是其菜单栏和head的内容完全改变了。当用户要返回原来的样式时候，用自己写的JS方法把样式还原可以。但是是页面上的一个button。

当用户用浏览器自带的前进后退返回的时候，问题来了，因为浏览器的前进后退是根据浏览历史的缓存来的（暂且这么理解吧）。这个历史是一个数组来储存的。前进就是显示后一个的历史，后退就是前一个的。当然，都是如果list支持的情况下；

浏览器的前进后退会触发页面的 onunload 和 onbeforeunload 事件在使用event.returnValue("string")就会弹出你想要的警告。

由于正常的浏览器history是一个个完整的页面，前进后退按钮会触发其onunload等事件，但是DWZ这种框架不会，因为你始终在一个页面上进行操作。当然不会触发onunload等事件。前进后退只会显示历史的HTML片段。

那么，在点击后退后页面样式变形等问题出现了，使用setInterval 判断这个tab的父元素是否显示来判断是否回到原来页面。样式能还原，但是多前进后退几次就要出现问题。

暂时的解决方法，让其history一直在最后就是每次点击后退返回后让其window.history.go(1);要返回前面的页面。

转载于:https://www.cnblogs.com/strangerqt/p/4009968.html

window.history 和 DWZ 框架相关推荐

关于window.history.back()后退问题
Windows下的window.history.back()后退后返回的不仅仅是前一个页而是前一个页的状态.假设一个页我改动了3次那必须后退3次才干回到前一个页.并且数据库中删除的数据依旧显示在上面感 ...
在DWZ框架中整合kindeditor复文本框控件
今天上午在DWZ框架中整合kindeditor复文本框控件,发现上传图片是老是提示 "上传中,请稍候...",上网查看别人说可能是文件路径问题,在想以前在其他项目中用这个控件一直没 ...
后退键无效 html,javascript – Cordova – window.history.back()不支持iOS 9中的HTML后退按钮...
在我的应用程序中,我使用window.history.back导航回上一个View 后退按钮声明按钮动作: $("#verification_back_icon").on(&qu ...
javascript宿主对象之window.history
window.historys属性允许我们操作同一个浏览器回话中的已访问页面,例如我们可以看到在这之前我们浏览页面的数量: window.history.length 由于隐私保护,我们无法获取这些页 ...
使用dwz框架配合MVC使用
一直没有时间更新博客,最近有点时间,按照自己的想法,采用DWZ框架,配合MVC架构,准备做一个可配置型的系统,现在初见成效,添加新模块,可以做到0代码,只要在系统中配置就可以.多的话不说了,先来几个界 ...
操纵浏览器历史记录 : popstate() 、 history.pushState() 、 window.history.pushState（）
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 一.历史记录前进与后退 1.后退: window.history.back() -- 相当于用户在浏 ...
JS window对象返回前一个浏览的页面 back()方法，加载 history 列表中的前一个 URL。语法： window.history.back();...
返回前一个浏览的页面 back()方法,加载 history 列表中的前一个 URL. 语法: window.history.back(); 比如,返回前一个浏览的页面,代码如下: window.hi ...
ajax怎么找回地址栏,使用ajax和window.history.pushState无刷新改变页面内容和地址栏URL...
HTML5里引用了新的API,就是history.pushState和history.replaceState,就是通过这个接口做到无刷新改变页面URL的. 与传统的AJAX的区别传统的ajax有如 ...
DWZ (JUI) 教程 dwz框架刷新dialog解决方案
原文:DWZ (JUI) 教程 dwz框架刷新dialog解决方案在DWZ中进行ajax表单提交后,通过回调函数来返回状态结果,以及返回是否需要刷新父页的navTabId. DWZ给 ...

window.history 和 DWZ 框架

window.history 和 DWZ 框架相关推荐

最新文章

热门文章