实战window.name解决跨域问题

最新推荐文章于 2024-11-26 06:10:35 发布

x_yp

最新推荐文章于 2024-11-26 06:10:35 发布

阅读量1.9k

点赞数

分类专栏：软件解决方案文章标签： iframe javascript .net 测试 web 浏览器

软件解决方案专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一种使用window.name属性实现跨域数据传递的方法。通过在一个iframe中设置window.name，然后重定向到另一个域的页面来读取该值，从而实现跨域通信。

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

原文：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>

</head>

<body>

</body>

</html>

B 页面：

<html>

<head>

</head>

<body>

<!—

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>

</head>

<body>

<!–

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 属性。