zoukankan      html  css  js  c++  java
  • javascript父子页面(iframe)互相访问

    javascript父子页面互相访问

    如:main.html页面(父页面)有:
    <body>
    <div >
        <input type="text" id="m1" name="m1"/>
        <iframe name='frame1' id='frame1' src='sub.html' width='100%' height='100%' frameBorder='0'/>
    </div>
    </body>

    子页面(sub.html)有:
    <form id="form1">
        <input type="text" id="input1" name="input1" value="111"/>
    </form>

    从父页面(main)访问子页面(sub)的form:
    var frame = document.getElementById("frame1");
    var inwin = frame.contentWindow;
    var indoc = frame.contentDocument;
    var form = indoc.getElementById("form1");
    访问子页面的函数,变量,对象:
    inwin.myFn(), inwin.myParam, inwin.myObj

    从子页面(sub)访问父页面(main):
    alert(parent == parent.window); //true
    var outwin = parent;
    var outdoc = parent.document;
    var outinp = outdoc.getElementById("m1");
    访问父页面的函数,变量,对象:
    parent.myFn(), parent.myParam, parent.myObj

    从frame访问document
    var outdoc = frame.ownerDocument;//父页面的document
    var indoc = frame.contentDocument;//子页面的document

  • 相关阅读:
    2019 Multi-University Training Contest 10
    自考新教材-p326_3(1)
    自考新教材-p322
    自考新教材-p321
    自考新教材-p316
    自考新教材-p315
    自考新教材-p313
    自考新教材-p311
    自考新教材-p310
    自考新教材-p309
  • 原文地址:https://www.cnblogs.com/qinxike/p/3024427.html
Copyright © 2011-2022 走看看