message.js

• 主页面与 iframe ，iframe 与 iframe 之间的跨全域交流
• 使用简单，ie7以上以及现代浏览器支持

目录

• 实例化
• 发送消息
• 接收消息
• Notes

实例化

首先把 message.js 加入项目中

  <script src="message.js"></script>

实例化一个message对象

 <script>
   var message = new Message();
 </script>

发送消息

• 如果需要发送信息，用 message.addTarget 方法给目标注册一个发送机。
• message.addTarget 方法接受两个参数。第一个参数为目标 iframe （如果是子 iframe 想给父页面发送消息，用 window.parant 代替）。第二个参数为调用名称。

 <script>
   var message = new Message();
   message.addTarget(window.frames[0], 'iframe');
 </script>

• 发送消息用 send 方法

 <script>
   var message = new Message();
   message.addTarget(window.frames[0], 'iframe');
   message.targets['iframe'].send('hello');
 </script>

接收消息

接受消息用 message.listen 方法

<script>
  var message = new Message();
  message.listen(function(msg){
    console.log(msg);
  })

  // 也可以添加多个侦听
  message.listen(function(msg){
    alert(msg);
  })
</script>

Notes

• 如果一个项目中使用多套 message ，实例化的时候最好赋值 name 值。避免干扰。

<script>
   var message1 = new Message({name:'message1'});
   var message2 = new Message({name:'message2'});
</script>

• 实例化的时候可以一次性添加多个侦听事件。

<script>
  var message = new Message({
    listenFunc:[
      function(){},
      function(){},
      function(){}
    ]
  });
</script>

• 发送的信息建议使用字符串，避免低版本IE不兼容。

<script>
   var message = new Message();
   message.addTarget(window.frames[0], 'iframe')；
   message.targets['iframe'].send('hello');
</script>