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