程序员经验分享-hwhale

如何从父 javascript 页面访问子 iframe 元素？

2023-12-06

在我的页面中，我有 iframe 代码。当我单击启用框架窗口的特定链接时。它是一个表单。当我提交表单时，我会得到一些隐藏字段值。我如何访问父页面中的这些值？


由于您的 iframe src= 完整的 url，而不是相对路径（即：/app/appsignup.jsp），我将假设此 Iframe 存在于原始页面之外的另一个 IP 或域中。如果这个假设是正确的，那么由于大多数浏览器中的跨站点脚本安全规则，您将无法修改 Iframe 的 DOM。

如果父站点和子 iframe 存在于同一顶级域中，则可以使用 document.getElementById("iframe_id")

编辑回答第二个问题：

您可以向 iframe 添加 onLoad 事件，只要 iframe 只有 1 个表单，并且页面仅在提交时更改，这就是您想要重定向的位置。

这是一个示例，但要知道这将在第一次重定向并且不起作用！ 您要做的就是在其中放置一个函数，然后在该函数的 .js 中检查第二个 onLoad...

<iframe name="signUp" id="signup" src="10.80.32.9:8080/app/appsignup.jsp"; width="650" height="500" onLoad="window.location('/index.html');">
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

php

javascript

iframe

如何从父 javascript 页面访问子 iframe 元素？ 的相关文章

随机推荐

  • SQL Server 长查询中的表锁 - 解决方案：NoLock？

    我的应用程序中的报告运行一个需要 5 15 秒的查询 仅限于将返回的行数 该查询对我的应用程序的几乎所有主表 客户 销售 单位等 有 8 个联接 一个小工具向我展示 此时 所有这 8 个表都被共享表锁锁定 也就是说 此时不会进行任何更新操作

  • targetSdkVersion 26 在崩溃报告中给出异常

    根据到 2018 年 11 月将目标 SDK 版本更新到 26 的要求 我在几个月前尝试更新我的 gradle 文件并发布了我的应用程序的新版本 将目标 sdk 和编译 sdk 版本更新为 26 从 23 之后 一天之内 我开始在 Fire

  • 未找到 Gradle DSL 方法：“classpath()”

    项目 FeedBack 可能使用不包含该方法的 Android Gradle 插件版本 例如 在 1 1 0 中添加了 testCompile 修复插件版本并同步项目 项目 FeedBack 可能使用不包含该方法的 Gradle 版本 打开

  • 请指出我学习异步Javascript过程中的错误

    我是 Javascript 和异步编程的新手 有些事情让我感到困惑 请指出我学习中的错误 异步函数的回调被放入消息队列中 通过事件循环执行 异步执行是非阻塞的 完成 通过事件循环 功能类似于setTimeout是异步的 异步函数是阻塞的 只

  • 创建不可移动类型的 std::vector

    我有一个std vector named args 我不知道编译时向量的大小 和不可移动类型NonMoveable 我想创建一个与 args 大小相同的向量 因此它等于 NonMovable args 0 additional arg No

  • git log 并在裸仓库上显示

    我在家里本地网络的文件服务器上创建了一个裸存储库 之后 我将现有存储库的一个分支从我的桌面电脑推送到这个新的远程存储库 推送工作完美 似乎所有数据都已到达 gitbranch va 给了我正确的数据 但我无法在裸存储库上使用 git log

  • 某些 bash 脚本中使用的“function”关键字是什么？

    例如 Bash Prog 简介 HOWTO function foo 我在以下位置进行搜索查询info bash并查看 POSIX 的相关章节function关键字但没有找到 What is function某些 bash 脚本中使用的关键

  • Kubernetes 滚动更新是否可以从服务负载均衡器中优雅地删除 Pod

    负载均衡器后面的主机滚动更新的标准做法是优雅地停止轮换主机 这可以通过将主机标记为 不健康 并确保主机不再接收来自负载均衡器的请求来完成 Kubernetes 是否会对由 ReplicationController 管理并为 LoadBal

  • Angular 中的变更检测 API 底层架构

    我正在阅读这篇文章 并对更改检测操作的工作原理感到困惑 https vsavkin com change detection in angular 2 4f216b855d4c 这个概念 Angular 表示它不会进行脏检查 也没有像 An

  • 如何通过 ingress 在 GKE 中启用 cors

    我尝试使用以下注释启用带有入口的 cors 但没有成功 kubernetes io ingress class nginx nginx ingress kubernetes io enable cors true 正确的注释是ingress

  • 是否有一棵树可以对对象进行排序？

    我编写了一个红黑二叉统计树 以获得与红黑树中其他对象可比较的任意对象的排名 我想知道是否有一个 API 类提供相同的功能 如果给定一个等级 该类有一个函数可以返回树中该等级的对象 那就太好了 请注意 红黑 BST 允许在 log n 时间内

  • 将 Unicode 代码点转换为 UTF-8 和 UTF-32

    我想不出一种方法来删除前导零 我的目标是for循环创建每个数字的 UTF 8 和 UTF 32 版本 例如 对于 UTF 8 我不需要删除前导零吗 有谁有解决方案来解决这个问题 基本上我要问的是 有人有一个简单的解决方案将 Unicode

  • 空 XML 分离出默认 XML

    我有一个传递给 XSL 的 XML 它提供了标准输出 根据某些情况 有时我可能会将 XML 设为空 如果我们有空 XML 并获取 XSL 中的标准或默认输出 有什么办法吗 如果我们有空 XML 有什么办法吗 并获取标准或默认值 放入 XSL

  • Java（Eclim + Vim）“system.out.print”不工作

    我是 Java 编程新手 今天在摆弄 eclim 和 vim 时 我发现 System out println 功能不起作用 class apples public static void main String args double t

  • 更改屏幕后反应本机保存按钮状态

    我的应用程序中有 5 个按钮 跑步 骑行 阅读 编码 牛儿 当我单击它时 按钮会更改其颜色并在屏幕上显示标题 我正在使用这个库 反应本机选择多个按钮 假设我单击了 跑步 和 骑行 按钮 这些按钮将突出显示 并且文本将显示在屏幕上 但是当我将

  • C#中如何通过socket发送文件

    我有服务器和客户端控制台应用程序 它们可以很好地通信并发送一些字符串 这是代码 Server public static void Main try IPAddress ipAd IPAddress Parse 127 0 0 1 Init

  • 使用自定义类加载器加载资源包

    import java io ByteArrayOutputStream import java io File import java io IOException import java io InputStream import ja

  • 启动 PyCharm 时 Dyld 错误消息

    几周来我一直在试图解决这个问题 但仍然陷入困境 我一直在研究它并慢慢获得更多信息 但还无法解决它 我在 Stack Overflow 上读过这些类似的问题 dyld 库未加载 usr local Cellar python 3 7 4 1

  • 如何访问多个文件的内容

    有什么方法可以添加多个文件的内容 然后将组合值放入一个文件中 我目前正在尝试这个 start tr include include all items item input start tr php img start include in

  • 如何从父 javascript 页面访问子 iframe 元素？

    在我的页面中 我有 iframe 代码 当我单击启用框架窗口的特定链接时 它是一个表单 当我提交表单时 我会得到一些隐藏字段值 我如何访问父页面中的这些值 由于您的 iframe src 完整的 url 而不是相对路径 即 app apps

热门标签