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"){
		//在这建立你的方法体或者新建个方法。
	}
})