资讯频道 → Web前端
阅读更多

7顶
2踩

Web前端

原创新闻 使用HTML 5 postMessage

2008-11-19 12:43 by 副主编 QQbyte 评论(4) 有15058人浏览
HTML HTML5

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

HTML5中最酷的新功能之一就是 跨文档消息传输Cross Document Messaging。下一代浏览器都将支持这个功能：Internet Explorer 8, Firefox 3, Opera 9, 和 Safari nightly 。 Facebook已经使用了这个功能，用postMessage支持基于web的实时消息传递。

Austin Chau 发布了一些简单的例子和博客文章，显示使用这个功能使用起来非常简单。在例子中，Austin创建了两个iframes使用postMessage来通讯，传递鼠标的坐标： 

window.document.onmousemove = function(e) {  
  var x = (window.Event) ? e.pageX : window.event.clientX;  
  var y = (window.Event) ? e.pageY : window.event.clientY;  

  // this send data to the second iframe of the current page  
  window.parent.frames[1].postMessage('x = ' + x + ' y = ' + y, '*');        
};  

var onmessage = function(e) {  
  var data = e.data;  
  var origin = e.origin;  
  document.getElementById('display').innerHTML = data;  
};  

if (typeof window.addEventListener != 'undefined') {  
  window.addEventListener('message', onmessage, false);  
} else if (typeof window.attachEvent != 'undefined') {  
  window.attachEvent('onmessage', onmessage);  
}


如果你也想使用HTML 5 postMessage做通讯，可以查看 源代码 和 博客文章。
来自: ajaxian.com
7
顶
2
踩
评论 共 4 条 请登录后发表评论
4 楼 ryuluck 2008-12-09 15:16
引用
很好很强大,但是IE6和IE7全都不支持...想真正运用应该还为时过早

没错
3 楼 jsnjlc 2008-11-20 15:51
很好很强大,但是IE6和IE7全都不支持...想真正运用应该还为时过早
2 楼 04023129 2008-11-20 09:17
看不懂，看来还要回去补习补习一下了
1 楼 yipsilon 2008-11-20 01:19
google chrome 不支持这个功能...

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • ToolsAPI编程指南

    微软使用VBA宏来来拓展其开发平台的功能，BCB必须通过 ToolsAPI来拓展气开发平台，包括Borland C++Builder Borland Delphi 等！

  • BCB编程IDE中查看函数或变量原型定义源码方法

    BCB编程IDE中想查看函数原型定义源码方法：按住ctrl键，鼠标移动到要查看的函数或变量上，此时函数或变量会加下画线，单击就可以就如函数或变量定义源码处

  • BCB界面设计小问题总结

    1、让图片充满：Timage组件的stretch属性； 2、绘制线条：Bevel控件的Shape属性；

  • C++Builder 6.0 IDE 帮助文档不可用解决

    C++Builder 6.0 IDE 帮助文档不可用解决方案

  • BCB对如何操作ini文件？

    .ini 文件是Initialization File的缩写，即初始化文件，是windows的系统配置文件所采用的存储格式，统管windows的各项配置，在实际开发中， ini文件的应用也是非常广泛的。      下面来利用BCB来操作一下ini文件： //-------------------------------------------------------------------

  • Delphi中的IDE--ToolsAPI中文帮助

    Delphi中的IDE--Tools API中文帮助

  • bcftools的功能介绍

    bcftools的功能介绍 bcftools与vcftool一致的地方，都可以处理vcf文件。 但是两个的功能又有不一致的地方，上一篇博客讲述了vcftools的功能，本片着重介绍bcftools的功能。 1. view 可以用于bcf个vcf的格式转换。还可以对vcf文件进行过滤。主要包括根据样品、基因型、突变类型、是否分型等等条件。 2.concat和merge conca可以进行vcf的“...

  • 网页爬虫的最简C/C++程序代码示例------先通过列表获取所有博文id, 然后遍历所有博文id

    做个网页爬虫很简单， 本文我们来用C/C++语言玩一下， 所用环境是Windows + VC++6.0, 其余平台也类似。 郑重说明：请勿用作非法或者商业用途， 否则后果自负。 我们在新浪上随便找一个博客， 比如：http://blog.sina.com.cn/u/5890965060， 我们可以看到， 博主的用户名是：5890965060,

  • 常用的BCB&Delphi 函数

    翻译的不好，请见谅。     翻译：鲁小班 　　文件： ActnList     CreateAction 函数 创建一个指定类型的Action，显示在action list editor中。     EnumRegisteredAction 过程 枚举已经注册的Action     RegisterAction 过程 注册Action     UnRegisterAction

  • 常用的BCB 函数

    文件： ActnList  CreateAction 函数 创建一个指定类型的Action，显示在action list editor中。  EnumRegisteredAction 过程 枚举已经注册的Action  RegisterAction 过程 注册Action  UnRegisterAction 过程 反注册Action  文件： Classes  Bounds 函数

Global site tag (gtag.js) - Google Analytics