頁面A:頁面B,你能傳個數據給我嗎?
頁面B:額,我們不在同一個域內,因為涉及到WEB安全問題,所以瀏覽器禁止我直接向你傳數據。
頁面A:有什么辦法可以解決這個問題嗎?
頁面B:可以使用window.name。
頁面A:那你需要我做些什么?
頁面B:1.你先動態創建一個iframe節點;
2.設置節點屬性src指向我;
3.我會設置window.name = ’b’;
4.然后你重新設置節點iframe的屬性src指向和你在同一個域下的兄弟頁面C;
5.雖然屬性src的值變了,但是window.name的值并沒有變,還是b,
這樣你就可以直接從頁面C中獲取數據b了。
頁面A:明白了,這樣就從跨域訪問變成了同域訪問。
頁面B:是的。對了,這里的頁面C沒有實際的內容,只是起到一個橋梁的作用噢。
<!--頁面A-->
<script>
var state = 0;
ifr = document.createElement(’iframe’);
ifr.src = ’http://www.yijialight.com/’;
if(ifr.attachEvent) {
ifr.attachEvent(’onload’, loadfn);
}
else
{
ifr.onload = loadfn;
}
function loadfn() {
if (state === 1) {
var data = ifr.contentWindow.name;
alert(data);
}
else if (state === 0)
{
state = 1;
ifr.contentWindow.location = "http://www.yijialight.com/";
}
};
document.body.appendChild(ifr);
</script>
<!--頁面B-->
<script>
window.name = ’b’;
</script>
【 微信掃一掃 】