zoukankan      html  css  js  c++  java
  • 多个iframe中根据src获取特定iframe并执行操作

    多个iframe中根据src获取特定iframe并执行操作

    前言:在项目中做一个批量编辑工单时需要在一大堆的iframe中的某一个iframe里边再用模态框的形式显示编辑区域,然后再在模态框里边加入iframe实现批量编辑的页面,最后在提交后无法实现跳转,就是当前模态框无法关闭,想到模态框的关闭是通过modal:hide关闭,就想在后端输出js代码直接通过click事件来关闭模态框


    具体问题:

    • 在多个iframe中找到当前的iframe
    • 找到当前iframe之后操作iframe中的模态框关闭按钮,增加click事件

    解决办法:

    • 通过iframe的src属性寻找iframe
    • 通过$("#frame_1").contents().find("#test"); 来找到iframe下页面中的模态框关闭按钮

    通过iframe的src属性寻找iframe:

    //js前端获取
    var ucrIframe = window.top.$("iframe[src='/osp2016/agent/tickets.php']");
    

    获取iframe页面中的元素并添加事件:

    var ucrIframe = window.top.$("iframe[src='/osp2016/agent/tickets.php']");
    //获取iframe元素  **.contents().find()
    eg : curIframe.contents().find("#closeModal").click();
    
  • 相关阅读:
    进程间通信
    图形的保存与重绘
    mysql记录1
    文件操作
    多线程及聊天室程序
    健康是成功之本
    文档与串行化
    HTML网页制作基础
    Hook和数据库访问
    C++基础笔记1
  • 原文地址:https://www.cnblogs.com/alisleepy/p/9982386.html
Copyright © 2011-2022 走看看