iframe下跨子域(或跨端口)传js对象问题

最近在折腾socket.io,因为想用NODEJS做聊天室嵌套在PHP程序里

而NODEJS做的聊天室是用bootstrap做的,为了避免css和js混杂

所以采用iframe嵌套页面放进PHP程序里,因NODEJS程序和PHP监听不同端口,故产生跨域问题

因此,有了一系列问题,算对iframe跨域有个新的认识。

我的跨域方法是采用设置document.domain

本来挺简单的事儿,不过到IE下就有问题了。。。

对于IE,如果iframe节点是写在文件里的,也没什么问题。

但我的项目是采用DWZ做的,DWZ对于IE保存ajax浏览记录,会利用动态建立个空iframe来保存浏览记录

IE下对于动态添加iframe,会使得iframe和父窗口之间无法访问。。。

如果是一般的字符串数据吧,通过url传递参数也行的,但如果是要传递js对象的话,此方法就行不通了。

网上找了一下,发现这里的解决方法是。

在iframe动态建立并添加到文档后,设置其src:

iframe.src="javascript:void((function(){var d=document;d.open();d.domain='"+
 document.domain +"';d.write('');d.close();})());";
我的实际环境:

PHP程序:localhost:80 这里的document.domain='loclahost';

NODEJS程序:localhost:8888 这里的document.domain='loclahost';

然后在需要动态建立iframe的地方加上以上代码,就可以解决。

如在iframe中的NODEJS程序需要访问PHP程序里的JS对象,用parent.var(var为window下的变量)即可获取

记录下,以防再犯。


转载于:https://my.oschina.net/arrowing/blog/106758

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值