您的位置：首页 > 其它

利用window.name解决跨域问题

2011-03-22 18:29 387 查看

原文：http://www.alisdn.com/wordpress/?p=433

之前在怿飞的博客上看到一篇关于window.name解决跨域问题的文章，给web前端的跨域问题提供了另外一种选择，但是里面的例子写得不是很简洁，这里从一个简单的例子，来说明该机制的应用。具体的机制说明可以参考http://www.planabc.net/2008/09/01/window_name_transport/

该例子准备了3个页面，分别为A、B、C。A是主页面，里面嵌入了一个iframe：B页面。B页面对window.name进行赋值，接下来重定向到C页面。C页面在另外一个域里面，它的功能就是读取出B页面写入的window.name，具体如下：

	所在域	功能
页面A	sip0.site40.net	嵌入iframe，B页面
页面B	sip0.site40.net	设置window.name，重定向到C页面
页面C	sip0.9ix.net	读取window.name，展示出来

通过在B页面写入window.name来传递文本给另外一个域的C页面，通过这样的方式，实现跨域页面的信息传递。

代码如下：
A页面：
<html>
<head>
<title> Page A</title>
</head>

<body>
<iframe src=”B.html” />
</body>
</html>

B页面：
<html>
<head>
<title> Page B </title>
</head>

<body>
<script language=”JavaScript”>
<!—

var a = [];
for (var i = 0;i < 10; i++){
a.push(’xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx’+i);
}
window.name= a.join(”); //写入window.name，这里可以写入一个比较大的值
this.location = ‘http://sip0.9ix.net/C.html’;
//–>
</script>
</body>
</html>

C页面：
<html>
<head>
<title> Page C </title>
</head>

<body>
<script language=”JavaScript”>
<!–
document.write(window.name);//读出window.name，并写到页面上
//–>
</script>
</body>
</html>

可以看到C页面正常输出了B页面写入的window.name。并且能支持的值比较长，经实例测试，已经超过3M（机器配置：T5500@1.66GHz， 2G内存），在IE6，FF2.0测试正常通过。

个人小结：
这是一个例子说明了用window.name解决跨域问题是可行的，对于实际的运行可参见下图：
原文：http://www.cnblogs.com/chinafine/articles/1835260.html

name 在浏览器环境中是一个全局/window对象的属性，且当在 frame 中加载新页面时，name 的属性值依旧保持不变。通过在 iframe 中加载一个资源，该目标页面将设置 frame 的 name 属性。此 name 属性值可被获取到，以访问 Web 服务发送的信息。但 name 属性仅对相同域名的 frame 可访问。这意味着为了访问 name 属性，当远程 Web 服务页面被加载后，必须导航 frame 回到原始域。同源策略依旧防止其他 frame 访问 name 属性。一旦 name 属性获得，销毁 frame 。

在最顶层，name 属性是不安全的，对于所有后续页面，设置在 name 属性中的任何信息都是可获得的。然而 windowName 模块总是在一个 iframe 中加载资源，并且一旦获取到数据，或者当你在最顶层浏览了一个新页面，这个 iframe 将被销毁，所以其他页面永远访问不到 window.name 属性。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航