IFrame跨域思路:假設有a.haorooms.com/text.html和b.haorooms.com/text.html兩個頁面,通過a.haorooms.com/text.html頁面去修改b.haorooms.com/text.html頁面的本地數據:
① 在a.haorooms.com/text.html頁面創建一個iframe,嵌入b.haorooms.com/text.html頁面。
② a.haorooms.com/text.html頁面通過postMessage傳遞指定格式的消息給b.haorooms.com/text.html頁面。
③ b.haorooms.com/text.html頁面解析a.haorooms.com/text.html頁面傳遞過來的消息內容,調用localStorage API 操作本地數據。
④ b.haorooms.com/text.html頁面包裝localStorage的操作結果,並通過postMessage傳遞給a.haorooms.com/text.html頁面。
⑤ a.haorooms.com/text.html頁面解析b.haorooms.com/text.html頁面傳遞回來的消息內容,得到 localStorage 的操作結果。
到此 Cookie 跨域解決方案(IFrame跨域)介紹完成。