介紹H5 history物件中的屬性和方法

2021-09-24 07:53:55 字數 775 閱讀 6042

本文是因為在專案中因為多個頁面鏈結同乙個頁面導致的路由跳轉問題,學習了一波history

history.back(): 返回上乙個頁面,但是此方法是從瀏覽器快取中去讀取頁面,因此返回的頁面不會再次的去請求介面。

history.forword():移動到下乙個頁面,相當於瀏覽器的前進按鈕

history.go(index):接受引數,正數為前進index步,負數為後退index步

前進後退的依據為:history堆疊。 堆疊中記載了所有你訪問過的頁面的記錄

length:表示會話歷史中元素的數目,包括當前載入的頁

statue:表示歷史堆疊頂部的狀態的值

history.pushstate(data, title [, url]):往歷史記錄堆疊頂部新增一條記錄。data會在onpopstate事件觸發時作為引數傳遞過去;title為頁面標題,暫時不可用;url為頁面位址,可選,預設為當前頁位址。

history.replacestate(data, title [, url]):更新歷史棧上最新的入口。引數同上

1.當活動歷史記錄條目更改時,將觸發popstate事件。如果被啟用的歷史記錄條目是通過對history.pushstate()的呼叫建立的,或者受到對history.replacestate()的呼叫的影響,popstate事件的state屬性包含歷史條目的狀態物件的副本。

h5中的列表

有序列表 顯示 填寫資訊 收電子郵件 註冊成功 無序列表 顯示 從 和顯示結果可以看出二者的區別,ul是寫專案的時候很常用的。還有一種就是 定義列表 標題 描述.顯示 商品名稱 商品 商品簡介 煙台高校 工商學院 煙台大學 魯東大學 跟其類似還有一種列表,不過不常見 定義描述標籤 組合標籤 顯示 分...

H5拖拽的file物件與blob物件

file物件可以用來獲取某個檔案的資訊,還可以用來讀取這個檔案的內容。通常情況下,file物件是來自使用者在乙個 元素上選擇檔案後返回的filelist物件,也可以是來自由拖放操作生成的 datatransfer物件。使用者在選擇乙個或者多個檔案後,可以通過file api訪問這些file物件,這些...

H5中的web儲存

早期的的儲存通常使用cookie儲存在使用者的客戶端,並隨瀏覽器的請求一起傳送到伺服器的,它有一定的過期時間,過期後自動消失,也制約其發展的因素。1.html5的web儲存功能是讓網頁在使用者計算機上儲存一些資訊。web儲存又分為兩種 1 本地儲存,對應 localstorage 物件。用於長期儲存...