最近在折腾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下的变量)即可获取
记录下,以防再犯。