zoukankan      html  css  js  c++  java
  • js 获取iframe页面元素

    js 获取iframe页面元素

    CreationTime--2018年8月16日18点00分

    Author:Marydon

    <!-- chart图表 -->
    <iframe id="myframe" src="<c:url value="/base/server/report/report.do?REPORT_ID=${param.REPORT_ID}"/>" height="100%" width="100%"></iframe>  

    1.通过父页面操纵子页面

      获取iframe页面中的元素

     操作  javascript  jQuery
     方式一  document.getElementById("myframe").contentWindow.document.getElementById("V_ORGID").value = 111;  $("#myframe").contents().find("#V_ORGID").val('111');
     方式二  document.frames["myframe"].document.getElementById("V_ORGID").value = 111;  $("#V_ORGID",document.frames("myframe").document).val('111');

     

      调用iframe页面中的方法

     操作  javascript  jQuery
     方式一  document.getElementById("myframe").contentWindow.test();  
     方式二  document.frames["myframe"].test();  

     

    2.通过子页面操纵父页面

      获取iframe页面中的元素

     操作  javascript  jQuery
     方式一  window.parent.document.getElementById("ORGID").value = 111;  $("#ORGID",parent.document).val('111');

     

      调用iframe页面中的方法

     操作  javascript  jQuery
     方式一  window.parent.test2();  

     

    updateTime--2018年8月23日19点14分

    3.通过子页面操纵父页面中的其它iframe页面

      前提:iframe必须设置了id。

      获取iframe页面中的元素

    window.frames['id'].document.getElementById();

      调用iframe页面中的方法

    window.frames['id'].test();
    

      

  • 相关阅读:
    Alpha版本发布说明
    团队作业week9
    Alpha版本发布时间安排
    2014年团队博客
    本周团队分数统计
    当前个人及团队分数统计
    团队作业week7
    Java FX入门
    Java第06次实验提纲(集合)
    Java第04次实验提纲(面向对象2-继承、多态、抽象类与接口)
  • 原文地址:https://www.cnblogs.com/Marydon20170307/p/9488998.html
Copyright © 2011-2022 走看看