如何用opener hack方式實現(xiàn)IE6,7完美跨域

2022-07-17    分類: 網(wǎng)站建設(shè)

有時我們做一個項目時,有需要跨域請求和處理一些大數(shù)據(jù)量得數(shù)據(jù),對于服務(wù)端提交的數(shù)據(jù)非常的之大,get的URL長度限制滿足不了需求,又由于跨域的影響,一直很頭痛數(shù)據(jù)傳輸?shù)膯栴}。于是乎,上網(wǎng)搜了搜一些跨域的解決方案,無非了iframe嵌iframe,通過window.name或者h(yuǎn)ash,做跳板,都受到url長度的限制,不是很理想。我們都知道在HTML5中,提供了一種postMessage的消息機制,可以在不同域的頁面上,互相通過window.postMessage(datastring,’limitDomain’)的方式傳遞消息。在需要觸發(fā)的頁面注冊onMessage事件,event的data屬性就是傳遞datastring文本。再配合老道的JSON.parse就可以好的傳遞json格式的對象了??上У氖悄壳癙ostMessage只在IE8,F(xiàn)F和Chrome現(xiàn)版本提供了實現(xiàn)。對于老版本的IE6,7沒有提供實現(xiàn)。


于是在google搜索的時候,無意中發(fā)現(xiàn)某高人的Blog提供了一種稱之為IE6,7 opener hack的方式實現(xiàn)跨域,據(jù)說是google的工程師率先發(fā)現(xiàn)的這個bug,fackbook的登陸頁面就是利用了這個bug實現(xiàn)了postMessage的跨域。

可惜,google了半天,詳細(xì)資料基本找不到,也沒有找到一個具體的例子,于是自己搗鼓了一下,寫了個例子,放上來。

下面我們來看下,如何利用這個bug的例子

hosts配置

1: 127.0.0.1 www.a.com 2: 127.0.0.1 www.b.com

test.htm

1: 2: 3:iframe> 4: