今天来了解一下 frame的标签。
frame标签有三种:frameset、iframe、frame;
>>>frameset就当做一个普通的标签使用,
>>>而frame与iframe就有点特殊了。
所以接下来的时间,我们要针对frame和iframe进行详细的操作。
Frame与Ifream操作
1.frame 与 iframe的区别
Frame与Iframe两者可以实现的功能基本相同,不过Iframe比Frame具有更多的灵活性。
frame是整个页面的框架,iframe是内嵌的网页元素,也可以说是内嵌的框架。
Iframe 标记又叫浮动帧标记,可以用它将一个HTML文档嵌入在一个HTML中显示。
Iframe和Frame标记的最大区别是在网页中嵌入 的所包含的内容与整个页面是一个整体,而< /Frame>所包含的内容是一个独立的个体,是可以独立显示的。另外,应用Iframe还可以在同一个页面中多次显示同一内容,而不必重复这段内 容的代码。
2.如何判断元素是否在iframe上
这个很简单,
1.打开Firefox浏览器
2.定位元素,切换到FirePath界面
3.查看Firebug工具左上角,如果显示Top Window 说明没有在iframe上
4.如果显示 iframe# xxx 这样,说明在iframe上,# 后面是它的id。
iframe如下图:
Top Window 如下图:
3.frame 三种方法
3.1 switch_to.frame()
语法:
switch_to.frame(reference)
reference是传入的参数,用来定位frame的,可以传入id,name,index及selenium的WebElement对象(即find_element)。
举个例子:
<body> <iframe src = "a.html" id = "frame1" name = "myframe"> </iframe> </body>
如何定位到iframe呢:
from selenium import webdriver driver = webdriver.Chrome() #用frame的index来定位,第一位时0 driver.switch_to.frame(0)
一般情况,咱们使用id和name就能解决大部分问题。
但是,万事都有特例,如果没有id和name怎么办?
这难不倒我们,可以直接使用index 和webElement来定位。
>> index从0开始,传入整型参数即判定为用index定位,传入str参数则判定为用id/name定位。
>> WebElement对象,即用find_element系列方法所取得的对象,我们可以用tag_name、xpath等来定位frame对象。
3.2 switch_to.default_content()
如何返回到主文档,我们就是用:
driver.switch_to.default_content()
3.3 switch_to.parent_frame()
如果我们遇到嵌套的frame,怎么办呢?
不要慌,我们直接用:switch_to.parent_frame()
举个例子:
<html> <iframe id = "frame1"> <iframe id = "frame2"/> </iframe> </html>
①从主文档切到frame2,一层层切入
driver.switch_to.frame("frame1") driver.switch_to.frame("frame2")
②从frame2再切回frame1,
driver.switch_to.parent_frame()
#只针对非主文档,才能看出效果
#如果是主文档,则看不出效果
#switch_to.parent_frame() 这功能,其实就相当于后退的方法。
敲黑板:
有的大佬在使用switch_to_frame()写法时,报错,
是由于官网现在不推荐了。
直接改成switch_to.frame() 这个写法即可。