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下的变量)即可获取

记录下,以防再犯。


你可能感兴趣的:(跨域,iframe,IE,domain)