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();
    

      

  • 相关阅读:
    android 图片加载库 Glide 的使用介绍
    Android Glide数据更新及内存缓存、硬盘缓存清理
    Android中<meta-data>的使用
    分层,工厂模式,依赖注入控制反转
    Asp.Net_Web身份验证
    aspx后缀映射成html
    网站跳舞人代码
    Sqlerver_各类函数
    Sqlserver_时间用法
    Sqlserver_视图
  • 原文地址:https://www.cnblogs.com/Marydon20170307/p/9488998.html
Copyright © 2011-2022 走看看