`

iframe相互取值

    博客分类:
  • js
 
阅读更多
1.情况:一个页面(父页面p)里加载了两个iframe子页面(fa和fb)
bgcolor="b5d6e6" onmouseover="changeto()" onmouseout="changeback()">
src="/private/membermanage/consume/consume_left.jsp">
src="/private/membermanage/consume/consume_right.jsp">
取值1:父页面获取子页面的值
var doc=window.frames["fa"].document;
var pk_goods_info = doc.getElementsByName("pk_goods_info");
var goods_quantity = doc.getElementsByName("goods_quantity");

取值2:子页面获取父页面的值,并赋值(子页面操作父页面)
var doc=parent.document;
doc.getElementById("consume_money").value=consume_money;

取值3:两个子页面相互操作(fb操作fa)
var doc= parent.frames['fa'].document;
doc.getElementById("rate"+count).value=rate;
分享到:
评论

相关推荐

    js实现iframe框架取值的方法(兼容IE,firefox,chrome等)

    alert("取值结果为:" + value); } else { alert("无法获取iframe的document对象,请检查浏览器兼容性"); } } ``` 在这个示例中,`getValue`函数首先尝试获取`iframe`的`document`对象,然后通过`...

    web前端iframe相互调用方法详解

    针对这一主题,文档《web前端iframe相互调用方法详解》详细阐述了在QUICK UI框架以及其他任何涉及到iframe的场景中如何实现页面间的相互调用。 首先,我们要明确的是,当使用iframe嵌入页面时,每个iframe实际上都...

    vue3嵌套iframe及相互通迅

    vue3嵌套iframe及相互通迅,包含vue嵌套iframe的通用组件,vue 与 iframe 相互通讯的公共方法;同时包含apache部署vue的配置文件,以及vue访问apache代理的静态html页面。 实现通过vue路由 加载第三方服务页面,实时...

    Iframe窗体之间相互传值

    父子窗体之间传值iframe之间的相互操作,还有sturts2指定跳转的页面。

    iframe兄弟页面相互调用

    本文将详细讲解如何实现`iframe`兄弟页面之间的相互调用。 首先,理解`iframe`的结构是关键。一个`iframe`元素在HTML中通过`<iframe src="..." ></iframe>`定义,`src`属性指定了要加载的页面URL。多个`iframe`在...

    使用js通过iframe给父窗体传值以及取值

    通过js实现的子窗体与父窗体之间的值传递

    php main 与 iframe 相互通讯类

    本知识点将详细讲解"PHP main 与 iframe 相互通讯类",以及如何通过给定的文件实现同域与跨域的通信。 首先,我们来看标题中的"main"和"iframe"。在Web开发中,"main"通常指的是主页面,而"iframe"是HTML中的一个...

    php main 与 iframe 相互通讯类 同域 跨域)

    本文将详细讲解"PHP main与iframe相互通讯类 同域 跨域"这一主题,以及如何利用提供的文件实现这一功能。 首先,我们要理解同域和跨域的概念。同域是指两个或多个页面的源(协议+域名+端口)相同,它们之间可以自由...

    页面中iframe相互传值传参

    特别是早期的浏览器,如Internet Explorer和Firefox,在处理iframe的跨域和相互操作时存在差异。因此,我们需要找到一种方法,使得在不同的浏览器环境下,父窗口都能顺利调用iframe内部的对象和函数。 首先,要在...

    嵌套iFrame使用postMessage相互传递消息(嵌套iFrame、跨父子窗口、跨页面).zip

    练习说明:使用postMessage可以在iFrame、父子窗口、跨页面等,之间相互传递消息。 你好,我是TKCB-GO,一个有着游戏策划梦想,却沦为程序员的游戏家,这是我的技术博客:www.tkcb.cc 技术博客网站里面,除了我的...

    iframe父页面与子页面通信及相互调用方法

    "iframe父页面与子页面通信及相互调用方法"是一个重要的主题,涉及到跨域安全、DOM操作以及JavaScript/jQuery的交互技术。下面将详细解释这一知识点。 1. **基本概念** - **父页面(Parent Page)**:包含`iframe`...

    js iframe 方法及元素相互调用

    在JavaScript(JS)中,`iframe`是一种非常有用的元素,它允许我们在一个页面中嵌入另一个页面。这种技术常用于加载外部内容、实现页面部分刷新、或者在不同域之间进行跨域通信。本文将深入探讨如何使用JS与`iframe`...

    vue基于iframe优雅实现全新的微前端方案,继承iframe的优点,补足 iframe 的缺点,让 iframe 焕发新生

    基于iframe优雅实现全新的微前端方案,继承iframe的优点,补足 iframe 的缺点,让 iframe 焕发新生。 适合人群:具备一定编程基础,工作1-3年的研发人员 能学到什么: 1、使用postMessage方法来完成基座项目和子...

    iframe内容高度 iframe自适应高度终极解决Iframe设置高度后无法缩小问题

    在网页开发中,`<iframe>`元素是一种非常实用的工具,它允许我们在一个页面中嵌入另一个页面的内容,实现页面的组合或者隔离加载。然而,`<iframe>`的高度自适应问题常常困扰着开发者,尤其是当`<iframe>`内部的内容...

    iframe与主框架跨域相互访问

    在同域环境下,即`iframe`的源URL与包含它的页面URL具有相同的协议、主机名和端口,`iframe`与主框架之间的通信是无障碍的。它们可以共享JavaScript变量、通过DOM操作互相影响,以及使用`window.postMessage`进行...

    iframe跨域常用问题和iframe页面自适应

    本篇文章将深入探讨两个关键知识点:`iframe`跨域问题以及`iframe`页面的自适应。 一、`iframe`跨域问题 跨域是Web开发中的一个重要概念,它限制了浏览器从一个源获取另一个源的资源,以保护用户的安全。当`iframe...

    iframe自适应宽高

    这个库允许的高度与同跨域iframe来适应他们所包含的内容的宽度自动调整大小。它最常见的问题与使用iframes提供一系列的功能,其中包括: 高度和宽度大小的iframe内容大小。 作品以多个嵌套的iframe。 跨域iframe域...

    iframe对另一个iframe控制的Demo

    本实例“iframe对另一个iframe控制的Demo”展示了如何通过JavaScript或者jQuery实现一个iframe对另一个iframe的交互,以及如何控制iframe的显示与隐藏。这种技术广泛应用于构建复杂的Web应用程序,如页面内的多窗口...

Global site tag (gtag.js) - Google Analytics