（记录）操作多层Iframe嵌套内的元素

最新推荐文章于 2020-12-19 22:02:23 发布
最新推荐文章于 2020-12-19 22:02:23 发布
阅读量146 收藏
点赞数
文章标签： javascript ViewUI
本文介绍了一个简单的JavaScript脚本，该脚本能够实现从外部页面通过按钮点击操作来获取并设置嵌套iframe中内部页面HTML输入框的值。通过document.getElementById('if1')获取iframe后，再通过contentWindow获取内嵌页面的对象。
摘要由CSDN通过智能技术生成

今天碰到的问题，呵呵，记录一下，一个小小的JavaScript脚本。

要达到的效果如下图

1

有三个页面：

Default.aspx

Default2.aspx

Default3.aspx

嵌套关系就不用说了，看图即可。通过点击最外层的HTML元素Button获取并设置Iframe嵌套中的Default3.aspx页面中的HTML输入框元素的值。

重要部分就是通过document.getElementById('if1')获取Iframe后，通过其contentWindow获取到内嵌页的对象，然后继续.document.getElementById获取其中的内容。

示例程序下载，VS2008创建的基于.NET Framework 2.0的网站。

weixin_34126557
关注
Selenium 如何处理多层嵌套 iframe
简简单单Onlinezuozuo
10-15 3099
文章目录Selenium 如何处理多层嵌套 iframe1、如果 iframe 里面还套了一个 iframe2、如何不直接回到主文档，而是返回上一层 iframe Selenium 如何处理多层嵌套 iframe 1、如果 iframe 里面还套了一个 iframe 我们可以通过多次切换，进入到对应的 iframe driver.switch_to.frame(frame1) driver.switch_to.frame(frame2) driver.switch_to.frame(frame3) dr
多层嵌入式框架（iframe）使用总结
zhilunchen的专栏
09-22 3850
    在Web开发过程中，为了提高页面架构层次的清晰性和灵活性，应对复杂的页面布局，使用嵌入式框架iframe可能是最有效的解决办法。如果布局比较复杂或页面层次较多，则可能会用到嵌套多层的iframe，然而iframe并不会根据页面高度自动调整自身高度，为了屏蔽滚动条提高视觉效果，就需要使用javascript代码使iframe自动调整高度。    1、单层情况，假设在A.aspx页面的某个
多层 iframe 嵌套 js 方法调用
weixin_30266885的博客
07-28 451
一下午一个这破问题，浪费了不少时间，怎么也实现不了我的上上级iframe 刷新。NND。 实现了，记录一下下吧： window.parent.parent.document.getElementById("content_frame").contentWindow.location.reload(); window.parent.parent.document.getElemen...
快速获取/设置iframe内对象元素的几种js实现方法
10-22
下面小编就为大家带来一篇快速获取/设置iframe内对象元素的几种js实现方法。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
解决iframe无限嵌套问题。
weixin_34405354的博客
01-21 1685
2019独角兽企业重金招聘Python工程师标准>>> ...
使用了iframe框架，而且iframe里面嵌套的frame框架 ，弹出框出现zDialog.js中的“topWin.Dialog._Array为空或不是对象”。(开发笔记3)
见多识广的王老师吹
07-02 2420
今天在做前端布局时，遇到了弹出框的问题，使用了iframe框架，而且iframe里面嵌套的frame框架 ，弹出框出现zDialog.js中的“topWin.Dialog._Array为空或不是对象”。 在网上找了很多答案，最后找到两种可以解决的方法，希望不光我自己用到，大家遇到这个问题时能搜的到这个答案： 使用了iframe框架，而且iframe里面嵌套的frame框架 ，弹出框出现
iframe 多层嵌套 无限嵌套 高度自适应的解决方案
12-14
iframe id=”main” name=”main” width=”980″ scrolling=”no” frameborder=”0″ src=”B页面” onload=”this.height=main.document.body.scrollHeight;this.width=main.document.body.scrollWidth;if(this....
关于解决iframe标签嵌套问题的解决方法
11-21
问题描述 当我们使用easyui做后台管理系统的时候，会使用tree组件来实现树形菜单，而我们每点击一次相应菜单，会根据是否有url来判断是否是一级菜单，以及是否...如果为否，我们就会嵌套一个iframe标签来打开一个相应的
js如何判断是否在iframe中及防止网页被别站用iframe嵌套
01-19
1. js如何判断是否在iframe中 Js代码 //方式一 if (self.frameElement && self.frameElement.tagName == IFRAME) { ...2. 防止网页被别站用 iframe嵌套 将下面的代码加到您的页面 <head></head> 位置
frameset父页面和子页面的方法之间调用个属性的调用（页面上可以包含iframe）
08-08
NULL 博文链接：https://747017186.iteye.com/blog/2168620
iframe 里面的遮罩被父元素盖住问题
qq_40247562的博客
11-07 4502
前言：最近项目遇到的问题，项目的所有菜单点击会出现对应的子页面，同时出现本页面的选项卡，（之后类似于选项卡的操作，不过选项卡的标签是由点击的菜单组合而成）。类似效果如下： 实现方法：点击每个菜单的时候，下面的内容由iframe 切换，同时创建选项卡......。 问题：由于所有的子页面是由iframe 链接进去，所以在iframe上的遮罩层不会遮住完成的dom,导致外层的按钮还能操作。 ...
h5 iframe嵌套页面_如何将一个HTML页面嵌套在另一个页面中
weixin_39552037的博客
12-19 6070
展开全部这个在做网页中常e69da5e887aa62616964757a686964616f31333339666636要用到，有些通用的内容可集中放在一个页面文件中，其它要用到这些内容的页面只需要包含(引用)这个通用文件即可。这样便于维护，如果有很多网页，当通用内容需要修改时，只改一个文件就可以了，不需要每个文件单独修改。最典型的应用比如页脚的版权信息等内容可以放在一个叫做footer.html...
关于获取iframe中多层嵌套问题
韩城飞雪
02-27 1306
function close_win() { var currentWin = window.frames["right"].frames["leftframe"].frames["son_iframe"].frames["leftframe"]; var doc = currentWin.document.getElementById('voucherflag').value; ...
ASP.NET 嵌套页面的几种方式
热门推荐
ASP.NET
10-19 1万+
1、#include Tisp => aspx页面，无法嵌套aspx,因为一个页面只能有一个“page”指令。 Code: 2、iframe(自适应屏幕高度，高度100%显示(无需js) Tips => 必须去除中的html，否则高度100%无效 Code: 3、Response.WriteFile() Tips => asp.net的“Response.WriteFil
python playwright 操作多层iframe里的元素
最新发布
06-03
要操作多层嵌套的 iframe 元素，可以使用 Playwright 中的 `frame` 方法。这个方法可以接受一个选择器或者一个 frame 元素作为参数，用于切换到指定的 iframe 中。 下面是一个示例代码，用于在多层嵌套的 iframe 中...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值