原文: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 属性。