由于浏览器（同源策略）限制，javascript 跨域的问题，一直是一个颇为棘手的问题。html5 提供了跨文档消息传输的功能，在网页文档之间互相接收与发送信息。使用这个功能，不仅同源（域 + 端口号）的 web 网页之间可以互相通信，还可以在两个不同域名之间实现跨域通信。
跨文档消息传输cross document messaging提供了postmessage方法在不同网页文档之间互相传递数据，支持实时消息传递。现在很多浏览器都将支持这个功能，比如google chrome 2.0+、internet explorer 8.0+、firefox 3.0+、opera 9.6+、safari 4.0+等
那么，ie6、ie7等不支持 html5的浏览器怎么办？
可以使用window.name方法，因为window.name的修改不涉及跨域问题，虽然使用起来不是特别理想，但效果还可以接受。
但是，我们总不能每次涉及到跨域都去写一遍window.postmessage、window.addeventlistener、window.name等等这些内容吧。
为此，我把这整个跨域过程抽象出来，封装成一个javascript 插件，解决双向跨域问题，实现不同网页文档之间的实时通信，可以在两个不同域名之间实现跨域通信。
demo下载地址：http://xiazai.jb51.net/201501/other/jcrossdomain_v2.rar，版本v2
javascript跨域插件jcrossdomain.js
复制代码 代码如下:
(function (win){
  /**
   * 没有开花的树
   * 2013/12/07 17:12
   */
  var _jcd = {
    isinited : false,
    elmt : false,
    hash : '',
    delims : ',',
    rand : function(){
      return (new date).gettime()
    },
    msg : function(){
      alert('warning: you must call init function at first');
    },
    init : function(callback, elmt){
      if(_jcd.isinited == true)
        return;
      _jcd.isinited = true;
      _jcd.elmt = elmt;
      if(win.postmessage){
        //浏览器支持 html5 postmessage 方法
        if(win.addeventlistener){
          //支持火狐、谷歌等浏览器
          win.addeventlistener(message, function(ev){
            callback.call(win, ev.data);
          },false);
        }else if(win.attachevent){
          //支持ie浏览器
          win.attachevent(onmessage, function(ev){
            callback.call(win, ev.data);
          });
        }
        _jcd.msg = function(data){
          _jcd.elmt.postmessage(data, '*');
        }
      }else{
        //浏览器不支持 html5 postmessage 方法，如ie6、7
        setinterval(function(){
          if (win.name !== _jcd.hash) {
            _jcd.hash = win.name;
            callback.call(win, _jcd.hash.split(_jcd.delims)[1]);
          }
        }, 50);
        _jcd.msg = function(data){
          _jcd.elmt.name = _jcd.rand() + _jcd.delims + data;
        }
      }
    }
  };  var jcd = {
    initparent : function(callback, iframeid){
      _jcd.init(callback, document.getelementbyid(iframeid).contentwindow);
    },
    initchild : function(callback){
      _jcd.init(callback, win.parent);
    },
    sendmessage : function(data){
      _jcd.msg(data);
    }
  };
  win.jcrossdomain = jcd;
})(window);
父网页中调用方法：
复制代码 代码如下:
//自定义回调函数
var cb = function(msg){
  alert(get msg: + msg);
};//初始化，载入回调函数和 iframe 的id
jcrossdomain.initparent(cb, 'iframea');
//发消息
jcrossdomain.sendmessage('hello, child');
子网页中调用方法：
复制代码 代码如下:
//自定义回调函数
var cb = function(msg){
  alert(get msg: + msg);
};//初始化，载入回调函数
jcrossdomain.initchild(cb);
//发消息
jcrossdomain.sendmessage('hello, parent');
模拟测试小提示：
为了实现不同域之间的通信，可以在操作系统的 hosts 文件添加两个域名，进行模拟。
hosts 文件中添加两个不同的域名
127.0.0.1  parent.com
127.0.0.1  child.com
程序猿的进化过程：