zoukankan      html  css  js  c++  java
  • 两个iframe之间传值

    例如:点击后会把另一个iframe中的值得到弹出

    Main:

    <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>
        <iframe id="A" src="A.html" height="300"></iframe>
        <iframe id="B" src="B.html" height="300"></iframe>
    </body>
    </html>

    页面A.html

    <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta charset="utf-8" />
        <title></title>
        <script type="text/javascript">
    
         
            function GetPhone () {
                var phone = ""
                var rdos = document.getElementsByName("rdo");
                for (var i = 0; i < rdo.length; i++) {
                    if (rdos[i].checked) {
                        phone = document.getElementById(rdos[i].id + "_demo").value;
                        return phone;
                    }
                }
            }
          
        </script>
    </head>
    <body>
        移动:
        <input type="radio" name="rdo" id="mobile" />
        <input type="text" name="name" id="mobile_demo" /><br />
        固话: 
        <input type="radio" name="rdo" id="tel" />
        <input type="text" name="name" id="tel_demo" />
        </body>
    </html>

    页面B,调用页面A的js方法得到用户选择的电话

    <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta charset="utf-8" />
        <title></title>
        <script type="text/javascript">
            window.onload = function () {
                document.getElementById("btn").onclick = function () {
                    var tel = parent.A.GetPhone();//调用页面A方法
                    alert(tel);
                }
            }
    
        </script>
    
    </head>
    <body>
        <input type="button" name="" value="点我!" id="btn" />
    </body>
    </html>
  • 相关阅读:
    HDOJ1267 下沙的沙子2[DP或卡特兰数]
    HDOJ1711 Number Sequence[KMP模版]
    HDOJ2546 饭卡[DP01背包问题]
    寻找必败态——一类博弈问题的快速解法
    kmp 模版
    网络流题目
    HDOJ1261 字串数[组合+大数]
    传说中效率最高的最大流算法(Dinic) [转]
    ACM博弈论
    HDOJ1061 Rightmost Digit[简单数学题]
  • 原文地址:https://www.cnblogs.com/guohuiru/p/3225497.html
Copyright © 2011-2022 走看看