javascript 切换iframe

2024-10-26

通过JavaScript自由切换iframe

我发现我有很大的强迫症,如果看到别人的文章没有最终的效果图,我会毫不犹豫关掉这个页面.真的很炸毛这种,让我有很不舒服的体验:所以纵使网上有类似的了,我还是写一篇给那些跟我有同样症状的人阅读. 首先来学习一下what is iframe: 其实说白了就是在一个网页里再加载一个网页罢了.你可以这样44: 代码如下: <html> <iframe src='http://www.baidu.com'> </html> 单纯这样子用是比较少的,常用的是在切换iframe等操作.

javascript获取iframe框架中页面document对象,获取子页面里面的内容,iframe获取父页面的元素,

javascript获取iframe框架中,加载的页面document对象因为浏览器安全限制,对跨域访问的页面,其document对象无法读取.设置属性 function getDocument(iframe) { var Doc; try{ Doc = iframe.contentWindow.document;// For IE5.5 and IE6 }

[JavaScript]JavaScript处理iframe的动作

随着W3C一声令下,几年前使用非常频繁的frameset + frame已完成使命,光荣退伍.作为frameset的替代方案(姑且这么称吧),iframe的使用也多了起来.较frameset方案,iframe在使用上更加灵活,文档结构更加友好. 本文就js操作iframe在不同浏览器(没错,又是浏览器兼容…)的差异性做一些说明,力求总结出一个适应于所有主流浏览器的方案,笔者只测试了IE 6/7/8(以下简称IE)和FireFox 5.0(以下简称FF). 约定与定义 iframeElement:

通过切换iframe来定位元素（用于Python+selenium自动化测试）

切换 iframe:1.由于登录按钮是在iframe上,所以第一步需要把定位器切换到iframe上2.用switch_to_frame方法切换,此处有id属性,可以直接用id定位切换 iframe 与 iframeiframe 区别:frame与iframe两者可以实现的功能基本相同,不过iframe比frame具有更多的灵活性. frame是整个页面的框架,iframe是内嵌的网页元素,也可以说是内嵌的框架iframe标记又叫浮动帧标记,可以用它将一个HTML文档嵌入在一个HTML中显示.它和

selenium自动化之切换iframe

许多人在执行脚本的时候会发现,明明自己的元素路径没写错啊!怎么还是报元素未找到的异常呢?是的,没错,你可能是遇上iframe啦!下面将介绍关于iframe的相关操作. 例子:以163邮箱登录页面为例如果你直接去定位账号输入框元素的话是定位不成功的,看到上图标红处的箭头没,原来这个元素在iframe框架里面,要想定位这个元素,必须先切换到这个iframe内才行.我们先找到iframe这层.如下图: 代码: from selenium import webdriver # 导入webdriveri

javascript 获取iframe里页面中元素值的方法关于contentWindow和contentDocumen

javascript 获取iframe里页面中元素值的方法 IE方法:document.frames['myFrame'].document.getElementById('test').value; 火狐方法:document.getElementById('myFrame').contentWindow.document.getElementById('test').value; IE.火狐方法: function getValue(){ var tmp = ''; if(document.

JavaScript跳出iframe框架

一.window.top top属性返回最顶层的先辈窗口. 该属性返回对一个顶级窗口的只读引用.如果窗口本身就是一个顶级窗口,top属性存放对窗口自身的引用.如果窗口是一个框架,那么top属性引用包含框架的顶层窗口. 二.window.self self属性可返回对窗口自身的只读引用.等价于Window属性. 三.window.location window.location(MDN)对象用于获得当前页面的地址 (URL),并把浏览器重定向到新的页面. 3.1 示例 window.locatio

javascript 获取iframe元素的方法

javascript 获取iframe元素的方法第一种: $("#IframeID").contents().find("div"); 第二种: $(window.frames["IframeID"].document).find("div"); 父窗口: $(window.parent.document).find("div");

python UI自动化之切换iframe

python+selenium写UI自动化的时候,经常会遇到需要切换iframe的情况,这里介绍几种切换iframe的方式 1.使用id定位 driver.switch_to.frame("id") 2.使用index定位 driver.switch_to.frame(index) 3.使用name定位 driver.switch_to.frame("name") 如果iframe既没有id也没有name属性,通过index也不好判断需要切换的iframe,那么需要

Javascript 判断 iframe 中的变量是否为对象

Javascript 判断 iframe 中的变量是否为对象前言公司之前的项目中,为了实现模块化,在 web 后端使用了 iframe 来组织框架和页面.由于当时没有很好地规划,iframe 子页面和框架主页面里面的 js 类库经常混用(即 iframe 子页面利用 top 对象调用框架主页面的方法),因此出现了本例的 chrome 中 iframe 子页面中的变量值在框架主页面中判断是否为对象的问题. 复现本文借助 chrome 的控制台模拟框架主页面和 iframe 子页面在框架

python-web自动化-元素操作：windows窗口切换 / alert切换 / iframe切换

1. windows窗口切换:切换到要操作的窗口有多个窗口: 1. 触发新窗口的出现 2. 得知道新窗口是谁 -- 依据窗口的window_handle来识别窗口 3. 得到窗口的window_handle -- driver.window_handles(当前打开的所有窗口的句柄) A. 得到的是一个有序列表 B. 新窗口: -1 4. 切换:driver.switch_to.window(要切换的窗口的句柄) from selenium import web

javascript 获取iframe中的dom

太扯了,一个多小时都没搞定,获取不到iframe中的dom元素. <div id="one"> this is one </div> <div> <iframe src="./demo.html" id="test"> </iframe> </div> <script type="text/javascript"> console.log(wi

JavaScript 之 iframe自适应问题---可以用来实现网页局部刷新

1.HTML <iframe src="index.html" id="iframepage" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" onLoad="iFrameHeight()"></iframe> 2.javascript <script typ

Javascript获取IFrame内容(兼容IE&FF)

原创作品,允许转载,转载时请务必以超链接形式标明文章原始出处 .作者信息和本声明.否则将追究法律责任.http://wintys.blog.51cto.com/425414/123303 作者: Winty时间: 2008-12-26 在网上找到在IE下操作IFrame内容的代码: document.frames["MyIFrame"].document.getElementById("s").style.color="blue"; 但是这在F

笔记：javascript操作iframe内的DOM元素，及调用iframe内的方法

iframe相当于一个嵌入在网页内的浏览器,它与当前网页是隔离的. 但有时我们也需要在当前网页操作iframe内的元素或操作iframe内的javascript方法. 在网页内操作DOM元素,是使用document对象.那么,当我们需要操作iframe内的元素时,就需要找到iframe内的document对象. 假设有以下HTML代码: <iframe id="ifm" src="a.htm"></iframe> 那么可以像这样取得ifr

JavaScript对iframe的DOM操作

在IE6.IE7中,我们可以使用 document.frames[ID].document 来访问iframe子窗口中的document对象,可是这是不符合W3C标准的写法,也是IE下独有的方法,在Firefox下却不可以使用,Firefox下使用的是符合W3C标准的 document.getElementById(ID).contentDocument 方法,今天我在写实例的时候,通过IE8进行测试,IE8也是使用的符合W3C标准的 document.getElementById(ID).co

Selenium系列（七） - 切换iframe

如果你还想从头学起Selenium,可以看看这个系列的文章哦! https://www.cnblogs.com/poloyy/category/1680176.html 其次,如果你不懂前端基础知识,需要自己去补充哦,博主暂时没有总结(虽然我也会,所以我学selenium就不用复习前端了哈哈哈...) 保存iframe.html到本地后面代码针对此简单页面写小案例 <!DOCTYPE html> <html lang="en"> <head> &l

[javascript] 判断 iframe 是否加载完成

from http://www.planabc.net/2009/09/22/iframe_onload/ var iframe = document.createElement("iframe"); iframe.src = "http://www.planabc.net"; if (iframe.attachEvent){ // for ie iframe.attachEvent("onload", function(){ alert(&qu

javascript切换效果

html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>Examples</title> <meta name="description"

JavaScript之iframe页面间通信

[1] iframe父子页面间通信 1.相互调用对方的方法 |> 子级页面调用父级页面 window.parent.父级页面方法(args) |> 父级页面调用子级页面 document.getElementById("iframeID").contentWindow.子级页面方法(args) 2.相互传递/读取数据 ①localStorage / sessionStorage ② |> 子级页面调用父级页面 window.parent.父级页面方法(message)

javascript 切换iframe

热门专题