实战演练--js实现在网页间传递数据

来源：动视网责编：小采时间：2020-11-27 19:32:32

实战演练--js实现在网页间传递数据

实战演练--js实现在网页间传递数据:1.估计很少人知道HTML5 APIS里有一个window.postMessage API。window.postMessage的功能是允许程序员跨域在两个窗口/frames间发送数据信息。基本上，它就像是跨域的AJAX，但不是浏览器跟服务器之间交互，而是在两个客户端之间通信。让我们来看一下windo

推荐度：

点击下载本文 文档为doc格式

导读实战演练--js实现在网页间传递数据:1.估计很少人知道HTML5 APIS里有一个window.postMessage API。window.postMessage的功能是允许程序员跨域在两个窗口/frames间发送数据信息。基本上，它就像是跨域的AJAX，但不是浏览器跟服务器之间交互，而是在两个客户端之间通信。让我们来看一下windo

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <title>Document</title>
</head>
<body>
 <script>
 //监听消息反馈
 window.addEventListener('message',function(event) {
 console.log(event);
 if(event.origin !== 'http://localhost:8080') return;
 console.log('received response: ',event.data);

 },false);
 </script>
</body>
</html>

4.结果如下：

实战演练--js实现在网页间传递数据

推荐度：

点击下载本文 文档为doc格式

标签：数据页面 js

热门焦点

实战演练--js实现在网页间传递数据

实战演练--js实现在网页间传递数据

实战演练--js实现在网页间传递数据

最新推荐

猜你喜欢

热门推荐