首页
学习
活动
专区
圈层
工具
发布

HTML的笔记及展示(1)(锚点、a元素添加超链接href、img元素、iframe元素、HTML5新增的拖放API)

3.使用a元素添加超链接: href:指定超链接的另一个资源。...,指定链接在当前页面,name的值要和#后面的值一样 img元素添加图片: src:指定图片文件所在位置; alt:指定一段文本,作为该图片的提示信息; width、height:指定图片的宽、高,该属性可以是百分百,也可以是像素值; :...用于图片映射; :用于定义图片映射的内部区域; 7.表格相关元素比较简单就不赘述了 8.HTML5增强的iframe元素:该元素用于在普通HTML页面中生成一个行内框架。...包含的属性:src:指定一个URL,指定该iframe将装载哪个页面; name:设置该iframe的名字; scrolling

38410
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    017:Opencv+Selenium模拟QQ邮箱滑块操作

    QQ邮箱链接: https://mail.qq.com/ QQ邮箱这个登录机制,需要我们输入一个错误的账号或密码会有机会弹出滑块验证码,所以我下面就一直用错误的账号进行测试。...我们需要点击账号密码登录才能进行我们的模拟操作。 刚开始我直接用selenium获取ID点击账号登录,发现没什么作用。 后来仔细一看这是一个iframe框,我们直接是不能点击到的。...selenium中有这样的操作: driver.switch_to.frame("login_frame") # login_frame是该登录窗口iframe的id 这样才能点击到。...= 正常情况出现滑块后: 开始进行缺口位置识别: 我这里使用的方法,是通过selenium中的xpath把图片的src获取到,然后下载下来保存到本地。再通过opencv来进行图像缺口检测。...那我们先获取两个图片(滑块和验证图)的src: src_big = driver.find_element_by_xpath('//div[@id="slideBgWrap"]/img').get_attribute

    1.3K20

    《手把手教你》系列练习篇之8-python+ selenium自动化测试 -压台篇(详细教程)

    本文主要是练习如何处理iframe切换、处理alert弹窗、获取当前页面全部信息、获取页面href属性和如何截图保存等等内容,希望小伙伴或者童鞋们喜欢哈!!! 2....处理iframe切换   本文介绍如何利用Selenium中方法,在不同iframe中切换。 问题:有时候我们发现元素定位没问题,在测试回放的过程,发现就是找不到元素报错。...支持包里,这个方法被丢弃,虽然还是可以用,现在新的方法是switch_to.alert(),用这个最新方法,我测试了下,无法模拟点击确定和点击关 闭弹窗按钮,所以这个地方选择了旧的方法switch_to_alert...不相信的同学或者小伙伴们可以通过F12查看一下图片是否有text这个属性。 5. 获取页面元素的href属性 本文来介绍如何通过Selenium获取页面元素的某一个属性。...这里我们举例一个爬虫中经常需要处理的链接问题:找出当前页面所有的超链接。 已百度首页为例,打印所有包含href的元素的链接。 相关脚本代码如下: 5.1 代码实现: ?

    1.7K20

    HCaptcha 的模拟点击破解方案来了!

    ReCaptcha 是谷歌家的,因为某些原因,咱们国内是无法使用 ReCaptcha 的,所以有时候 HCaptcha 也成了一些国际性网站的比较好的选择。...",     ],         "question": "请单击每个包含卡车的图像。" ...Selenium 查找节点是需要切换到对应的 iframe 里面才行的,不然是没法查到对应的节点,也就没法模拟点击什么的了。...然后接着我们获取了所有的验证码小图对应的节点,然后依次调用 click 方法进行点击即可。 这样我们就可以实现验证码小图的逐个识别了。...我研究了下发现大家如果用我的邀请链接 https://yescaptcha.com/i/CnZPBu 注册大家可以直接变成 VIP4,然后 VIP4可以获取首充赠送 10% 的优惠,还不错哈~ 希望本文对大家有帮助

    4.8K51

    Selenium4+Python3系列(七) - Iframe、Select控件、交互式弹出框、执行JS、Cookie操作

    一、iframe操作 iframe识别: img_1.png 语法: driver.switch_to.frame('方式') 1、常见处理方法三种 index:下标 name:id或name属性的值...webelement:元素 2、通过下标进入 进入第一个iframedriver.switch_to.frame(0) 3、通过id或name属性的值进入 通过id或name属性的值进入指定的iframe...原生JavaScript写出来的弹窗又分为三种: alert img_4.png confirm img_5.png prompt img_6.png 2、弹窗处理常用方法: alert/confirm...的api无法完成,需要通过第三方手段比如js来完成实现,比如去改变某些元素对象的属性或者进行一些特殊的操作,本文将来讲解怎样来调用JavaScript完成特殊操作。...核心思路: 就是使用js去控制浏览器滚动条的位置,在使用selenium调用JavaScript操作js完成。

    9K10

    python 自动化测试(5):页面基类封装

    一、前言 主要包括,打开浏览器、关闭浏览器、浏览器前进,后退操作、隐式等待、关闭当前窗口、保存图片、重写定位元素、输入、清除文本框内容、点击元素、获取网页标题、重写send_keys方法、重写跳转iframe...方法、切回父级iframe等内容。...二、源码 import os import time from selenium import webdriver from selenium.common.exceptions import NoSuchElementException...from selenium.webdriver import ActionChains from selenium.webdriver.common.keys import Keys from AutoUppCxpay.utils.Logger...login_lnk = "xpath => //*[@id='u1']/a[7]" # 百度首页登录链接定位 如果采用等号,结果很多xpath表达式中包含一个=,这样会造成切割不准确

    1K30

    IT课程 HTML基础 014_多媒体和嵌入内容

    ismap:指定图像是否为地图图像。 设置图片大小 我们可以通过 img> 标签的 width 和 height 属性来设置图片的宽度和高度。这两个属性的值可以是具体的像素值,也可以是百分比。..." align="center" border="1"> 效果: 设置替代文本 替代文本(alt text)用来在图片无法加载的时候显示,也被屏幕阅读器用来读出图片的内容,帮助视力障碍者理解图片。...示例: img src="https://www.zhaojian.net/images/zhaojian-avatar1.png" alt="找不到图片时显示此文本"> 效果: 图片链接 图片也可以被用作超链接...我们只需要把 img> 标签放在 标签内部,就可以创建一个图片链接。...如果图片链接设置了边框,那边框默认和超链接一样的颜色 视频 HTML 视频元素用于在网页中嵌入视频。视频元素的标签是 。

    35910

    知否知否-----selenium知多少(二)

    Selenium多表单切换 在Web应用中经常会遇到frame/iframe表单嵌套页面的应用,WebDriver只能在一个页面上对元素识别与定位,对于frame/iframe表单内嵌页面上的元素无法直接定位...通过截图我们看到了,登录框是在iframe里面的,所以在获取输入框之前,我们必须要先切换到iframe,然后再输入用户名密码进行登录。...Selenium多窗口切换 在页面操作过程中有时候点击某个链接会弹出新的窗口(tab),这时就需要主机切换到新打开的窗口上进行操作。...下面我们尝试一下获取cookie的信息: from selenium import webdriver driver = webdriver.Chrome() driver.get("http://www.taobao.com...(2) # 截取当前窗口,并指定截图图片的保存位置 driver.get_screenshot_as_file("D:\\baidu_img.jpg") driver.quit() Selenium关闭浏览器

    1.6K30

    网易云音乐歌曲下载

    本文链接:https://blog.csdn.net/weixin_40313634/article/details/96611824 爬取过程中的问题解决 环境 :Windows + Python...定位信息好着,就是获取不到元素 原因: selenium 打开网页后, 默认是在父级 Frame 里, 直接搜索是搜不到子 Frame 里的信息的。 需要切换 Frame。...没有切换过来,导致还是在旧的选项卡里查找 解决: browser.switch_to_window(browser.window_handles[1]) 例子如下 iframe name...="true">iframe> browser.switch_to.frame('g_iframe') 3. find_elements后点击不了抓取的元素 问题: for 循环执行第二次时报错如下...就是页面元素过期,引用的元素过时,不再依附于当前页面,需要重新定位获取元素对象 find_elements 查找到的是 WebElement 类型的数组数据,含有元素在当前页面的地址信息,调用 click

    1.9K30

    Python Selenium库的使用「建议收藏」

    is_displayed() 设置该元素是否用户可见 size 返回元素的尺寸 text 获取元素的文本 实例演示 from selenium import webdriver from...这个比较的称之为断言。通过我们获取title 、URL和text等信息进行断言。...表单嵌套页面的应用,WebDriver只能在一个页面上对元素识别与定位,对于frame/iframe表单内嵌页面上的元素无法直接定位。...file").send_keys('D:\\upload_file.txt') driver.quit() 12.cookie操作 有时候我们需要验证浏览器中cookie是否正确,因为基于真实cookie的测试是无法通过白盒和集成测试进行的...("D:\\baidu_img.jpg") driver.quit() 15.关闭浏览器 在前面的例子中我们一直使用quit()方法,其含义为退出相关的驱动程序和关闭所有窗口。

    4.8K10

    用Selenium来爬取数据?真挺简单的!

    这时候selenium就专门为select标签提供了一个类selenium.webdriver.support.ui.Select。将获取到的元素当成参数传到这个类中,创建这个对象。...切换iframe 我们知道网页中有一种节点叫作 iframe,也就是子 Frame,相当于页面的子页面,它的结构和外部网页的结构完全一致。...Selenium打开页面后,默认是在父级 Frame 里面操作,而此时如果页面中还有子 Frame,Selenium是不能获取到子 Frame 里面的节点的。...,在程序退出的时候自动调用 类似的还可以在文件打开的时候调用close,数据库链接的断开 ''' self.driver.quit() if __name.../a/div[1]/img').get_attribute('src') # 图片链接 picLink = 'https:' + pic dic['name'] = name

    5K20

    Selenium实战:深度解析Python中嵌套Frame与iFrame的定位与切换技巧,解决Selenium定位不到的问题

    Python的Selenium库提供了强大的工具来应对这些挑战,本文将详细介绍如何使用Selenium在Python中处理嵌套Frame和iFrame,包括通过id、name、索引和WebElement...frame标签有frameset、frame、iframe三种,frameset跟其他普通标签没有区别,不会影响到正常的定位,而frame与iframe对selenium定位而言是一样的,selenium...当遇到嵌套的frame或iframe时,你需要逐层切换。首先切换到最外层的frame或iframe,然后在其内部继续寻找并切换到下一层的frame或iframe,以此类推。...首先切换到最外层的frame或iframe,然后在其内部继续寻找并切换到下一层的frame或iframe,以此类推。...,然后定位到 资料 这个标签,获取其中的文字 import time from selenium import webdriver from selenium.webdriver.common.by

    1.2K10

    Selenium 系列篇(三):窗口篇

    窗口操作 Selenium 自动化过程中,对窗口本身的操作包含:打开一个窗口、关闭一个窗口、刷新一个窗口、窗口的回退和前进。...内部元素操作 窗口内部元素使用最多的操作包含:点击按钮、输入框的清空和设置内容。...如果想定位到内嵌页面的元素,可以使用 switch_to_frame( frame_id/frame) 切换到对应的 iframe ,然后再去查找内部元素。...# 切换到外层页面 driver.switch_to.default_content() 需要注意的是,针对多层 iframe 嵌套,需要一层一层地切换 iframe,操作完对应 iframe 内部操作之后...窗口切换 有时候,点击网页内部某个链接,会打开一个新的窗口,实际上,每一个窗口都有特定的窗口句柄:window_handle。

    2.7K31

    当selenium爬虫遇到弹窗——iframe定位

    iframe标签下(通常称为网页布局嵌套),而一般webdriver要操作页面元素需要在Top Window的状态下,当浏览器出现iframe时,用正常的元素定位是没有效果的,需要将页面装换到iframe...下再对页面元素进行操作(大致可以理解为页中页,及一个页面里嵌套了一个页面,而selenium的操作网页的原理是依靠窗口句柄,当前句柄在外面窗口,定位元素在内部窗口,所以无法定位到元素。...关于selenium的句柄切换详见下一篇文章,还没写!后面整理下再写,跟本次所要讲的切换类似又有点儿差异,有兴趣的可以百度一下,有前辈们贡献过!...版本:3.141.0;chrome版本:76.0.3809,两种写法都可以】 总结 #定位iframe #也可以用其他属下定位同selenium常用定位方法,即iframe本身也是一个元素 iframe...(iframe) #跳出 drive.switch_to_default_content() #或 drive.switch_to.default_content() 此种情况常遇见于初始页面登录的地方

    1.1K10

    反击爬虫,工程师的脑洞可以有多大?

    前言 对于一张网页,我们往往希望它是结构良好,内容清晰的,这样搜索引擎才能准确地认知它。 而反过来,又有一些情景,我们不希望内容能被轻易获取,比方说电商网站的交易额,教育网站的题目等。...也就是说,除去图像识别,必须同时爬取字符集,才能识别出数字。 ? img 并且,每次刷新页面,字符集的url都是有变化的,无疑更大难度地增加了爬取成本。 ?...---- 3.6 iframe异步加载式 例子:网易云音乐 网易云音乐页面一打开,html源码里几乎只有一个iframe,并且它的src是空白的:about:blank。...接着js开始运行,把整个页面的框架异步塞到了iframe里面… ?...img 不过这个方式带来的难度并不大,只是在异步与iframe处理上绕了个弯(或者有其他原因,不完全是基于反爬虫考虑),无论你是用selenium还是phantom,都有API可以拿到iframe里面的

    73130
    领券