Selenium学习笔记之009：执行JS代码

来源：互联网发布：linux常见的服务器配置编辑：程序博客网时间：2024/06/05 07:49

UI自动化离不开前端技术。JS可以做selenium 做不到的事情，但是在什么样的自动化的时候才能（或必须）要JS帮忙，我还没遇到过。不过JS可以selenium完成更强大的功能，这是不容置疑的。的同学可以自己补充下相关知识：http://www.w3school.com.cn/js/index.asp

调用JS方法：

execute_script(script, *args)

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

脚本：JavaScript的执行。

*参数：适用任何JavaScript脚本。

使用：

driver.execute_script（‘document.title’）

使快播登陆用户名输入框标红显示：

#coding=utf-8from selenium import webdriverimport timedriver = webdriver.Firefox()driver.get("http://passport.kuaibo.com/login/?referrer=http%3A%2F%2Fvod.kuaibo.com%2F%3Ft%3Dhome")#给用户名的输入框标红js="var q=document.getElementById(\"user_name\");q.style.border=\"1px solid red\";"#调用jsdriver.execute_script(js)time.sleep(3)driver.find_element_by_id("user_name").send_keys("username")driver.find_element_by_id("user_pwd").send_keys("password")driver.find_element_by_id("dl_an_submit").click()time.sleep(3)driver.quit()

JS解释：

q=document.getElementById(\"user_name\")

元素q的id 为user_name

q.style.border=\"1px solid red\

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

隐藏元素

js.html

<html>    <head>      <meta http-equiv="content-type" content="text/html;charset=utf-8" />      <title>js</title>           <script type="text/javascript" async="" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>      <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" />              <script type="text/javascript">        $(document).ready(function(){          $('#tooltip').tooltip({"placement": "right"});        });      </script>    </head>    <body>      <h3>js</h3>      <div class="row-fluid">        <div class="span6 well">                  <a id="tooltip" href="#" data-toggle="tooltip" title=" selenium-webdriver(python)">hover to see tooltip</a>          <a class="btn">Button</a>        </div>            </div>            </body>    <script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>  </html>

(保持html文件与执行脚本在同一目录下)

执行js一般有两种场景：

一种是在页面上直接执行JS
另一种是在某个已经定位的元素上执行JS

#coding=utf-8from selenium import webdriver import time,osdriver = webdriver.Firefox()file_path =  'file:///' + os.path.abspath('js.html')driver.get(file_path)#######通过JS 隐藏选中的元素##########第一种方法：driver.execute_script('$("#tooltip").fadeOut();')time.sleep(5)#第二种方法：button = driver.find_element_by_class_name('btn')driver.execute_script('$(arguments[0]).fadeOut()',button)time.sleep(5)driver.quit()

JS解释：

arguments对象，它是调用对象的一个特殊属性，用来引用Arguments对象。Arugments对象就像数组。

fadeOut() 方法使用淡出效果来隐藏被选元素，假如该元素是隐藏的。

本文部分参考虫师webdriver文档。

0 0