html5 の object タグを使用してページ間の通信を完了する

html5 の object タグを使用してページ間の通信を完了する

親ページのページコード:

<div class="foot-menus">
	<div class="foot-menus-context">
		<object data="./components/reportCheck/foot-menus.html" class="foot-menus-obj"></object>
	</div>
</div>

子ページはfoot-menus.htmlです。

サブページコード:

<img src="../../img/detial/logo-white.png" onclick="goIndex()" alt="">



script中：
function goIndex(){
    
    
	// 向父页面发送消息
		  window.parent.postMessage('redirectToIndex', '*');
}

親ページでの対応:

//父页面中的script:
 window.addEventListener('message', function(event){
    
    
		var message = event.data;
		if(message == "redirectToIndex"){
    
    
		//在这建立你的方法体或者新建个方法。
	}
})