iframe获取父页面数据

最新推荐文章于 2024-04-28 19:21:12 发布
最新推荐文章于 2024-04-28 19:21:12 发布
阅读量3.2k 收藏
点赞数
分类专栏： 前端 文章标签： js iframe
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zltAlma/article/details/91489304
版权

frame_FSUPLD为iframe的ID
sendContent1为iframe子页面的元素ID。

js:
parent.document.getElementById(“frame_FSUPLD”).contentWindow.document.getElementById(“sendContent1”).innerHTML;

jquery:
$(window.parent.document).find(’#frame_FSUPLD’).contents().find("#sendContent1").html()
或：
$(’#frame_FSUPLD’, parent.document).contents().find("#sendContent1").html()

阳光女孩666
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
iframe-localstorage
06-09
iframe-localStorage 实际上不可能从嵌套在不同域中的 iframe 元素中的页面使用功能（考虑到父框架域）。 为了解决这个限制，我编写了这个简单的库，它使用功能也可以在跨域框架中使用 localStorage。 为了使用它，在父窗口中包含 parent.js 文件和在嵌套窗口中包含 iframe.js 文件就足够了。 iframe.js 文件覆盖 localtStorage setItem 、 getItem和removeItem方法，并提供延迟接口等待结果。 代码示例 在嵌套页面中包含 iframe.js 后，您可以将 localStorage 方法与经典接口一起使用。 localStorage . setItem ( 'test' , 5 ) ; localStorage . getItem ( 'test' ) . done ( function
【Layui弹窗iframe父子页面之间数据传递】
qq_44749901的博客
03-31 2123
可以在iframe的src属性中通过URL参数的形式将数据传递给子页面，子页面可以通过location.search获取URL参数。可以在父页面中通过postMessage方法向子页面发送消息，子页面中通过监听message事件获取消息。可以在父页面中通过localStorage设置数据，子页面中通过监听storage事件获取数据。可以在父页面中通过window对象设置数据，子页面中通过window对象获取数据。
iframe 跨域之间共享localStorage,sessionStorage
m0_65730686的博客
09-02 9490
iframe 跨域之间共享localStorage,sessionStorage
iframe父子页面通信
最新发布
大雾起了清晨
04-28 782
目录 一、 创建父页面和子页面父页面（parent.html）：子页面（child.html）：二、 实现父子页面之间的通信在父页面的 标签中：在子页面的 标签中：三、扩展：postMessage() 方法的语法：首先，我们需要创建一个包含 iframe 的父页面和一个子页面，在父页面中嵌套子页面并实现它们之间的通信。 子页面（child.html）： 二、 实现父子页面之间的通信 在父页面和子页面中，我们可以通过 postMessage 方法来实现跨域通信。以下是一个简单的例子： 在
iframe 页面中获取父级页面的 localStorage 或者 sessionStorage数据
jiangjunyuan168的博客
01-24 3170
在开发的过程中遇到需要在 iframe 页面中获取父级页面系统所存储的本地数据的需求。由于浏览器的安全策略，是不允许 iframe 页面直接获取系统的存储数据的，那么要如何解决呢？
cookie和localstorage在iframe中的应用
u010895423的博客
02-23 3982
cookie和localstorage在iframe中的应用
简单通过iframe+postMessage+localstorage实现跨域通信存储
sassssiii的博客
03-28 1141
通过以上的代码我们就可以在我们新打开页面中的localStorage中查看到我们需要的token。这个方式我们可以实现我们在工作上出现的单点登录的问题，或者跨域传递信息的解决方案。下面的这个是http://localhost:8080里面的代码。下面的这个是http://localhost:8081里面的代码。在vue中也可以使用以上的方法进行实现。
iframe的运用---特别是获取父子页面的元素
yzyblog的博客
08-16 685
使用<iframe src="./iframe.html" frameborder="0" scrolling="auto" name="iframe"></iframe> 同域的情况下，当前页面获取iframe页面里面的元素的话，必须使用加载事件，window.frames.iframeName.onload = ...，window.frames.iframeN...
iframe子页面获取父页面元素的方法
12-09
在网页开发中，有时我们需要在`iframe`子页面与父页面之间进行交互，例如获取或操作对方的DOM元素。这通常涉及到跨文档通信，因为`iframe`子页面被视为一个独立的文档，它有自己的窗口对象和文档对象模型（DOM）。...
iframe父页面获取子页面参数的方法
12-10
在Web开发中，有时我们需要在父页面中操作或者获取嵌入的`iframe`子页面中的数据，例如在一些复杂的交互式应用或者多层框架结构的网页中。标题和描述所提及的是一个具体示例，展示了如何从父页面获取`iframe`子页面...
Iframe获取父页面的变量和控件
05-31
在网页开发中，有时我们需要在一个页面（子页面）中访问另一个页面（父页面）的数据或控制元素，这种情况下，`Iframe` 提供了一个解决方案。本文将深入探讨如何通过 `Iframe` 获取父页面的变量和控件。 首先，我们...
在Iframe中获取父窗口中表单的值(示例代码)
09-04
总结来说，这个示例展示了如何在Iframe中通过JavaScript访问和操作父窗口的表单元素，这对于在多页面应用或者需要在独立的框架中处理父页面数据的场景非常有用。理解这些概念对于进行复杂的前端开发是非常重要的。
子类获取父类iframe中的值
jyd63的专栏
09-04 894
在父类中写入         1.填写代理企业基本资料     2.上传代理企业图片     3.完成
js - 单点登录
hhzzcc_的博客
07-04 1631
1、引言 最近在改造项目前端登录流程，有些心得，分享一下如何实现单点登录 2、什么是单点登录 单点登录(SingleSignOn)，也简称sso，意思就是在一个项目手动登录后，在访问同一登录体系的另一个项目时会自动登录。 3、实现 1、思路 1、单点的实现 普通的登录的流程通过账号密码向后端换取token，或者通过账号密码向后端获取code，在用code换取token，不论哪种方式，最终前端都会得到一个token，在将token写入到localStorage或者cookie，在接口..
localStorage 跨域请求
freedom_fd的博客
05-13 1926
localStorage 跨域请求 http://www.a.jwt.com/login.php A网站 http://www.b.jwt.com/callback.php B 网站 A网站 获取 b网站的 localStorage 信息 A网站 <!DOCTYPE html> <html lang="en"> <head> <meta c...
h5离线存储的原理，怎么使用；cookie，sessionstorage，localstorage的区别、Iframe的缺点
JEFF_xieyuzhi的博客
03-14 1073
文章目录h5离线存储的原理，怎么使用cookie，sessionstorage，localstorage的区别Iframe h5离线存储的原理，怎么使用 个人总结： 原理：h5的离线存储是基于一个.appcache文件来缓存的，它不是存储技术，我们通过.appcache这个文件来解析离线存储资源，这些资源会被浏览器存储起来，当你电脑没有网的时候，浏览器回通过你存储起来的数据对页面进行展示。 使用：...
iframe子级框架获取父级框架的值
wangjingjing1014的专栏
03-02 2537
例如：父级框架存在id为MenuUrl的一个lable，子级框架想要更改lable显示的内容                     子级页面首先要有点击事件，并且根据点击的数据传值   "                         onclick="OnMenuClick('1')" style="text-decoration: none;">专家信息 &nbsp
iframe子页面中获取父页面元素的值
weixin_39667153的博客
08-03 1789
1.获取父页面的一个span的内容 var username=$("#user",parent.document).text(); 2.如果需要获取的元素和当前iframe还隔着好几个iframe可以用 var username=$("#user",top.document).text(); parent是获取上一层窗体的内容 而top是获取顶层窗口的内容 ......
iframe获取父类数据
07-29
要在iframe中获取父类数据，可以使用JavaScript的parent对象。下面是一个示例代码： ``` // 在iframe中获取父类数据 var parentData = parent.document.getElementById("parentElementId").innerText; console.log(parentData); ``` 在上面的代码中，我们使用parent对象来访问父类文档，并使用getElementById方法获取父类中指定元素的innerText属性（或其它属性）。你需要将"parentElementId"替换为你想要获取数据的父类元素的ID。 请注意，由于同源策略的限制，只有在iframe和其父页面属于同一个域名下，才能通过JavaScript进行跨域访问。否则，浏览器会阻止这种跨域访问操作。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值