2023全网最牛最全的Selenium教程：通过调用javascript进行操作

最新推荐文章于 2024-03-29 09:21:57 发布

测试小婉

最新推荐文章于 2024-03-29 09:21:57 发布

阅读量330

点赞数

文章标签： selenium javascript 测试工具

本文链接：https://blog.csdn.net/MXB1220/article/details/134581051

版权

调用javascript

　　当webdriver遇到无法完成的操作时候，这个时候可以使用javascript来完成，webdriver提供了execute_script()接口来调用js代码。

执行js有两种场景：

　　一种是在页面上直接执行js

　　另一种是在某个已经定位的元素上执行js

常用的调用javascript语法如下

设置弹框的文本内容
　　js_code_str = 'alert("hello,world !!");'
加边框元素高亮显示
　　js_code_str_01 = "arguments[0].style.border='5px solid red';"
浏览器滚动
　　js_code_str_02 = 'document.body.scrollTop=10000;'
滚动到指定元素
　　js_code_str_03 = 'arguments[0].scrollIntoView();'
修改元素的属性一般用在时间控件只能选不能输入，可以把文本框的readonly属性去掉
　　js_code_str_04 = 'arguments[0].setAttribute("value","newdream");'
删除元素属性
　　js_code_str_05 = 'arguments[0].removeAttribute("value");'

代码如下：

import os
from selenium import webdriver
from selenium.webdriver.common.by import By

current_path = os.path.dirname(os.path.abspath(__file__))  # 当前路径
driver_path = os.path.join(current_path,'../webdriver/chromedriver.exe')  # driver路径
pages_path = os.path.join(current_path,'../pages/element_samples.html')  # 本地网页路径
driver = webdriver.Chrome(executable_path=driver_path)  # Firefox,Ie等
driver.get('file://%s'%pages_path)  # 本地网页打开file://  打开部署好的站点http://

# 设置弹框的文本内容
js_code_str = 'alert("hello,world !!");'
driver.execute_script(js_code_str)

# 加边框  元素高亮显示
js_code_str_01 = "arguments[0].style.border='5px solid red';"
element_obj_01 = driver.find_element(By.XPATH,'//input[@name="attach[]"]')
driver.execute_script(js_code_str_01,element_obj_01)

# 浏览器滚动
js_code_str_02 = 'document.body.scrollTop=10000;'
driver.execute_script(js_code_str_02)

# 滚动到指定元素
js_code_str_03 = 'arguments[0].scrollIntoView();'
element_obj_03 = driver.find_element(By.XPATH,'//input[@id="friend"]')
driver.execute_script(js_code_str_03,element_obj_03)

# 修改元素的属性  一般用在时间控件只能选不能输入，可以把文本框的readonly属性去掉
js_code_str_04 = 'arguments[0].setAttribute("value","newdream");'
element_obj_04 = driver.find_element(By.XPATH,'//input[@name="alterbutton"]')
driver.execute_script(js_code_str_04,element_obj_04)

# 删除元素属性
js_code_str_05 = 'arguments[0].removeAttribute("value");'
element_obj_05 = driver.find_element(By.XPATH,'//input[@name="alterbutton"]')
driver.execute_script( js_code_str_05 , element_obj_05 )

自动化测试相关教程推荐：

2023最新自动化测试自学教程新手小白26天入门最详细教程,目前已有300多人通过学习这套教程入职大厂！！_哔哩哔哩_bilibili

2023最新合集Python自动化测试开发框架【全栈/实战/教程】合集精华，学完年薪40W+_哔哩哔哩_bilibili

测试开发相关教程推荐

2023全网最牛，字节测试开发大佬现场教学，从零开始教你成为年薪百万的测试开发工程师_哔哩哔哩_bilibili

postman/jmeter/fiddler测试工具类教程推荐

讲的最详细JMeter接口测试/接口自动化测试项目实战合集教程，学jmeter接口测试一套教程就够了！！_哔哩哔哩_bilibili

2023自学fiddler抓包，请一定要看完【如何1天学会fiddler抓包】的全网最详细视频教程！！_哔哩哔哩_bilibili

2023全网封神，B站讲的最详细的Postman接口测试实战教学，小白都能学会_哔哩哔哩_bilibili