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