頁面區域性重新整理

2021-07-24 03:09:14 字數 436 閱讀 5952

場景:頁面a使用第三方外掛程式c,如果頁面重新整理,c會重新初始化並且無法記錄之前的資訊。現在希望頁面的主要功能區b重新整理,但是c的資訊不要丟失。

解決方案:b採用iframe方式引入到a中,b重新整理採用self.location.reload(),這時b內容重新整理,而a中除了b以外的其他內容保持不變。a需要重新整理可以使用top.location.reload()。

區域性重新整理一般就是採用ajax或者iframe(frameset)的方式,這裡之所以用iframe,是因為b中內容很多,用ajax控制起來比較麻煩。

demo:

a頁面:

框架外重新整理

b頁面:

框架內重新整理

關於iframe的高度自適應的文章,文章很早了,但是思路還是由很多用處的:

Js控制頁面重新整理(區域性重新整理 全頁面重新整理)

get方法,post方法,getjson方法,ajax方法如下 前兩種使用方法基本上一樣 get default.php function data getscript方法 getscript function 1000 animate 1000 getjson只是返回的資料型別不一樣 getjso...

跨頁面區域性重新整理

在子頁面修改父級頁面對應的,修改完成後父級頁面重新整理。專案遇到的問題是,父級頁面因為瀏覽器快取的原因,顯示還是修改之前的。解決辦法 加時間戳。直接上 新增時間戳 var gettimestamp newdate gettime 獲取父級頁面資訊 var body window.parent 拿父級...

jQuery子頁面重新整理父頁面 區域性重新整理 整體重新整理

用的是 window.open 方式開啟的視窗 風聲js的window外掛程式開啟子視窗 類似於window.open 用於重新整理父視窗整個頁面 window.parent.location.reload parent.subwindow add.close 風聲js的window外掛程式關閉視窗...