js跨站之 window.name方法

最新推荐文章于 2025-06-24 14:30:11 发布

原创最新推荐文章于 2025-06-24 14:30:11 发布 · 941 阅读

1 ·

CC 4.0 BY-SA版权

javascript高级程序设计专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种利用window.name属性实现跨域数据获取的方法。该方法兼容性好，能传输的数据大小可达2M，适用于大多数应用场景。通过一个具体的HTML示例展示了如何设置与读取跨域数据。

通过window.name方法进行跨站获取数据，兼容性良好，数据大小最大为2M，一般够用

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>

</head>
<body>

function getData(){
var proxy = document.getElementById("proxy");
proxy.onload = function(){
var data = proxy.contentWindow.name;
data = JSON.parse(data);
alert(data.name);
}
proxy.src="b.html";
}
</script>
<iframe id="proxy" src="http://czxxh1.sinaapp.com/publicJs/data.html" style="display:none" onload="getData()"></iframe>
</body>

</html>

data.html内容

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>window.name跨域</title>
</head>
<body>
<script type="text/javascript">
var data ={
name:"fangdown",
age:30
}
window.name =JSON.stringify(data);
</script>
</body>
</html>