iframe跨域处理

最新推荐文章于 2025-03-20 14:51:39 发布

仟北代~

最新推荐文章于 2025-03-20 14:51:39 发布

阅读量2.7k

点赞数

分类专栏：笔记

本文链接：https://blog.csdn.net/qq_48386796/article/details/118881797

版权

笔记专栏收录该内容

11 篇文章

订阅专栏

这段代码展示了如何通过JavaScript监听iframe的加载事件，并在加载完成后向iframe内容窗口发送名为'孙策'，年龄为17的数据。同时，外部页面设置了一个事件监听器接收来自iframe的消息，将接收到的数据打印到控制台。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

    <iframe src="https://www.bilibili.com/medialist/play/ml298530516/BV1fW411j7JV" frameborder="0"></iframe>
    <script>
        let iframe = document.querySelector('iframe')
        iframe.onload = function(){
            let data = {
                name:'孙策',
                age:17
            }
            iframe.contentWindow.postMessage(data,'file:///D:/%E6%A1%8C%E9%9D%A2/Untitled-1.html')
        }
        window.addEventListener('message',e => {
            console.log(e.data)
        })