首先创建两个html页

第一个html页(HtmlPage1.html)

 <html>
 <head>
    <meta charset="utf-8" />
    <title></title>
    <script type="text/javascript">
        //传值
        function GetString() {
            var Str = "{\"Num\": \"" + document.getElementById("Num").value + "\"}";
            return Str;
        }
    </script>
</head>
<body>
    值:<input type="text" id="Num" style="width:40px;text-align:center;">
</body>
</html>

第二个html页(HtmlPage2.html)

<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script>
        window.onload = function () {
            //必须先加载html页,不然造成第一个html页中的函数不存在
             document.getElementById("Plugin").src = "HtmlPage1.html";
        }
        //点击
        function Funbtn() {
            var Num = document.getElementById("Plugin").contentWindow.GetString();//获取Iframe中html页中的方法
            alert(Num);
        }
    </script>
</head>
<body>
    <iframe id="Plugin" frameborder="1" noresize="noresize" name="plugin" style="width: 520px; height: 140px;"></iframe><br />
    <button id="btn" onclick="Funbtn()">按钮</button>
</body>
</html>

 

相关文章:

  • 2022-01-26
  • 2022-12-23
  • 2021-10-28
  • 2021-12-06
  • 2022-01-14
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-01-31
  • 2022-12-23
  • 2021-09-29
  • 2022-12-23
  • 2021-07-12
相关资源
相似解决方案