jquery中父子页面之间获取元素(比如iframe页面)

news/2024/7/10 22:48:27 标签: jquery, 前端, javascript

前端主页面需要嵌套一个子页面,比如iframe页面,当在父页面执行子页面的操作时,用$('#元素id')就没有效果。这时就需要用到以下知识点,来实现父子页面的相互操作。

1.父页面获取子页面元素:

$("#iframe的ID").contents().find("#iframe子页面的ID").click(); 

其中,click可以换成任何想要执行的操作,比如隐藏.hide()。

2.父页面调用子页面方法:

$("#iframe的ID")[0].contentWindow.子页面中的js方法(); 

3.子页面获取父页面元素:

$("#父页面元素ID" , parent.document);

4.子页面操作父页面方法:

window.parent.父页面中js的方法();


http://www.niftyadmin.cn/n/5206608.html

相关文章

【GUI】-- 13 贪吃蛇小游戏之食物及成绩判断

GUI编程 04 贪吃蛇小游戏 4.4 第四步:食物及成绩判断 首先,添加食物与分数的数据定义: //食物的坐标int foodX;int foodY;Random random new Random();//积分面板数据结构int score;在初始化方法中,添加(画出)食物与分数&…

SM6225 usb3.0眼图测试

项目场景: 由于客户soc+hub+u盘出现概率性识别失败的情况。 问题描述 从log看,可能是硬件方面原因导致的。如usb3眼图不行,因为软件限制usb2没复现问题。 usb usb2-port1: connect-debounce failed //这里出现了一次hub connect debounce fail. 一般设置的debounce 时间2s…

【2021集创赛】Diligent杯一等奖:基于Cortex-M3软核的智能识别称量平台

本作品参与极术社区组织的有奖征集|秀出你的集创赛作品风采,免费电子产品等你拿~活动。 杯赛题目:Diligent杯:基于FPGA开源软核的硬件加速智能平台 参赛组别:A组 设计任务: 利用业界主流软核处理器(仅限于Cortex-M系列及 RISC-V系…

MATLAB - text的两种使用方法

text小技巧 1. 常规使用(Method 1)2. 在显示画面的相对位置(Method 2)3. 举个例子 1. 常规使用(Method 1) text(x,y,txt)2. 在显示画面的相对位置(Method 2) text(string,‘ABC’,…

【坑】JDK21虚拟线程不支持run方法

【坑】JDK21虚拟线程不支持run方法 run // do nothing java.lang.VirtualThread Overridepublic void start() {start(ThreadContainers.root());}Overridepublic void run() {// do nothing}

自动发QQ邮件【SMTP/IMAP服务】

代码 import smtplib from email.mime.multipart import MIMEMultipart from email.mime.image import MIMEImage from email.mime.text import MIMETextdef send_email(image_path):sender_email "senderqq.com" # 发送方sender_password "xxxxxxxx"…

【开源】基于Vue和SpringBoot的大学生相亲网站

项目编号: S 048 ,文末获取源码。 \color{red}{项目编号:S048,文末获取源码。} 项目编号:S048,文末获取源码。 目录 一、摘要1.1 项目介绍1.2 项目录屏 二、功能模块三、系统展示四、核心代码4.1 查询会员4…

thingsboard3.6的mailConfigTemplateController错误

1、bug内容 使用3.6版本的tb代码进行打包生成boot的jar包,在启动的时候会报错mailConfigTemplateController bean初始化找不到文件路径。 Error creating bean with name mailConfigTemplateController defined in URL [jar:file:/D:/yuxinwei/AE/thingsboard/thingsboard-3…