文档章节

iframe获取父、子窗口的方法

martin-gao
 martin-gao
发布于 2015/03/27 16:20
字数 149
阅读 11
收藏 0

jquery、js调用iframe父窗口与子窗口元素的方法

1. jquery在iframe子页面获取父页面元素代码如下:

$("#objid",parent.document)


2. jquery在父页面获取iframe子页面的元素
代码如下:
$("#objid",document.frames('iframename').document)


3.js在iframe子页面获取父页面元素代码如下:

window.parent.document.getElementByIdx_x("元素id");


4.js在父页面获取iframe子页面元素代码如下:

window.frames["iframe_ID"].document.getElementByIdx_x("元素id");


5.子类iframe内调用父类函数:

window.parent.func();


本文转载自:http://blog.csdn.net/yangbobo1992/article/details/8465484

共有 人打赏支持
martin-gao
粉丝 7
博文 52
码字总数 14744
作品 0
深圳
后端工程师
使用JavaScript下进行iframe的DOM操作(考虑浏览器兼容性)

今天碰到一个浏览器兼容性的问题,是IE和Firefox下iframe DOM操作的差异。本文借IE和Firefox在iframe DOM操作的不同,进行分析说明JavaScript在DOM操作中两者的不同。 IE和Firefox对iframe ...

嗯哼9925
01/07
0
0
iframe多层嵌套时获取元素总结

父页面获取子页面元素: 注意:onload事件 jQuery获取: $("iframe").contents().find("holder")......; (嵌套三层,或者更多时) $('iframe').contents().find('iframe').contents().find(...

sjzmlb
2015/06/30
0
0
jquery、js调用iframe父窗口与子窗口元素的方法

$("iframe").contents().find("body").append("I'm in an iframe!"); $(window.frames["iframe1"].document).find("input[@type='text']").attr("size","30px"); $("#iframe1").contents().f......

zh119893
2014/05/18
1K
0
jQuery子窗体如何取得父窗体的元素&两种查询元素的方式的区别

方式1: $("#父窗口元素ID",window.parent.document); 对应javascript版本为window.parent.document.getElementById("父窗口元素ID"); 取父窗口的元素方法:$(selector, window.parent.docum......

follitude
2015/12/09
124
0
iframe中子父类窗口调用JS的方法及注意事项

父类窗口调用子窗口的方法时虽然可以调用成功,但是浏览器控制台总会有一个提示说找不到子类那个方法的错误。原因很简单,因为子页面还没有完全加载完成,我们需要给iframe注册一个onload事件...

月光正好
2017/10/20
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

咕泡-Factory设计模式笔记

个人感悟: 设计模式都是处理复杂问题的,如果问题本身很简单,使用设计模式反而累赘,增加了开发的复杂性 遇到最简单的情况,直接 new 如果创建对象的过程简单,但是需要匹配不同情况,返回...

职业搬砖20年
15分钟前
0
0
Java中的锁分类

在读很多并发文章中,会提及各种各样锁如公平锁,乐观锁等等,这篇文章介绍各种锁的分类。介绍的内容如下: 公平锁/非公平锁 可重入锁 独享锁/共享锁 互斥锁/读写锁 乐观锁/悲观锁 分段锁 偏...

Funcy1122
23分钟前
0
0
Ansible随机数

想为你的Ansible剧本取一个随机数?还想在接下来的运行中保持系统的等幂性?这里有一个答案。 假如,你要为一大批服务器设置cron任务,却不想让它们同时启动,你可以这样设置分钟数: minute...

大别阿郎
33分钟前
0
0
SpringCloud之服务注册中心Eureka

本系列介绍的配置均基于 Spring Boot 2.0.1.RELEASE 版本和 Spring Cloud Finchley.SR1 服务注册中心 Spring Cloud 已经帮我们实现了服务注册中心,我们只需要很简单的几个步骤就可以完成。 ...

熊小飞呀
今天
7
1
“Comparison method violates ...”异常的再现方法

前提条件:JDK8 代码: import java.util.ArrayList;import java.util.Collections;import java.util.Comparator;import java.util.List;public class Test { public stat......

hunterli
今天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部