美文网首页
Iframe直接通讯

Iframe直接通讯

作者: SWLB | 来源:发表于2019-06-05 23:03 被阅读0次
child.html
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
<body><h2>子页面</h2>
</body>
<script>
    window.addEventListener('message', function (event) {
        console.log(event);
        alert(event.data);
    }, false);
</script>
</html>

main.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
<body>
<iframe id="child" src="./iframepage.html"></iframe>
<script>
    window.onload = function () {
     document.getElementById('child').contentWindow.postMessage("lllllllllllllllll", "*")
    }
</script>

</body>
</html>

相关文章

  • Iframe直接通讯

    main.html

  • iframe跨域通讯方式

    index iframe跨域通讯方式 __veblen iframe通讯分为两种情况，一个是同域下通讯，另一个是跨...

  • 聊一聊Web端的即时通讯

    聊一聊Web端的即时通讯 Web端实现即时通讯的方法有哪些? 长连接 iframe流 前端实现步骤： Iframe...

  • iframe详解

    1. iframe基本内涵 通常我们使用iframe直接直接在页面嵌套iframe标签指定src就可以了。 fra...

  • iframe 父子页面通讯

    父页面向子页面传递参数： 你的浏览器不支持 iframe。 // 父发var iframeWindow = doc...

  • 前端预览PDF，Excel，Word，TXT文件

    前端可以使用iframe可以直接预览文件，以下是几种依靠iframe实现在线预览的解决方案。