window.name 跨域

本文介绍了一种使用window.name属性结合代理页面(proxy.html)来实现跨域数据传输的方法。该方法利用iframe加载不同源页面时name属性不变的特点,通过预设的代理页面绕过浏览器的同源策略限制,实现跨域数据的传递。此技术适用于需要进行简单数据交换的场景。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

window.name跨域的基础是:iframe页面在其url改变的时候,不会改变name的数据,
从而通过proxy页面(与应用页面相同域名)的跳转,绕过跨域的限制。

[b]name传输的数据,大小一般为2M,IE和firefox下可以大至32M左右。[/b]


CrossDomain = {
// 设置的代理文件
proxy: 'http://shawn.a.com:1234/proxy.html',

/**
*@param {String} url 接口
*@param {Function} callback 回调函数,可选。
*/
getData: function(url,callback){
var state = 0,
iframe = document.createElement('iframe');
iframe.id = "CrossDomainIfrme";
function loadfn() {
if (state === 1) {
// 读取数据
callback && callback(iframe.contentWindow.name);
destroy();
} else if (state === 0) {
state = 1;
iframe.contentWindow.location = CrossDomain.proxy;
}
}
function destroy(){
iframe.contentWindow.document.write('');
iframe.contentWindow.close();
document.body.removeChild(iframe);
}
iframe.src = url;
if (iframe.attachEvent) {
iframe.attachEvent('onload', loadfn);
} else {
iframe.onload = loadfn;
}
document.body.appendChild(iframe);
}

}


[b]
proxy.html 只是一个空页面[/b]


<!DOCTYPE html>
<html><head><title></title><meta charset="utf-8"></head><body></body></html>



[b]获取数据的接口,需要返回一个页面,例如:[/b]


<!DOCTYPE html>
<html><head><title></title><meta charset="utf-8">
<script>
window.name = 'I set data!'; //这里把数据放到name里面
</script>
</head><body></body></html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值