使用 iframe + postMessage 实现多级跨域通信（二）

最新推荐文章于 2024-04-25 16:20:24 发布

qq_39355295

最新推荐文章于 2024-04-25 16:20:24 发布

阅读量1.1k

点赞数 2

分类专栏： Javascript HTML

本文链接：https://blog.csdn.net/qq_39355295/article/details/102574517

版权

1、简介：

看过我前面写的跨域通信（一），那是我再开发中遇到问题时，自己上网学习，之前跨域通信时自己的知识盲点。在大量的大神案例的引导下，自己也开始明白了一点，于是便有了使用iframe+possMessags实现跨域通信（一）

2、要解决多级跨域通信问题：

但是。。。。我的问题并没有解决，因为我发现我的问题时多级跨域通信问题，于是又带着极大的好奇心，上网搜索，但是没有成功。
于是我通读javascript中关于iframe、addEventListener、posssMessage等所有的知识点，终于弄出来了。

3、实例展示

废话不多，开始。
声明：
send.html-----是父页面，引用所有的其他页面。
receive.html—是一级子页面，应为被send页面引用，同时引用three.html页面。
three.html—是二级子页面，被receive.html页面引用。
four.html—是一级子页面，被send页面引用。
代码展示：
（1）send.html

<!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>send</title>
    <style>
        .banner{
            width: 600px;
            height: 400px;
        }
        .banner-1{
            width: 400px;
            height: 200px

最低0.47元/天解锁文章

qq_39355295

关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
使用 iframe + postMessage 实现多级跨域通信（二）

1、简介：看过我前面写的跨域通信（一），那是我再开发中遇到问题时，自己上网学习，之前跨域通信时自己的知识盲点。在大量的大神案例的引导下，自己也开始明白了一点，于是便有了使用iframe+possMessags实现跨域通信（一）2、要解决多级跨域通信问题：但是。。。。我的问题并没有解决，因为我发现我的问题时多级跨域通信问题，于是又带着极大的好奇心，上网搜索，但是没有成功。于是我通读javas...
复制链接

扫一扫