1. 程式人生 > >純前端,html頁面間傳值方式:

純前端,html頁面間傳值方式:

純前端,html頁面間傳值方式:


1、使用window.location的href屬性,等於重新重新整理頁面,必須是get請求,post請求需要服務端解析,post是用來客戶端服務端傳遞資料
window.location.href=”b.html?valus=parm”; 傳值端
window.location.search; 接收端

2、 cookie ,window.localStorage(需要考慮相容),利用瀏覽器儲存傳值,頁面需要同源,不能在不同的瀏覽器之間如此(也即頁面不能分享)。

3、通過URL中傳標示,從應用的快取中傳值。和方式1類似,值不會暴露在URL中。

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

5、window.postMessage 傳值,HTML5新特性,需考慮相容