zoukankan      html  css  js  c++  java
  • iframe

    Js/Jquery:获取iframe中的元素+在Iframe中获取父窗体的元素方法

      在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素

      js

      在父窗口中获取iframe中的元素

      1、

      格式:window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click();

      实例:window.frames["ifm"].document.getElementById("btnOk").click();

      2、

      格式:

      var obj=document.getElementById("iframe的name").contentWindow;

      var ifmObj=obj.document.getElementById("iframe中控件的ID");

      ifmObj.click();

      实例:

      var obj=document.getElementById("ifm").contentWindow;

      var ifmObj=obj.document.getElementById("btnOk");

      ifmObj.click();

      在iframe中获取父窗口的元素

      格式:window.parent.document.getElementById("父窗口的元素ID").click();

      实例:window.parent.document.getElementById("btnOk").click();

      jquery

      在父窗口中获取iframe中的元素

      1、

      格式:$("#iframe的ID").contents().find("#iframe中的控件ID").click();//jquery 方法1

      实例:$("#ifm").contents().find("#btnOk").click();//jquery 方法1

      2、

      格式:$("#iframe中的控件ID",document.frames("frame的name").document).click();//jquery 方法2

      实例:$("#btnOk",document.frames("ifm").document).click();//jquery 方法2

      在iframe中获取父窗口的元素

      格式:$('#父窗口中的元素ID', parent.document).click();

    原创笔记
  • 相关阅读:
    Ink——一款使用React风格开发命令行界面应用(CLI App)的nodejs工具
    编程语言相关名词解释汇总
    使用Webpack对Css文件压缩处理的思考
    一种通过async/await实现函数同步执行的方式
    成长的道路上,我很幸运
    Todolist分别用React与Vue的实现与思考
    Unity 框架篇
    扇形技能指示器
    C# Socket和protoBuf新手村教程
    判断点在多边形内部
  • 原文地址:https://www.cnblogs.com/minty/p/7741573.html
Copyright © 2011-2022 走看看