iframe中鑲嵌html頁,並獲取html頁中的方法


首先創建兩個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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM