如何讓兩個頁面跳轉但是不重新整理頁面。返回時前一個頁面開始選擇的資料還在
在點餐的時候,我們提交到確認訂單卻又返回了,從新再點。這時我們返回時就不能重新整理,所以最好是這個點餐和確認訂單是在一個頁面的。如果使用mui的單頁面,可能會是頁面太多了不方便操作。再加上介面什麼的,就內容過多。
我們可以考慮利用框架iframe,第二個頁面通過iframe引進來,但是注意他們可能是一個頁面了,當你進入第二個也就是那個iframe框架的頁面時,返回可能就是整體返回而忽視點餐的那個頁面,因為把他們當整體啦。
知識點:
window.self 對當前視窗自身的引用。等價於window
window.top. 返回頂層視窗,即瀏覽器視窗
window.parent 返回父視窗。在框架網頁中,一般父視窗就是頂層視窗,但如果框架中還有框架,父視窗和頂層視窗就不一定相同了。
在框架iframe指的那個具體的頁面中寫:
window.parent .closeiframe()
在包含框架的主頁面寫
function closeiframe(){//返回到該頁面時隱藏框架
$("iframe").hide();
}
返回父視窗。
相關文章
- asp.net中一個頁面跳轉,後一個頁面操作內容後返回先前頁面,並使得先前頁面資料重新整理ASP.NET
- 回退上一個頁面時如何保證之前的資料還在,即回退時不重新整理頁面
- 如何讓頁面跳出框架在一個新頁面開啟框架
- Flutter 從當前頁面進入一個新的頁面並返回Flutter
- js在一定時間內跳轉頁面及各種頁面重新整理JS
- js進入詳情頁再返回到上一個列表頁面時怎麼能讓原來頁面資料不變JS
- js頁面跳轉的問題(跳轉到父頁面、最外層頁面、本頁面)JS
- asyUI分頁中,如何實現頁面跳轉,再返回時,...UI
- 如何將一個HTML頁面巢狀在另一個頁面中HTML巢狀
- react跳轉url,跳轉外鏈,新頁面開啟頁面React
- Flutter:如何跳轉頁面?Flutter
- javascript頁面重新整理和跳轉JavaScript
- javascript控制頁面(含iframe進行頁面跳轉)跳轉、重新整理的方法彙總JavaScript
- vue頁面跳轉Vue
- Flutter頁面跳轉Flutter
- javascript 跳轉頁面JavaScript
- js頁面跳轉JS
- 讓頁面在指定時間之後跳轉程式碼
- Android 頁面跳轉傳遞引數及頁面返回接收引數Android
- Flutter頁面保活及保持頁面跳轉位置Flutter
- PHP頁面跳轉如何實現延時跳轉PHP
- 成品直播原始碼,html頁面點選按鈕實現頁面跳轉的兩種方法原始碼HTML
- 小程式頁面返回重新整理資料onLoad和onShow頁面傳參解決
- nginx 設定 404 500 頁面跳轉到指定頁面Nginx
- JavaScript 頁面跳轉效果JavaScript
- router跳轉page頁面
- weex生成的單頁應用嵌入app中,點選物理返回鍵時如何返回上一個路由頁面,而不是直接退出單頁應用,回到原生app頁面APP路由
- ASP.NET頁面重新整理和定時跳轉ASP.NET
- 如何使用jquery重新整理當前頁面jQuery
- js跳轉頁面方法(轉)JS
- SpringMVC之返回頁面資料SpringMVC
- SpringBoot在controller返回一個HTML頁面Spring BootControllerHTML
- 倒數計時一定時間跳轉到另一個頁面
- 短視訊app開發,點選跳轉到另一個頁面時的過場動畫APP動畫
- JavaScript頁面跳轉程式碼JavaScript
- ios跳轉到通用頁面iOS
- [分享]iOS開發-頁面間跳轉iOS
- JS頁面重新整理保持資料不丟失JS