掃一掃
服務(wù)近2000家企業(yè)，依托一系列實踐中打磨過的技術(shù)和產(chǎn)品，根據(jù)企業(yè)的具體業(yè)務(wù)問題和需求，針對性的提供各行業(yè)大數(shù)據(jù)解決方案。
JS+HTML5實現(xiàn)多域名本地共享數(shù)據(jù)
來源：未知 時間：2021-39-16 瀏覽次數(shù)：115次
1.A域名，利用iframe存儲數(shù)據(jù)，一般為用戶登錄界面
www.xx.com.cn/testhtml5store.html
<!DOCTYPE html> <html> <head> <title>HTML5存儲本地信息</title> </head> <body> <iframe id="myframe" hidden src=""></iframe> HTML5存儲本地信息 <script src="http://101.200.89.239/js/jquery.js"></script> <script type="text/javascript"> //添加key-value 數(shù)據(jù)到 sessionStorage var datas = "goumingqiang test save lacal data"; localStorage.setItem("demokey", datas); $("#myframe",parent.document.body).attr("src","http://cy.mmarri.com.cn/testhtml5/teststore.php?savestroge="+datas); </script> </body> </html>
2.B域名通過A域名下的頁面ifreame的訪問存儲數(shù)據(jù)
http://www.xx.com/testhtml5/teststore.php?savestroge="+datas
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>save data</title> </head> <body> save data <script src="http://101.200.89.239/js/jquery.js"></script> <script type="text/javascript"> localStorage.setItem("demokey","asdasf"); //localStorage.clear(); </script> </body> </html>
3.B域名其他頁面獲取存儲的本地數(shù)據(jù)
www.xx.cn/testhtml5/getlocaldata.html
<!DOCTYPE html> <html> <head> <title>HTML5存儲本地信息</title> </head> <body> HTML5存儲本地信息 <script src="101.200.89.239/js/jquery.js"></script> <script type="text/javascript"> var datas = localStorage.getItem("demokey"); alert(datas); </script> </body> </html>