二级域名相同的情况下子页面调用父页面的js方法
这两天项目遇到这种需求。项目是一个平台级系统，其中嵌入了多款应用。在平台上可以使用这些应用操作业务。
现在产品提出了个需求：即在A应用中需要调用js方法来打开B应用。
处理方法是：平台js中给出个打开B应用的方法，由应用A调用这个方法。
1、平台有个公用的js，在js中添加一条语句：
document.domain = "testxxx.com";
然后添加一个js方法，如：
function openB(){ //do sthing.....}
2、A应用需要做的事情：
1、添加js：
document.domain = "testxxx.com";
2、在需要调用的位置上调用平台的openB方法来打开B应用：parent.window.openB();
注意：平台与应用之间设置的document.domain需要一样，并且平台及应用的域名都要有相同的二级域名，否则应用是调用不了平台的方法的。
----------------------------------------分割线----------------------------------------------
然而，以上虽然满足了需求，但方式并不是最好的。
更简单也更为方便的方法是：平台暴露一个js,若其他应用要想操作平台暴露的js方法，则只需要引用平台的js文件，然后调用平台的js方法。
现在的处理方式是：平台写个js文件，如open.js：
2 var open = {
3 /*打开应用的方法*/
4 openAPP:function(B){
5 //do sth...
parent.window.openAPP();
//具体的方法可以写在平台公用的js文件中，这里直接引用。这样可减少暴露的细节处理
6 },
7 /*其他的方法*/
8
9 };
应用A的操作是：
1、引用平台的open.js文件
2、调用open.js的方法：open.openAPP(B);
由此可以看出：后一种方法对于应用A来说操作更方便，只需引入js文件，调用里面的方法即可。
在开发的过程中，当发觉调用稍微有点麻烦时，或者代码复制粘贴超过几处了，就要考虑是否可以封装成更好的方式。
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
