javascript基础-HTML5

跨文档消息(Web Messaging cross-document messaging)

　　原理

　　　　往有关联(同一框架/弹出)的文档传递数据。

Message Channel在javascript基础-ajax做了解释

　　写法

　　　　两iframe通信

        //一框架发送消息
        $(‘#myi‘)[0].contentWindow.postMessage("adfasdf","*");

        //另一个框架接收消息   IE8用attachEvent
        $(‘#myi2‘)[0].contentWindow.addEventListener(‘message‘,function(e){
              //e.data传递的数据  e.origin来源域  e.source代理，用来回传信息
              console.log(e.data);//控制台输出"adfasdf"
        },false);

　        弹出窗口通信

//弹出窗口给父窗体窗体发送消息
        window.addEventListener(‘load‘, function(e){
            //标记这消息来自http://www.suning.com
            e.currentTarget.opener.postMessage(‘‘, ‘http://www.suning.com‘);
        }, false); 

  　用途

　　　　　IE8+支持iframe间的Web messaging。它具备通用性。

以前两iframe通信，如果同源： 直接调用另一个iframe的全局方法。如果跨域：无法直接访问另一iframe的window,那时的解决方案：

资源缓存

　　适合离线应用APP。配置manifest文件,设置缓存资源--->html读取缓存资源。查看详情

数据存储　　

 Web Workers

　　查看详情