博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Selenium--调用js,对话框处理 (python)
阅读量:6794 次
发布时间:2019-06-26

本文共 2025 字,大约阅读时间需要 6 分钟。

前言:

本次教程针对Python语言,selenium教程(调用js,对话框处理)


一、对话框处理

更多的时候我们在实际的应用中碰到的并不是简单警告框,而是提供更多功能的会话框。

本节重点:

1、打开对话框

2、关闭对话框

3、操作对话框中的元素

4、window_handles 获得所有窗口

5、switch_to.windows 切换窗口

(selenium3中,switch_to_windows 更改为switch_to.windows )

举例:某网站付款之前弹出阅读协议弹框,点击协议名称,打开新窗口并展示协议内容,见下图。(本次使用火狐浏览器来定位元素)

以下为部分代码:

#弹出div对话框,点击第一条协议,div对话框的元素定位方法与正常页面元素一致。

driver.find_element_by_xpath("//div[9]/div[2]/div[1]/p[1]/a[1]").click()

#获取所有窗口

allhandles = driver.window_handles

#切换新窗口查看协议

driver.switch_to.window(allhandles[1])

time.sleep(2)

#切换回div弹窗的窗口

driver.switch_to.window(allhandles[0])

time.sleep(2)

#点击勾选复选框

driver.find_element_by_id("agreementbox").click()

#点击确定按钮

driver.find_element_by_xpath("//div[9]/div[2]/div[2]/p[2]/a").click()

time.sleep(3)


二、调用js

在实现自动化的过程中,遇到selenium不能实现的功能,可以调用js来实现

本节重点:

1、调用 js 方法  execute_script(script, *args)

2、在当前窗口/框架 同步执行 javaScript

3、script:JavaScript 的执行。

4、*args:适用任何 JavaScript 脚本。

推荐js学习网站:

http://www.w3school.com.cn/js/index.asp


fadeOut()函数

用于隐藏所有匹配的元素,并带有淡出的过渡动画效果。

所谓"淡出"的动画效果,即元素的不透明度的比例从100%逐渐减小到0%。

如果元素本身是隐藏的,则不对其作任何改变。如果元素是可见的,则将其隐藏。

#第一种方法

driver.execute_script('$("#buyButton").fadeOut();')

#第二种方法

element = driver.find_element_by_xpath("//form/div/p[1]")

driver.execute_script('$(arguments[0]).fadeOut()', element)

解释:arguments对象,它是调用对象的一个特殊属性,用来引用Arguments对象。


HTML DOM borderStyle 属性

borderStyle 属性在一行声明中为所有四个设置或返回边框样式。

该属性可使用 1 到 4 种样式。

#将输入框标红,定义为实线solid

js = "var q=document.getElementById(\"money\");q.style.border=\"1px solid red\";"

# 调用 js

driver.execute_script(js)

解释:q.style.border=\"1px solid red\

元素 q 的样式,边框为1个像素红色


readOnly属性的日期文本框

#定位文本框,输入日期,开始时间为2015-07-24

js = "$('#start_date').val('2015-07-24');“

#调用js

driver.execute_script(js)


通过js修改display的值

#定位ul[0]这组标签,修改样式为block

js = 'document.querySelectorAll("ul")[0].style.display="block";‘

#调用js

driver.execute_script(js)

解释:

选择所有的ul。 [0] 指定这一组标签里的第几个。

style.display="block"; 修改样式的display="block" ,表示可见。


以上,为本次举例,后续发现好用的例子,继续补充~~~

作者:

出处:
如果对您有帮助,请关注我的同名简书:
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

你可能感兴趣的文章
从4G到5G,从物联网到云计算 通信的下一个引爆点在哪里?
查看>>
社交战争下半场:从流量战到内容战
查看>>
谈谈中小企业ERP实施的现状
查看>>
注意!LTE正在进入IoT领域
查看>>
2017年视频会议市场将达4.912亿美元
查看>>
ARM借助微软进军服务器市场
查看>>
FBI又想查看苹果服务器了: 这一次是iCloud
查看>>
《Web应用漏洞侦测与防御:揭秘鲜为人知的攻击手段和防御技术》——1.6 杂七杂八...
查看>>
《机器人爱好者(第2辑)》——新型警用和安保机器人
查看>>
《技术的潜能:商业颠覆、创新与执行》一一1.5替代能源
查看>>
《R语言与数据挖掘最佳实践和经典案例》—— 2.4 通过ODBC导入与导出数据
查看>>
常见的QGraphicsItem
查看>>
阿里云唐容:开源是孵化新技术的必然选择
查看>>
Solr/Lucene使用docValue查询的一个坑
查看>>
开发者 请优先开发 Android 应用而非 iOS
查看>>
《智能数据时代:企业大数据战略与实战》一3.2 从小做起
查看>>
《Adobe Premiere Pro CS5经典教程》——2.3 三种设置
查看>>
你深爱的操作系统其实很烂
查看>>
史上 12 大著名安全后门植入案例
查看>>
《Python语言程序设计》——3.7 绘制各种图形
查看>>