頁(yè)面A：頁(yè)面B，你能傳個(gè)數(shù)據(jù)給我嗎？
頁(yè)面B：額，我們不在同一個(gè)域內(nèi)，因?yàn)樯婕暗絎EB安全問(wèn)題，所以瀏覽器禁止我直接向你傳數(shù)據(jù)。
頁(yè)面A：有什么辦法可以解決這個(gè)問(wèn)題嗎？
頁(yè)面B：可以使用window.name。
頁(yè)面A：那你需要我做些什么？
頁(yè)面B：1.你先動(dòng)態(tài)創(chuàng)建一個(gè)iframe節(jié)點(diǎn)；
2.設(shè)置節(jié)點(diǎn)屬性src指向我；
3.我會(huì)設(shè)置window.name = ’b’；
4.然后你重新設(shè)置節(jié)點(diǎn)iframe的屬性src指向和你在同一個(gè)域下的兄弟頁(yè)面C；
5.雖然屬性src的值變了，但是window.name的值并沒(méi)有變，還是b，
這樣你就可以直接從頁(yè)面C中獲取數(shù)據(jù)b了。
頁(yè)面A：明白了，這樣就從跨域訪問(wèn)變成了同域訪問(wèn)。
頁(yè)面B：是的。對(duì)了，這里的頁(yè)面C沒(méi)有實(shí)際的內(nèi)容，只是起到一個(gè)橋梁的作用噢。
<!--頁(yè)面A-->
<script>
var state = 0;
ifr = document.createElement(’iframe’);
ifr.src = ’http://m.927caipiao.cn/’;
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://m.927caipiao.cn/";
}
};
document.body.appendChild(ifr);
</script>
<!--頁(yè)面B-->
<script>
window.name = ’b’;
</script>
【 微信掃一掃 】
