如何用opener hack方式實(shí)現(xiàn)IE6,7完美跨域
2022-07-17 分類： 網(wǎng)站建設(shè)
有時(shí)我們做一個(gè)項(xiàng)目時(shí)，有需要跨域請(qǐng)求和處理一些大數(shù)據(jù)量得數(shù)據(jù)，對(duì)于服務(wù)端提交的數(shù)據(jù)非常的之大，get的URL長(zhǎng)度限制滿足不了需求，又由于跨域的影響，一直很頭痛數(shù)據(jù)傳輸?shù)膯栴}。于是乎，上網(wǎng)搜了搜一些跨域的解決方案，無非了iframe嵌iframe，通過window.name或者h(yuǎn)ash，做跳板，都受到url長(zhǎng)度的限制，不是很理想。我們都知道在HTML5中，提供了一種postMessage的消息機(jī)制，可以在不同域的頁面上，互相通過window.postMessage(datastring,’limitDomain’)的方式傳遞消息。在需要觸發(fā)的頁面注冊(cè)onMessage事件，event的data屬性就是傳遞datastring文本。再配合老道的JSON.parse就可以好的傳遞json格式的對(duì)象了?？上У氖悄壳癙ostMessage只在IE8，F(xiàn)F和Chrome現(xiàn)版本提供了實(shí)現(xiàn)。對(duì)于老版本的IE6,7沒有提供實(shí)現(xiàn)。
于是在google搜索的時(shí)候，無意中發(fā)現(xiàn)某高人的Blog提供了一種稱之為IE6,7 opener hack的方式實(shí)現(xiàn)跨域，據(jù)說是google的工程師率先發(fā)現(xiàn)的這個(gè)bug，fackbook的登陸頁面就是利用了這個(gè)bug實(shí)現(xiàn)了postMessage的跨域。
可惜，google了半天，詳細(xì)資料基本找不到，也沒有找到一個(gè)具體的例子，于是自己搗鼓了一下，寫了個(gè)例子，放上來。
下面我們來看下，如何利用這個(gè)bug的例子
hosts配置
1: 127.0.0.1 www.a.com 2: 127.0.0.1 www.b.comtest.htm
1:<html> 2:<body> 3:<iframeid="a"src="http://www.b.com/test1.htm">iframe> 4:<script>1: 2:var i=document.getElementById('a'); 3: i.contentWindow.opener={ 4: dd:function(str){ 5:var div=document.createElement('div'); 6: document.body.appendChild(div); 7: div.innerHTML=str; 8: } 9: } 10: setTimeout(function(){ 11: opener.bb('bbbbbbb'); 12: },300) 13:script> 5:body> 6:html>test1.htm
1:<html> 2:<body> 3: 4:<script>1: 2: window.opener.dd('aaaaaaaaa'); 3: parent.opener={ 4: bb:function(str){ 5:var div=document.createElement('div'); 6: document.body.appendChild(div); 7: div.innerHTML=str; 8: } 9: }script> 5:body> 6: 7:html>我們可以看到，在IE6,7下，只要重置了window對(duì)象的opener為一個(gè){}對(duì)象，在父頁面設(shè)置了iframe的window.opener為一個(gè){}之后，在iframe里面就可以通過opener調(diào)用parent的方法，在iframe重置parent.opener為一個(gè){}對(duì)象之后，在parent就可以調(diào)用iframe的方法。
*還有一種說法是可以設(shè)置opener為function(){}，通過new opener()來調(diào)用
總結(jié)，通過IE6,7的hack，我們可以比較好的實(shí)現(xiàn)postMessage在各大主流瀏覽器的兼容，以后跨域又多了一項(xiàng)利器。不過比較遺憾的事，重置opener之后，對(duì)于window.open打開的窗口，就不能很好的操作了。
成都網(wǎng)站建設(shè) 相關(guān)閱讀：Chrome瀏覽器全球份額首次超過IE 但僅保持一天
網(wǎng)頁標(biāo)題：如何用opener hack方式實(shí)現(xiàn)IE6,7完美跨域
文章出自：http://chinadenli.net/news6/180056.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供虛擬主機(jī)、網(wǎng)頁設(shè)計(jì)公司、建站公司、微信小程序、關(guān)鍵詞優(yōu)化、App開發(fā)
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- 社群營(yíng)銷新方法,有效的社群營(yíng)銷方案 2022-07-17
- 淺談網(wǎng)絡(luò)營(yíng)銷中郵件群發(fā)出現(xiàn)的問題 2022-07-17
- 關(guān)于商城網(wǎng)站系統(tǒng)建設(shè)知識(shí) 2022-07-17
- 網(wǎng)站建設(shè)不可抗拒目的有哪些好處 2022-07-17
- 網(wǎng)站推廣方式和網(wǎng)站推廣方法 2022-07-17
- 成都網(wǎng)站建設(shè)中怎樣提高網(wǎng)站質(zhì)量 2022-07-16
- 怎樣選擇比較好的公司設(shè)計(jì)網(wǎng)站 2022-07-17
- 網(wǎng)站死鏈接檢測(cè)與完美處理方法 2022-07-17
- 成都營(yíng)銷推廣，讓品牌更具傳播價(jià)值 2022-07-17
- 網(wǎng)站除了文字內(nèi)容是用戶點(diǎn)擊的主要原因外 還有別的嗎 2022-07-17
- 解析網(wǎng)站運(yùn)營(yíng)的目標(biāo)導(dǎo)向如何建立 2022-07-17
- 高端網(wǎng)站建設(shè)要具備哪些條件 2022-07-17
- 中國(guó)工程院院士鄔賀銓：我國(guó)5G資費(fèi)其實(shí)比4G便宜，近期5G資費(fèi)不會(huì)下降 2022-07-17
- SEO中的靜態(tài)網(wǎng)頁和動(dòng)態(tài)網(wǎng)站有什么優(yōu)勢(shì) 2022-07-16
- SEO實(shí)戰(zhàn)技法-如何做友情鏈接 2022-07-16
- 從史玉柱軟文炒作八十字訣談網(wǎng)站內(nèi)容優(yōu)化 2022-07-16
- 網(wǎng)站建設(shè)時(shí)加入博客的好處 2022-07-16
- 域名投資技巧？ 2022-07-16
- 成都高端網(wǎng)站建設(shè) 2022-07-16