文章 专题 AI工具 学习 下载 问答 源码 最近更新
PHP
会员中心 讲师中心 微信公众号
首页 > web前端 > js教程 > 正文

JS获取父窗口与子窗口的iframe案例详解

php中世界最好的语言
发布： 2018-04-26 15:38:28
原创
2018人浏览过

这次给大家带来JS获取父窗口与子窗口的iframe案例详解，JS获取父窗口与子窗口iframe的注意事项有哪些，下面就是实战案例，一起来看一下。

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

js

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

1、

格式：window.frames["iframe的name值"].document.getElementByIdx_x("iframe中控件的ID").click();
实例：window.frames["ifm"].document.getElementByIdx_x("btnOk").click();
登录后复制

2、

格式：

var obj=document.getElementByIdx_x("iframe的name").contentWindow;
var ifmObj=obj.document.getElementByIdx_x("iframe中控件的ID");
登录后复制

ifmObj.click();

实例：

var obj=document.getElementByIdx_x("ifm").contentWindow;
var ifmObj=obj.document.getElementByIdx_x("btnOk");
ifmObj.click();
登录后复制

在iframe中获取父窗口的元素

格式：window.parent.document.getElementByIdx_x("父窗口的元素ID").click();
实例：window.parent.document.getElementByIdx_x("btnOk").click();
登录后复制

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：

jquery+ajax应用iframe时使其自适应高度

jquery+js调用iframe父窗口与子窗口步骤详解

Jquery获取iframe页面中Dom元素（附代码）

以上就是JS获取父窗口与子窗口的iframe案例详解的详细内容，更多请关注php中文网其它相关文章！

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。

下载
相关标签：
php jquery ajax JS dom
来源：php中文网
收藏 点赞
上一篇：jQuery获取父窗口与子窗口的iframe案例详解 下一篇：jQuery获取IFrame与其父窗口对象并使用
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
如何将不规范日期时间字符串转换为DateTime对象 本文旨在提供一种健壮的方法，将包含非标准格式日期时间信息的字符串转换为标准的DateTime对象。通过结合正则表达式（Regex）进行模式匹配和数据提取，以及使用DateTime.ParseExact方法进行精确解析，即使面对“Today,FriMay122023at07:00:00,wegoswimming”这类包含额外文本的复杂字符串，也能有效地提取并转换出有效的日期时间。文章将详细阐述正则表达式的构建、DateTime.ParseExact的使用细节，并提供完整的C#示例代码。
2025-07-07 20:42:02
776
BOM中如何操作浏览器的缓存？ BOM不能直接操作浏览器的HTTP缓存，但可以通过1.使用客户端存储（如localStorage）实现数据缓存；2.通过BOM方法影响资源加载行为间接控制缓存。具体来说，localStorage可持久化存储数据以提升性能和实现离线体验，常用方法包括setItem()存数据、getItem()取数据、removeItem()删数据等。
2025-07-07 20:41:01
538
使用正则表达式与ParseExact处理复杂日期时间字符串 本文详细阐述了如何利用正则表达式从非标准、包含额外信息的日期时间字符串中精确提取必要组件，并结合C#的DateTime.ParseExact方法将其转换为有效的DateTime对象。核心在于两步走策略：首先通过正则表达式精确定位并捕获日期时间各部分，然后根据预定义的格式字符串和不变文化信息进行可靠解析，从而有效解决传统解析方法面对复杂字符串时的局限性。
2025-07-07 20:32:21
812
Phaser中实现群体敌人追踪玩家行为教程 本教程详细讲解如何在Phaser游戏中实现一群敌人在指定范围内追踪玩家的功能。内容涵盖Phaser物理组（PhysicsGroup）的正确使用、迭代组内精灵的最佳实践、以及如何利用Phaser内置工具进行精确的距离判断，并提供完整的代码示例，帮助开发者构建高效且逻辑清晰的敌人AI行为。
2025-07-07 20:24:25
305
Phaser游戏开发：实现群体敌人智能追击行为与常见问题解析 本教程详细讲解如何在Phaser中为一群敌人精灵实现智能追击玩家的功能。我们将解决在实现过程中常见的错误，包括错误使用静态组、不正确的精灵遍历方式，并介绍如何利用Phaser内置的距离计算函数优化追击逻辑，确保敌人能高效地在指定范围内响应玩家。
2025-07-07 20:24:18
744
Phaser游戏开发：实现群体敌人智能追击行为教程 本教程详细讲解如何在Phaser游戏中为一组精灵（敌人）实现智能追击玩家的行为。我们将纠正常见的代码错误，如静态物理组的使用、错误的精灵迭代方式，并引入Phaser内置的距离计算工具，以确保敌人在特定范围内（例如400像素）能准确地检测并追击玩家，同时优化其移动和动画表现。
2025-07-07 20:04:10
293
Phaser 3 游戏开发：优化敌人AI追击行为与常见问题解决 本文旨在指导Phaser3开发者如何高效实现群组敌人的智能追击行为。我们将深入探讨物理组的正确使用、精灵组的遍历方法、精确的距离检测算法，并提供优化后的代码示例，帮助您解决常见错误，构建响应迅速且性能优异的敌人AI系统。
2025-07-07 20:02:01
516
Phaser中实现群体敌人近距离追逐行为的教程 本教程详细讲解如何在Phaser游戏中为一组精灵实现基于距离的追逐玩家行为。文章将指出并纠正常见的代码错误，包括静态组的误用、遍历精灵组的正确方法，以及如何利用Phaser内置的数学工具精确计算距离。通过实例代码和最佳实践，帮助开发者构建高效、准确的敌人AI逻辑。
2025-07-07 19:42:16
387
p5.js文本重复显示问题解决方案 本文旨在解决p5.js中出现的文本重复显示问题。该问题通常由于draw()函数的高频率重复执行以及异步加载图像时未正确处理时序导致。文章将提供两种解决方案：使用preload()函数预加载图像，以及使用noLoop()函数停止循环渲染或在draw()函数中使用background()或clear()函数清除画布。通过这些方法，可以确保文本只在图像加载完成后绘制一次，从而避免重复显示的问题。
2025-07-07 19:28:11
556
p5.js文字重复显示问题解决方案 在使用p5.js进行图形绘制时，有时会遇到文字重复显示的现象。这通常是由于draw()函数的高频率执行以及异步加载资源导致的。本文将详细介绍产生此问题的原因，并提供几种有效的解决方案，帮助开发者避免文字重复显示，确保画布内容的正确呈现。
2025-07-07 19:28:01
257
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
app下载
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部