调用iframe页面里的控件

跨窗体调用与内容获取

最新推荐文章于 2022-01-10 19:02:01 发布

原创最新推荐文章于 2022-01-10 19:02:01 发布 · 292 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#HTML

JavaScript文章专栏收录该内容

19 篇文章

订阅专栏

本文介绍了一个简单的跨窗体调用示例，通过父窗体中的按钮触发函数来获取子窗体内指定元素的内容，并展示如何使用JavaScript进行元素内容的读取及弹窗显示。

function forFatherFunction1(){
			alert(iframe1.document.getElementById("myDIV").innerHTML);
		}

<input type="button" onclick="forFatherFunction1()" value="调用函数1"/>
<iframe src="child1.html" name="iframe1" id="sss" ></iframe>

子页面：

<div id="myDIV">sdfsdfsdf</div>

弹出的结果是层上的内容

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

索引在线

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

iframe调用父页面函数示例详解

09-04

要使`iframe`能够调用父页面的函数，我们需要使用JavaScript的`window.parent`属性。这个属性引用了包含当前`iframe`的顶级窗口，也就是父页面的窗口对象。通过`window.parent`，我们就可以访问并执行父页面中的任何...

DLL+ ActiveX控件+WEB页面调用例子

01-19

DLL（动态链接库）: 分WIN32 DLL和MFC DLL ActiveX：分ATL控件和MFC控件两类（也是一个DLL） WEB：JAVASCRIPT 调用-> ActiveX调用-> DLL 完成加法运算并返回值，在页面上显示。二、开发（VS2008） 1、DLL 库编写：...

1 条评论您还未登录，请先登录后发表或查看评论

javascript调用iframe中的控件

李厂长的自留地

12-16

948

test1.htnl function get(){ var ifr1 = window.parent.document.getElementById(test2Frm);　　 var b1 = ifr1.contentWindow.document.getElementById(test2).value;

获取子框架(iframe) 内控件的值

于悦的专栏

06-30

798

var pageIndex = window.iframe1(iframe的名).document.getElementById(pageIndex).value;alert(pageIndex);

关于iframe控件的使用（宽高自适应）

Qing_0124的博客

01-10

628

1、添加加载事件onload() 2、编写js逻辑，利用scrollHeight和scrollWidth方法获取要加载的子页面的宽高，随后进行赋值操作，把获取的值赋给当前iframe控件。

获得iframe中的控件值

win的小屋

08-19

2972

例如：有一个iframe,index.cgi页面中有很多控件，其中以一个隐藏按钮举例，如果想获得index.cgi中的value值；可以这样操作：var frame1 =getAllDevice; //getAllDevice是iframe的id

访问 iframe 内部控件方法

weixin_30851409的博客

02-23

133

方法虽然简单，但是经常忘记，网上一查，很多方法兼容性都有问题，这段代码至少兼容IE和Chrome setInterval(function(){ document.getElementById('mainFrame').contentWindow.document.getElementById("btnSearch").click();},10000); 转载于:https://w...

js将iframe中控件的值传到主页面控件中的实现方法

10-27

6. **事件处理**：在iframe页面中的按钮元素里，设置了一个onclick事件处理器onclick="OnTest()"，当点击按钮时，会触发OnTest函数。这是在HTML页面中实现事件驱动编程的常用方式。 7. **JavaScript函数定义**：主...

在layui tab控件中载入外部html页面的方法

10-16

在layui的tab控件中，可以将<iframe>标签放置在tab的内容部分，来实现外部页面的嵌入。例如： ```html <li class="layui-this">hao123 百度 <li>layui的button <iframe src="***"></iframe> ...

子页面通过Iframe获取父页面的变量与控件技巧

然而，有时我们需要在iframe（子页面）和包含它的页面（父页面）之间进行交互。在这种情况下，了解如何获取父页面的变量和控件成为了前端开发者的必备技能。 ### 知识点 1. **iframe的使用和限制** iframe元素...

Javascript密码输入控件

12-20

Javascript密码输入控件Javascript密码输入控件Javascript密码输入控件Javascript密码输入控件Javascript密码输入控件Javascript密码输入控件

页面获取iframe中的控件

school104的专栏

09-21

1267

marginwidth="0" marginheight="0" scrolling="no" frameborder="0" width="85%" align="top"> var objFrame = document.getElementById(centerFrame).contentWindow; var

angular从iframe里面调用父页面的controller的方法

专注于大数据方向，区块链，前后端，数据可视化，人工智能等领域

10-24

1998

从iframe中调用父页面的controller中方法 1、从当前页面中获取对应的controller，可以通过一下方法去获取。 angular.element(xxx).scope() 2、获取父页面的controller window.parent.angular.element(xxx).scope(); // 未能获取 window.parent.$(‘div[ng-controller...

Iframe加载页面，页面内控件被iframe遮住，无法获取焦点的解决办法。

cold_skyblue的专栏

06-05

1407

现象：用层模拟弹出页面。在层中嵌入一个iframe，该iframe引入一个页面，该页面中有一个输入框，经常出现打开后无法获得焦点，需要按一下TAB键才可以。解决过程：尝试了N种方式，单步跟发现没有任何异常。后借助搜索引擎发现，在IE6上的确出现这个问题，可能是IE6的一个bug。本人使用的是IE8。百思不得其解，花了两天时间。后在页面加载完成后直接将焦点放在第一个输入框内，结果问题解...

JS访问iframe内容页中的控件

weixin_33737134的博客

03-25

176

JS访问iframe内容页中的控件(不支持跨域访问)： var viewFrameLength = document.getElementsByTagName("iframe").length; alert(viewFrameLength) if(viewFrameLength > 0) { for(var i = 0; i < viewFrameLength; i+...

访问iframe内的页面的控件contentW…

qizhanfeng的专栏

06-16

273

iframe.contentWindow.document.getElementByIdx_x_x("hfUrlParam").id 访问iframe内的页面的控件contentWindow 在子窗口iframe中取父窗口的中的另外iframe中的控件 javascript写法 window.parent.parent.parent.frameDianZiQianZhang.docum...