客户端通信的问题

鄱湖听风 2018-08-22 08:56:52

我按照疯狂js讲义安装了tomcat，但是postMessage接收不到，后来我也发到了云主机，也改了地址，但是还是没用，到底是哪里出了问题？
发送代码：

<!DOCTYPE html>

<html>

<head>

	<meta name="author" content="Yeeku.H.Lee(CrazyIt.org)" />

	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

	<title> 跨文档发送消息 </title>

	<script type="text/javascript">

	var send = function() 

	{

		// 打开一个新窗口

		var targetWin = window.open('http://localhost:8888/target/target.html'

			,'_blank','width=400,height=300');    // ①

		// 等该窗口装载完成时，向该窗口发送消息

		targetWin.onload = function ()

		{

			// 向http://localhost:8888/target发送消息

			targetWin.postMessage(document.getElementById("msg").value

				, "http://localhost:8888/target");    // ②

		}

	}

	// 通过onmessage监听器监听其他窗口发送过来的消息

	window.onmessage = function(ev) 

	{

		// 忽略来自其他域名的跨文档消息（只接收http://localhost:8888的消息）

		if (ev.origin != "http://localhost:8888") 

		{

			return;

		}

		var show = document.getElementById("show");

		// 显示消息

		show.innerHTML += (ev.origin + "传来了消息:" + ev.data + "<br/>");

	};

	</script>

</head>

<body>

	消息：<input type="text" id="msg" name="msg"/>

	<button onclick="send();">发送消息</button>

	<div id="show"></div>

</body>

</html>

接收代码：

<!DOCTYPE html>

<html>

<head>

	<meta name="author" content="Yeeku.H.Lee(CrazyIt.org)" />

	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

	<title> 跨文档发送消息接收 </title>

	<script type="text/javascript">

		window.onmessage = function(ev) 

		{

			// 忽略来自其他域名的跨文档消息（只接收http://localhost:8888的消息）

			if (ev.origin != "http://localhost:8888") 

			{

				return;

			}

			document.body.innerHTML = (ev.origin + "传来了消息:" + ev.data);

			// 向发送该消息的页面回传消息

			ev.source.postMessage("回传消息，这里是" + this.location

				, ev.origin);      // ①

		};

	</script>

</head>

<body>

</body>

</html>