页面上有一个form和一个iframe，如何把提交之后的结果显示在iframe中。

表单与iframe提交
最新推荐文章于 2020-12-26 13:05:00 发布
最新推荐文章于 2020-12-26 13:05:00 发布 · 919 阅读 · 1
文章标签：

#ASP

<iframe width="100%" name="iframeName">
</iframe>

提交时:
         form.action="test.asp";
 form.target="iframeName";
 form.submit();
------------------------------------

 

用iframe提交表单，主要是将表单提交到iframe中，可实现无刷新提交。
03-05
用iframe提交表单，主要是将表单提交到iframe中，可实现无刷新提交。 html页面： 用户名： 密码： php页面:
使用iframe实现提交表单不刷新页面
09-28
`<iframe>`允许我们将一个网页嵌入到另一个网页中，使其在后台运行，从而达到不影响主页面的效果。 首先，我们需要在HTML文档中添加一个隐藏的`<iframe>`元素。它的大小通常设为0，以确保它在页面上不可见，同时...
条件查询结果显示下面iframe页面
xixiaixinxin的博客
03-15 870
http://www.w3.org/1999/xhtml"> 订单查看 #g .datagrid-btable tr{height: 10px;}  function find(){   //点击提交的时候查询的结果显示在下面这个页面里，看上图：   document.getElementById("form1").action="http://l
一种动态填充iframe方法
wangzunkuan的博客
01-02 2504
在项目中有时候需要获取HTML内容，然后动态填充到iframe中去。 iframe的编辑不跟其他诸如div、p等标签一样，不能简单地用.innerHtml = ''设置。编辑iframe跟编辑文件差不多，需要往里写入内容。 话不多说，下面直接从项目中粘贴代码： handleShowMessage() { var content = this.contentHtml var ...
post方式加载iframe
我的博客
12-26 995
我们平常使用iframe时，直...
一个很实用的小技巧：将某个请求处理后的页面显示在一个Iframe中
hjhcome的专栏
08-05 336
一个小的技巧：将某个请求处理后的页面显示在一个Iframe中 点击一个按钮事件，将处理完请求后的页面放到一个iframe中，需如下操作： 在A.Jsp页面中有一按钮事件和一个iframe： 按钮事件： &lt;input type="button" value="练习Iframe" onclick="aaaaa.Location='请 求的URL'"&gt; Iframe： &lt;iframe...
在一个form用一个SUBMIT(或button)分别提交到两个处理表单页面的代码
10-31
在一个网页表单(form)中，通常我们通过设置不同的提交按钮(submit或button)来实现将数据提交至不同的处理页面。然而，在某些特定情况下，我们可能需要仅使用一个提交按钮(submit或button)来将表单数据同时提交到两个...
ASP.NET中iframe框架点击左边页面链接 右边显示链接页面内容
01-21
ASP.NET中iframe框架点击左边页面链接，右边则显示链接页面内容，具体实现内容如下 先看看效果图： 首先是主页面main.aspx <body style=background-color: #AFEEEE> <form id=form1 runat=server> ...
js如何设置在iframe框架中指定div不显示
10-26
在JavaScript中，隐藏或显示`iframe`框架内的`div`元素是常见的需求，尤其是在构建复杂的网页布局或交互时。以下是一些使用JavaScript实现这一功能的方法，以满足在不同上下文中控制`div`可见性的需求。 首先，我们...
在网页中嵌套另一网页(IFRAME标签)详解
热门推荐
hunter的专栏
03-16 3万+
""; src="/URI" 嵌入式柜架的页面文件路径 NAME=CDATA 嵌入式柜架的名字 LONGDESC=URI 描述 WIDTH=Length 宽度 HEIGHT=Length 高度 ALIGN=[ top | middle | bottom | left | right ] 对齐方式 FRAMEBORDER=[ 1 | 0 ] 柜架边框 MARGINWIDTH=Pixels 左右空出宽
如何将form提交到iframe
webdev2008的专栏
03-24 495
一、&lt;iframe name='w1'&gt;&lt;/iframe&gt; &lt;form ... target='w1'&gt;   二、父页面中表单提交到iframe后... 我要实现的功能是这样的: 父页面中有一个表单, 表面提交到iframe中,我对iframe页面中的内容进行更改后,怎样才能使父页面中的表单再次提交,从而更新了iframe中的内容 &lt;f...
获取iFrame框架中Form表单提交后的结果
xwnxwn的专栏
05-28 9240
xhEditor中的方式是：先提交Form表单,Form.submit();然后再设置iFrame加载完成事件，用于获取表单提交成功后的结果,iFrame.load(loadFunc()); loadFunc方法中，获取表单提交结果的方法如下：Var responseTxt = $(iFrame.contentWindow.document.body).text()； 若responseTxt
form表单提交结果显示到div、iframe、打开新窗口
chan_1030261721的博客
07-31 3745
1.div两个思路 一是用ajax实现；表单填写后获取数值，传给后台，后台返回数据，将数据加载给某DIV，然后让该DIV显示出来； 二是iframe提交表单，然后显示出来，在没有ajax的年代用这样的办法异步上传图片，具体的操作办法是 &lt;div id='iframe'&gt;&lt;/div&gt; &lt;form target='iframe' ...&gt;...&lt;/form&...
Form表单提交用户数据并在iframe中显示
weixin_33695082的博客
05-08 898
<!DOCTYPE html><html><body><iframe name="frameLayout" frameborder="0" width="200px" height="200px"></iframe><form id="frm1" action="demo-form.php" target="f...
iframe+form表单提交数据
weixin_30328063的博客
06-19 1156
<h6>基于iframe+Form表单</h6> <iframe id="iframe" name="ifra" onclick="AjaxSubmit5()"></iframe> <form id="fm" action="/app04/ajax1/" method="POST" target="ifra"&g...
怎么实现表单提交后不重新刷新当前页面
melody_day的博客
12-07 2万+
如何实现表单提交后不重新刷新当前页面 　　 　　 当我点击保存提交FORM表单后,如何让当前页面维持不变(即不刷新当前页)？ 在FORM表单后添加一个iframe，即<form name='form1' id='form1' action='/xbcw/cw/xx_xx.action' method='post' target="rfFrame">
在一个iframe页面中点击按钮后弹窗出现另一个iframe页面，python自动化代码应该怎么切换呢
最新发布
06-21
<think>我们正在处理一个嵌套iframe的场景：首先在一个iframe中点击按钮，然后弹窗出现另一个iframe，我们需要切换到新的iframe。步骤：1.首先，我们需要切换到第一个iframe。2.在第一个iframe中找到按钮并点击。3.点击后，弹窗出现（可能是一个新的iframe或者一个包含iframe的模态框）。4.然后，我们需要切换到弹窗中的iframe。注意：弹窗的出现可能需要等待，所以我们需要使用等待条件。假设弹窗是一个新的iframe，我们可以通过以下方式切换：方法1：通过索引（如果知道是第几个iframe）方法2：通过iframe的id或name属性方法3：通过WebElement定位iframe由于弹窗是动态出现的，我们需要等待它出现，然后切换进去。示例代码：```pythonfromseleniumimportwebdriverfromselenium.webdriver.common.byimportByfromselenium.webdriver.support.uiimportWebDriverWaitfromselenium.webdriver.supportimportexpected_conditionsasECdriver=webdriver.Chrome()#假设主页面中已经有一个iframe，我们需要先进入第一个iframedriver.get("your_main_page_url")#等待第一个iframe出现并切换进去first_frame=WebDriverWait(driver,10).until(EC.frame_to_be_available_and_switch_to_it((By.ID,"first_frame_id"))#或者通过其他定位方式)#现在在第一个iframe内部，找到按钮并点击button_in_first_frame=WebDriverWait(driver,10).until(EC.element_to_be_clickable((By.ID,"button_id")))button_in_first_frame.click()#点击按钮后，弹窗出现，里面包含第二个iframe。注意：弹窗可能是一个新的iframe，也可能是一个div里面包含iframe。#我们需要等待新的iframe出现，然后切换进去。#由于弹窗出现可能需要时间，我们等待弹窗的iframe可用#注意：此时我们还在第一个iframe内部，但新的弹窗iframe是在主页面层级（或者可能是第一个iframe的子层级）？#实际上，新的弹窗iframe很可能是在主页面文档中（即第一个iframe的兄弟节点），所以我们需要先回到主文档，然后再切换到新的iframe。#回到主文档driver.switch_to.default_content()#等待弹窗的iframe出现并切换进去#假设弹窗的iframe可以通过id定位WebDriverWait(driver,10).until(EC.frame_to_be_available_and_switch_to_it((By.ID,"popup_frame_id")))#现在我们在弹窗的iframe内部，可以操作里面的元素了#操作完成后，如果需要回到主文档driver.switch_to.default_content()#或者回到第一个iframe（如果需要）#再次切换回第一个iframe（同样需要等待）#WebDriverWait(driver,10).until(EC.frame_to_be_available_and_switch_to_it((By.ID,"first_frame_id")))```但是，如果弹窗不是直接以iframe形式出现，而是先出现一个模态框（div），然后在模态框内部有一个iframe，那么步骤是：1.点击按钮后，等待模态框出现（一个div）。2.在这个模态框内找到iframe元素。3.然后切换到该iframe。示例代码：```python#...点击按钮之后...#先回到主文档（因为第一个iframe内部的按钮点击后，弹出的模态框可能是在主文档层级）driver.switch_to.default_content()#等待模态框出现（假设模态框的id为'modal'）modal=WebDriverWait(driver,10).until(EC.visibility_of_element_located((By.ID,"modal")))#在模态框内找到iframeiframe_in_modal=modal.find_element(By.TAG_NAME,"iframe")#或者通过其他方式#切换到该iframedriver.switch_to.frame(iframe_in_modal)#现在在弹窗的iframe内部```注意：如果点击按钮后，弹窗出现在第一个iframe内部（即嵌套在第一个iframe里的iframe），那么我们不需要回到主文档，而是直接在当前上下文（第一个iframe内部）等待弹窗iframe出现并切换。总结关键点：1.理解iframe的层级关系（父子、兄弟）。2.在切换iframe前，可能需要先回到上一级（default_content或parent_frame）以保证定位准确。3.使用显式等待来确保iframe可用。引用说明：在定位iframe时，可以使用多种方式，如通过标签名（tagname）获取多个iframe然后选择索引，如引用[1]所示。但在实际中，如果有多个iframe，最好使用id或name属性，或者使用其他定位方式（如CSS选择器）来精确定位，避免使用索引（因为索引可能变化）。因此，我们更推荐使用id或WebElement来定位iframe。如果弹窗iframe没有id，我们可以通过其他属性定位，例如：```python#通过CSS选择器定位WebDriverWait(driver,10).until(EC.frame_to_be_available_and_switch_to_it((By.CSS_SELECTOR,"iframe[title='Popup']")))```或者通过XPath：```pythonWebDriverWait(driver,10).until(EC.frame_to_be_available_and_switch_to_it((By.XPATH,"//iframe[contains(@class,'popup-frame')]")))```最后，注意：在操作完弹窗iframe后，如果需要继续操作主页面或其他iframe，记得切换上下文。</think>### Python Selenium 切换嵌套 iframe 的完整解决方案 在自动化测试中处理嵌套 iframe 的切换需要精确控制执行流程，以下是专业级的实现方法： #### 核心步骤与代码实现 ```python from selenium import webdriver from selenium.webdriver.common.by import By from selenium.webdriver.support.ui import WebDriverWait from selenium.webdriver.support import expected_conditions as EC # 初始化浏览器 driver = webdriver.Chrome() driver.get("https://your-main-page.com") # 1. 切换到第一层 iframe first_frame = WebDriverWait(driver, 10).until( EC.frame_to_be_available_and_switch_to_it( (By.CSS_SELECTOR, "iframe.main-frame") # 使用实际选择器 ) ) # 2. 点击触发弹窗的按钮 open_btn = WebDriverWait(driver, 10).until( EC.element_to_be_clickable((By.ID, "popup-trigger")) ) open_btn.click() # 3. 返回主文档上下文处理弹窗 driver.switch_to.default_content() # 关键步骤！[^1] # 4. 等待并切换到弹窗的 iframe WebDriverWait(driver, 10).until( EC.frame_to_be_available_and_switch_to_it( (By.XPATH, "//div[@class='modal']//iframe") # 弹窗内的iframe ) ) # 5. 在弹窗 iframe 中操作元素 popup_element = WebDriverWait(driver, 10).until( EC.presence_of_element_located((By.NAME, "popup-input")) ) popup_element.send_keys("Test data") # 6. 返回主文档的优雅方式 driver.switch_to.default_content() # 或者返回父级 iframe: driver.switch_to.parent_frame() ``` #### 关键技术要点 1. **iframe 定位策略**： - 优先使用 `id/name` 属性定位：`(By.ID, "frame1")` - 次选 CSS/XPath 定位：`(By.CSS_SELECTOR, ".modal iframe")` - 避免使用索引定位（易碎）[^1] 2. **智能等待机制**： ```python # 复合等待条件：确保iframe可切换且元素可点击 WebDriverWait(driver, 15).until( lambda d: EC.frame_to_be_available_and_switch_to_it("frame1") and EC.element_to_be_clickable((By.ID, "btn"))(d) ) ``` 3. **上下文管理封装**： ```python class FrameSwitcher: def __init__(self, driver): self.driver = driver self.frame_stack = [] def switch_to_frame(self, locator): self.frame_stack.append(locator) WebDriverWait(self.driver, 10).until( EC.frame_to_be_available_and_switch_to_it(locator) ) def revert_frame(self): if self.frame_stack: self.driver.switch_to.default_content() for locator in self.frame_stack[:-1]: self.switch_to_frame(locator) self.frame_stack.pop() ``` 4. **弹窗特殊处理**： ```python # 处理可能覆盖iframe的遮罩层 overlay = WebDriverWait(driver, 5).until( EC.invisibility_of_element_located((By.CLASS_NAME, "modal-backdrop")) ) ``` #### 常见问题解决方案 **问题1：StaleElementReferenceException** ```python # 重试机制解决元素失效问题 from selenium.common.exceptions import StaleElementReferenceException def safe_click(element): attempts = 0 while attempts < 3: try: element.click() return True except StaleElementReferenceException: attempts += 1 return False ``` **问题2：多层嵌套 iframe** ```mermaid graph TD A[主文档] --> B[一级 iframe] B --> C[二级弹窗 iframe] C --> D[三级内容 iframe] ``` ```python # 逐层切换示例 driver.switch_to.frame("level1") # 一级 element_in_level1.click() driver.switch_to.frame("popup") # 二级弹窗 driver.switch_to.frame("content") # 三级内容 # 返回主文档 driver.switch_to.default_content() ``` #### 最佳实践建议 1. **iframe 切换黄金法则**： - 操作前必切换：进入目标 iframe - 操作后必返回：返回上级或主文档 - 使用后必清理：避免遗留上下文 2. **性能优化**： ```python # 禁用非活动 iframe 的加载 driver.execute_script(""" document.querySelectorAll('iframe').forEach(iframe => { if(!iframe.classList.contains('active')) { iframe.src = 'about:blank'; } }); """) ``` 3. **跨域 iframe 处理**： ```python # 使用 postMessage 通信 driver.execute_script(""" window.frames['targetFrame'].postMessage( {command: 'fillForm', data: 'test'}, 'https://target-domain.com' ); """) ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值