關於html頁面之間傳值的幾種方式

2021-09-17 07:21:46 字數 1293 閱讀 5367

cookie能夠儲存少量資料到客戶端的磁碟中，特定的網頁之間是可以共享cookie中的資料。

注意：需要執行在伺服器上訪問頁面 還需要引入jquery 和cookie的js檔案；

window.open可以開啟乙個新的頁面，在新的頁面中可以通過window.opener獲取父頁面的視窗物件，從而可以獲取父視窗中的引數。

開啟新的頁面
在html5中，新加入了乙個localstorage特性，這個特性主要是用來作為本地儲存來使用的，解決了cookie儲存空間不足的問題(cookie中每條cookie的儲存空間為4k)，localstorage中一般瀏覽器支援的是5m大小，這個在不同的瀏覽器中localstorage會有所不同。此方法類似cookie，將資料存在乙個公共的地方，實現頁面之間傳值。

a.html

第乙個頁面通過value傳遞引數

b.html

第乙個頁面在頁面跳轉的過程中,把引數傳遞到window.location.href,然後在第二個頁面裡開啟瀏覽器控制台檢視window.location.href,可以看到傳遞過來的資料:

對於不同的解決方法，都有優缺點

1、url攜帶引數

優點：取值方便，可以跨域，利於頁面分享，沒有環境限制。

缺點：url攜帶引數值的長度有限制。

2、cookie方式

優點：可以在同源內的的任意網頁中訪問，儲存資料的週期可以自由設定。

缺點：有長度限制。

3、設定視窗之間的父子關聯關係

優點：取值方便.只要window.opener指向父視窗,就可以訪問所有物件.不僅可以訪問值,還可以訪問父視窗的方法.值長度無限制。

缺點:兩視窗要存在著關係.就是利用window.open開啟的視窗。不能跨域。

4、h5技術，window.localstorage儲存資料

優點：儲存空間大，有5m儲存空間。

缺點：不是所有瀏覽器都支援。

**：

php頁面之間傳值 PHP頁面間傳值的幾種方法

方法一 require once page a a hello page b require once a.php echo a.world 訪問b.php會得到 hello world！方法二 通過頁面跳轉時攜帶引數傳值 page a a world 點我跳到b.php page b echo h...

HTML頁面之間跳轉與傳值

跳轉的方法如下 方法一 window.location.href b.html window.history.back 1 方法三 self.location b.html 方法四 top.location b.html 有關問題的思考 第一，為什麼給window.location和window.l...

html頁面傳值

html頁面傳值 一是資料掛載 區域性載入方式 二是a標籤方式 三是window.location.href方式 1.資料掛載，區域性載入方式 在父標籤中繫結要傳遞的引數 container fluid data id ids 0 通過後台跳轉頁面 var url user edit.do 或直接指...