前言:
本次教程针对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" ,表示可见。
以上,为本次举例,后续发现好用的例子,继续补充~~~