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

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/258132.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/258132.shtml
英文地址,請注明出處:http://en.pswp.cn/news/258132.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

大道至簡(第六章)讀后感

大道至簡(第六章)讀后感 還是不樂意去讀,但總算可以耐心的讀下去了,這也許也算是讀大道至簡以來的收獲之一吧。第六章的題目是從編程到工程,看到工程二字,讓我不由想起了前幾天和高中同學聊天。他報的燕大土…

遏止個人信息泄露亟待立法跟進

據報道,近日全國30個省份275位艾滋病感染者稱接到了詐騙電話,艾滋病感染者的個人信息疑似被大面積泄露。無獨有偶,近日票務網站大麥網因賬號信息被竊取,間接導致全國多地用戶受騙。目前至少有17名受害者,被騙至少54萬元…

確認類是否可以在運行期使用

問題: 你正在使用最新版的 SDK 中的一些類,但是你不確定這些類是否能在你程序運行的設 備中可用,因為有可能你部署的目標設備要比最新版 SDK 早。 方案: 用NSClassFromString函數. 傳入類的名稱字符串符。若是返回值為空(nil),則表示這個類無法在這臺設備上使用;反之,這個類則…

最新hosts,更新hosts,可用

點擊這里,全選后復制,粘貼到C:\Windows\System32\drivers\etc的hosts里面,把原來的置換了轉載于:https://www.cnblogs.com/zzw1994/p/4940924.html

酒店業解決方案

思科業務就緒酒店解決方案,為酒店的經營和管理提供一個高效率、高盈利、且可不斷發展和改進的平臺,幫您重建酒店競爭優勢,為酒店帶來意想不到的轉變! 思科酒店行業解決方案更加融合的思科網絡在改善酒店的運營和員工生產率&#x…

配置SQL Server 2012 AlwaysOn ——step1 建立AD域及DNS配置

需要三臺安裝好windows server 2008 R2 sp1的虛擬機服務器SQLTESTDNS,SQLTESTMAIN,SQLTESTSUB,以SQLTESTMAIN為主數據庫及群集服務器,SQLTESTDNS為DNS及域服務器 1.在SQLTESTDNS的服務器管理器內設置靜態IP地址192.168.10.1,DNS為127.0.0.1&a…

lintcode:遞歸打印數字

題目 用遞歸打印數字 用遞歸的方法找到從1到最大的N位整數。 樣例 給出 N 1, 返回[1,2,3,4,5,6,7,8,9]. 給出 N 2, 返回[1,2,3,4,5,6,7,8,9,10,11,...,99]. 注意 用下面這種方式去遞歸其實很容易: recursion(i) {if i > largest number:returnresults.add(i)r…

做免費的EDM,EmailCar看中的是挖掘數據的價值

從2008年開始,做了9年企業級EDM(電子郵件營銷)服務的陸霏近日宣布,他們的產品EmailCar從4.0版本開始永久免費為企業提供電子郵件基礎投遞業務。 我們電子郵箱經常收到的推廣郵件就屬于EDM,即Email Direct Marketing。這…

java 讀取split_Java報錯系列——split

在String中,split方法如下:可見,split的核心在于Pattern.compile(regex).split(this, limit);Java提供Pattern,Matcher用于支持正則,可以看一個例子:運行結果是:0,1||3,4|ab|7,8|cef|8,9||11,12|kk|13,14|a|需要注意的…

VS2012生成事件

Visual Studio 事件生成功能對我們開發綜合項目的過程中尤為重要。 下面以VS2012為例: 選擇工程-> 屬性->編譯->生成事件 包括兩個生成事件:預先生成事件和后期生成事件 直接在相應的文本框里編寫寫腳本即可,如:編譯完成…

H3C Navigate 2017 | 拉近世界的距離 新華三的泛聯接版圖

就今天而言,聯接世界的網絡外延已經無限擴大,聯接的方式也越來越復雜。從互聯網時代的PC互聯,演進到移動互聯網時代手機等移動終端的互聯,而即將大規模爆發的物聯網應用時代,所有的事物都可能被連入網絡,一…

java gc log調優_Java 開啟 gc 日志

構建一個 jar 包程序使用 Spring Boot 構建一個簡單的 web 程序,可以直接使用 java -jar 來啟動。RestControllerRequestMapping("/root")SpringBootApplicationpublic class SbDemoApplication {public static void main(String[] args) {SpringApplicat…

大數據時代的公共安全治理

未來,大數據將成為社會基礎設施的一部分,跟公路、自來水、電一樣,成為人們生活不可或缺的一部分。但大數據的作用并不僅僅局限于為普通消費者提供生活必須服務,它已經開始在信息產業、公共安全、交通運輸、金融、水利等領域中發揮…

CCNA第二講筆記

網絡定義:一組由介質(線纜)互聯的網絡設備(路由器、交換機)和終端系統(PC); 工作組:局域網范疇,范圍最小的局域網,且不涉及網絡設備。臺式機需要有…

晶科電力打造山東省最大物流港分布式光伏項目

近日,晶科電力有限公司宣布,由該公司投建的山東省最大物流港分布式光伏項目已破土動工,成為山東省又一標志性光伏項目。 該項目裝機量為6兆瓦,占用物流港廠房屋頂面積約68330平方米,平均每年發電量約601.22萬kWh&#…

服務器資源管理器視圖的添加顯示的步驟

MVC視圖查看數據庫表結構時,通常會打開服務器資源管理器視圖,在服務器資源管理器視圖中能查看表的數據集及表結構 打開的方法為: ①可使用快捷鍵: ctrlaltS ②也可添加“服務器資源管理器視圖”到“視圖”工具菜單,做法…

java中怎么用代碼打出ASCII碼字符_JAVA實現打印ascii碼表代碼

我就廢話不多說了&#xff0c;大家還是直接看代碼吧~package com.jalor;public class AAAA {public static void main(String[] args) {outputA(65);outputA(97);}// 打印ascii碼表public static void outputA(int count){for (int i 0; i < 26; i) {System.out.print((cha…

javascript this指針指向?

前言 理解javascript的指針就需要先了解js的執行環境和作用域&#xff01;執行環境的定義了變量或函數有權訪問的其他數據&#xff0c;決定了它們各自的行為。每個執行環境都有一個與之關聯的變量對象&#xff0c;環境中定義的所有的變量和函數都保存在這個對象中。雖然我們編寫…

能源局將提高光伏“領跑者”項目技術指標

記者從權威渠道獲悉&#xff0c;國家能源局正計劃對光伏“領跑者”中有關單多晶的轉換效率標準等細節進行修改。“領跑者”計劃中&#xff0c;光電轉換效率的修訂工作將在今年3月底展開&#xff0c;主要向各大相關機構、企業征求意見&#xff0c;如果爭議較多&#xff0c;定稿時…

phpize增加php模塊

一&#xff0c;phpize的好處 什么時候我們要用phpize呢&#xff1f;我們在安裝php時&#xff1a; ./configure --prefix/usr/local/php --with-mysql/usr/local/mysql --with-zlib-dir --with-freetype-dir/usr --with-jpeg-dir/usr --with-png-dir/usr --enable-gd-native-ttf…