详解html5postMessage解决跨域通讯的题目-

这篇文章主要介绍了详解html5postMessage解决跨域通讯的题目的相干材料，有一定的参照 价值，有需要的伴侣可以参照 一下，但愿对你们有所帮忙。 这篇文章主要介绍了详解html5 postMessage解决跨域通讯的题目的相干材料，有一定的参照 价值，有需要的伴侣可以参照 一下，但愿对你们有所帮忙。

本文介绍了详解html5 postMessage解决跨域通讯的题目，分享给大家，概括如下：

结果图：

postmessage解析HTML5供给了新型机制PostMessage实现平安的跨源通讯.

语法：

otherWindow.postMessage(message, targetOrigin, [transfer]);

otherWindow：其他窗口的一个援用, 比方IFRAME的contentWindow属性, 施行,window.open返回的窗口对象。

message：将要发送到其他窗口的数据。

targetOrigin：通过窗口的origin属性来指定哪些窗口能接收到新闻事件, 其值可以是字符”*”(表示无穷制)或者一个URL transfer:是一串和message同时通报的Transferable对象。 这些对象的所有权将被转移给新闻的接收方, 而发送一放将不再保有所有权。

element.addEventListener(event,fn,useCaption ); 三个参数 event 事件 比方click mouseenter mouseleave 回调函数 useCaption用于描述是冒泡还是捕捉。默许值是false，即冒泡通报。 当值为true，就是捕捉通报。实现方式

主界面 main.html

  
  
  
  
  
    
    



    

    
打赏
    

    

    	
        
    	

    		
感谢您的支持，我会继续努力的!
    	
    	

    		
    	
    		
扫码打赏，你说多少就多少
    	

    		

	    		
	    		
    		
    		

	    		
	    		
    		
    	
    	

    		
打开支付宝扫一扫，即可进行扫码打赏哦
    		
百分百源码网 建议打赏1～10元，土豪随意，感谢您的阅读！