Html5頁面返回機制解決方案

2022-04-05 04:19:36 字數 411 閱讀 2061

需要處理的返回場景:

1.正常的a->b->c

2.頁面上的按鈕觸發需要登陸

3.頁面跳轉需要登陸

4.頁面上的可修改的部分(如選擇位址,位址頁面本身也是可以增刪改查的)

整體的原則是原路來原路回

第乙個場景不需要考慮,history.go(-1)就ok,第二個場景登陸成功之後使用history.go(-1),第三個場景複雜點需要在登陸成功之後先修改當前頁面的url,然後再做一次reload,當然也可以使用localtion.replace,對於第四個場景,難點在於選擇完位址之後需要回來主頁面且把相應的引數新增到主頁面中,引數放入localstorage,使用replacestatus替換當前url。

還有一種比較優雅的方式,就是把登陸等做成彈出框的形式,這樣可以完美的避開各種返回問題。元件形式開發。

HTML5頁面增強元素

5增強的頁面元素 1.details元素和summary元素 details語義 詳情 summary語義 概要,簡要 details元素可以實現類似顯示 隱藏的功能。summary用於顯示details的標題或者間接。注意 1.如果details下沒有summary元素,瀏覽器會自動新增,同時內容...

html5頁面載入改背景

關於我的頁面在載入的時候需要進行通過js進行判斷進行啟動背景的啟動控制,特此備註 if clientname yigui else 通過jquery 可以進行直接更改樣式 var thisw window.innerwidth document.documentelement.clientwidth...

HTML5頁面檔案的基本結構

html頁面是靜態的,從頭到尾都沒有程式的執行,不經過伺服器處理就呈現給瀏覽者。doctype html utf 8 文章標題 title head body html 不是html標記,對大小寫不敏感。必須位於html文件第一行,用來告訴web瀏覽器當前頁面使用哪個版本 此標記限定了文件的開始和結...