利用window.name解决跨域问题

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

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

 

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

 

所在域

功能

页面A

sip0.site40.net

嵌入iframeB页面

页面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内存),在IE6FF2.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 属性。

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值