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

    原创笔记
  • 相关阅读:
    Vue.js 2.0更新之增加Virtual DOM讲解
    Json串的单引号和双引号引发的问题解析
    理解javascript中的Function.prototype.bind的方法
    微信小程序开源项目库汇总
    PYTHON.redis_day02
    PYTHON.redis_day01
    PYTHON3.AJAX_day02
    PYTHON3.day01_Ajax
    PYTHON3.django_day08(见pdf)
    PYTHON3.django_day07(见pdf)
  • 原文地址:https://www.cnblogs.com/minty/p/7741573.html
Copyright © 2011-2022 走看看