利用postmessage间接实现iframe跨域调用父页面js函数

最新推荐文章于 2024-08-08 22:17:44 发布

Jaye-L

最新推荐文章于 2024-08-08 22:17:44 发布

阅读量1.7k

点赞数 1

分类专栏：前端文章标签： iframe 跨域调用js函数 post

本文链接：https://blog.csdn.net/hoopmac/article/details/50732451

版权

本文介绍了如何通过postmessage技术来解决iframe跨域问题，实现子页面调用父页面的JavaScript函数。详细讲解了父页面和子页面的交互过程，并提供了相关的HTML和JavaScript代码示例。

摘要由CSDN通过智能技术生成

父页面html代码：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script type="text/javascript">
        window.onload = function () {
            //添加监听事件。
            if (typeof window.addEventListener != "undefined")
                window.addEventListener("message", func, false);
            else if (typeof window.attachEvent != 'undefined')//兼容不支持addEventLinstener的IE。
                window.attachEvent("onmessage", func);
        }
        //被调用的函数。
        function invocationTarget(msg) {
            if (msg)
                alert(msg);
            else
                alert("~~~");
        }
        //监听事件回调函数。
        f