阅读更多

7顶
2踩

Web前端

原创新闻 使用HTML 5 postMessage

2008-11-19 12:43 by 副主编 QQbyte 评论(4) 有15036人浏览
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