现在有一个页面上面是一个iframe的报表
下面是一个iframe的图形
分别向两个iframe传值
怎么传呢？
用到什么技术？简单实用的最好~
如何向一个页面中的两个iframe传值
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
7条回答 默认 最新
「已注销」 2011-07-22 20:34关注例子如下：
定义主页面：demo.html，里面两个iframe:a.html、b.html
[list]
[*]demo.html
[code="html"]
<!DOCTYPE html>
[/code]
[*]a.html
[code="html"]
<!DOCTYPE html>
<br> function callBFun() {<br> parent['frame_B'].changeHiValue(document.getElementById('user').value);<br> }</p> <pre><code> function callDirect() { parent['frame_B'].document.getElementById('hi').innerHTML = '直接操作：====>' + document.getElementById('user').value; } </script> </head> <body> <h1 style="color: red;">这是a</h1> <input type="text" id="user" size="8"><input type="button" onclick="callBFun()" value="调用b中函数"><input type="button" onclick="callDirect()" value="直接操控b中的dom"> </body> </code></pre> <p></html><br> [/code]<br> [*]b.html<br> [code="html"]<br> <!DOCTYPE html><br> <html><br> <head><br> <script type="text/javascript"><br> function changeHiValue(value) {<br> document.getElementById('hi').innerHTML = '通过调用：==>>==>>' + value;<br> }<br><body> <h1 style="color: blue;">It's the b</h1> 来自A中的值：<label id="hi" style="color: red;"></label> </body>
[/code]
[/list]本回答被题主选为最佳回答 , 对您是否有帮助呢?解决评论 打赏无用 1举报 分享
- 2020-10-29 12:43这就要求两个页面必须拥有相同的域名、协议或端口，否则将受到同源政策的限制。在实现跨域交互时，可能需要服务器端的配置，比如CORS（跨源资源共享）头的支持，或者使用postMessage API来实现安全的跨域通信。 ...
- 2020-10-20 03:13在网页开发中，有时我们需要将一个页面的数据传递到另一个页面，特别是在有iframe嵌套的情况下。JS实现向iframe中表单传值是常见的交互技术，它涉及到JavaScript对页面元素的操作以及表单属性的处理。以下是对这个...
- 2020-10-22 00:43本文主要介绍了使用JavaScript实现两个iframe之间传值的方法。具体而言，是通过JavaScript代码来操作iframe框架下的页面元素，从而实现数据的传输和接收。这种技术可以广泛地应用在需要多个页面模块协同工作的Web...
- 2021-06-11 11:37weixin_39717110的博客 解决同一页面中两个iframe互相调用jquery,js函数的方法这一个月又没更新博客，唉，懒癌又犯了，今天解决了一个问题，关于两个iframe互相调用jquery函数方法a.html中有两个iframe,如下：b.html中有一个treeview,称为...
- 2020-06-03 22:00`iframe`是一个可以嵌入其他HTML文档的框架，它允许我们在一个页面中展示多个独立的网页。然而，由于浏览器的同源策略限制，`iframe`内的页面与包含它的父页面在不同源时，不能直接访问彼此的DOM或JavaScript变量，...
- 2021-06-11 11:35loretta bu的博客 主要知识点1：document.getElementById("ii").contentWindow 得到iframe对象后，就可以通过contentWindow得到iframe包含页面的window对象，然后就可以正常访问页面元素了；2：$("#ii")[0].contentWindow 如果用...
- 2021-06-11 11:37weixin_39589557的博客 如下：先是主页面HTML代码postMessage(跨域)给iframe发一个信息：目标iframe传来的信息：暂无信息postMessage (跨域)给iframe发一个信息：目标iframe传来的信息：暂无信息然后是iframe的HTML代码给父窗口发个信息：...
- 2020-10-16 10:52`type: 2`表示这是一个iframe类型的弹窗，它将加载一个外部URL。`title`定义了弹窗的标题，`btn`是底部按钮的文字数组，`content`则是iframe要加载的URL。在这里，`@Url.Content("~/Role/UserRoleView?rid=")`是...
- 2024-07-19 16:10老汤前端博客的博客 iframe传递参数，Vue项目中使用iframe及传值，最近做了一个这样的业务处理，在uniapp 项目中使用第三方页面，需要在当前的页面中把一些数据传给第三方，第三方处理后返回一些数据给当前页面，后续其他的操作会用到...
- 2020-09-04 20:101. 使用代理`IframeC`：创建一个与主页面A同源的`IframeC`，嵌入到`iframe B`中。`iframe B`通过`IframeC`将数据传递给`IframeC`，然后`IframeC`再将数据传递给主页面A。`IframeC`可以使用`window.top`或`window....
- 2020-12-11 22:04Michael18811380328的博客 一个父页面中可以嵌入多个子页面。不同子页面之间称为兄弟页面。 我需要做的就是：父获取子的属性、子获取父的属性。 父获取子的属性 首先界面中的 iframe 需要设置不同的 ID，这样父组件中，可以通过 document...
- 2020-10-21 16:19iframe中的页面通过jQuery在页面加载时调用这两个元素： ```javascript $(function(){ // 在iframe中查找父页面元素 alert($('#default', window.parent.document).html()); // 在iframe中调用父页面中定义的方法...
- 2024-04-15 13:27美美程序媛的博客 一、父页面传值给子页面 二、子页面传值给父页面
- 2021-06-25 12:54weixin_39943799的博客 使用parent.xadmin.add_tab()方法打开新的标签页重点是这个parent，折磨了我一下午，原来是没有搞清应该从父页面打开。最开始的xadmin.add_tab()是用在左边菜单上的，点击就会增加新的标签页，这个才是父页面。使用X...
- 没有解决我的问题, 去提问
