WebDriver提供了execute_script()方法来执行JavaScript方法，格式如 driver.execute_script(script,*args)

执行js一般有两种场景，一是在页面中直接执行js，二是在某个已经定位的元素上执行js

通过js操作页面元素

<!DOCTYPE html>

<html lang="en">

<head>

    <title>webdriver 调用js操作元素</title>

    <meta charset="UTF-8">

    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"

          rel="stylesheet"/>

    <style>

        .modal-dialog {

            position: absolute;

            top: 0;

            bottom: 0;

            left: 0;

            right: 0;

        }

        .modal-content {

            /*overflow-y: scroll; */

            position: absolute;

            top: 0;

            bottom: 0;

            width: 100%;

        }

        .modal-body {

            overflow-y: scroll;

            position: absolute;

            top: 55px;

            bottom: 65px;

            width: 100%;

        }

        .modal-header .close {

            margin-right: 15px;

        }

        .modal-footer {

            position: absolute;

            width: 100%;

            bottom: 0;

        }

    </style>

</head>

<body>

<h3 class="text-info">webdriver 调用js操作元素</h3>

<div class="row-fluid well">

    <a id="btn1">Button1</a>

    <a id="btn2" class="btn" onclick="alert('Button2 click trigger...');">Button2</a>

</div>

<div class="row-fluid well">

    <input type="text" id="username">

</div>

<!-- Button trigger modal -->

<button type="button" id="btn_myModal" class="btn btn-primary btn-lg "

        data-toggle="modal"

        data-target="#myModal">

    模态框滚动条

</button>

<div class="row-fluid well">

    <ul>

        <li>1</li>

        <li>2</li>

        <li>3</li>

        <li>4</li>

        <li>5</li>

        <li>6</li>

        <li>7</li>

        <li>8</li>

        <li>9</li>

        <li>10</li>

        <li>1</li>

        <li>2</li>

        <li>3</li>

        <li>4</li>

        <li>5</li>

        <li>6</li>

        <li>7</li>

        <li>8</li>

        <li>9</li>

        <li>10</li>

        <li>1</li>

        <li>2</li>

        <li>3</li>

        <li>4</li>

        <li>5</li>

        <li>6</li>

        <li>7</li>

        <li>8</li>

        <li>9</li>

        <li>10</li>

        <li>1</li>

        <li>2</li>

        <li>3</li>

        <li>4</li>

        <li>5</li>

        <li>6</li>

        <li>7</li>

        <li>8</li>

        <li>9</li>

        <li>10</li>

        <li>1</li>

        <li>2</li>

        <li>3</li>

        <li>4</li>

        <li>5</li>

        <li>6</li>

        <li>7</li>

        <li>8</li>

        <li>9</li>

        <li>10</li>

        <li>1</li>

        <li>2</li>

        <li>3</li>

        <li>4</li>

        <li>5</li>

        <li>6</li>

        <li>7</li>

        <li>8</li>

        <li>9</li>

        <li>10</li>

    </ul>

</div>

<!-- Modal -->

<div class="modal fade myModal" id="myModal" tabindex="-1" role="dialog"

     aria-labelledby="myModalLabel">

    <div class="modal-dialog" role="document">

        <div class="modal-content">

            <div class="modal-header">

                <button type="button" class="close" data-dismiss="modal"

                        aria-label="Close"><span

                        aria-hidden="true">&times;</span></button>

                <h4 class="modal-title" id="myModalLabel">Modal title</h4>

            </div>

            <div class="modal-body">

                <p>

                    Text in a modal

                </p>

                <ul>

                    <li>1</li>

                    <li>2</li>

                    <li>3</li>

                    <li>4</li>

                    <li>5</li>

                    <li>6</li>

                    <li>7</li>

                    <li>8</li>

                    <li>9</li>

                    <li>10</li>

                    <li>1</li>

                    <li>2</li>

                    <li>3</li>

                    <li>4</li>

                    <li>5</li>

                    <li>6</li>

                    <li>7</li>

                    <li>8</li>

                    <li>9</li>

                    <li>10</li>

                    <li>1</li>

                    <li>2</li>

                    <li>3</li>

                    <li>4</li>

                    <li>5</li>

                    <li>6</li>

                    <li>7</li>

                    <li>8</li>

                    <li>9</li>

                    <li>10</li>

                    <li>1</li>

                    <li>2</li>

                    <li>3</li>

                    <li>4</li>

                    <li>5</li>

                    <li>6</li>

                    <li>7</li>

                    <li>8</li>

                    <li>9</li>

                    <li>10</li>

                    <li>1</li>

                    <li>2</li>

                    <li>3</li>

                    <li>4</li>

                    <li>5</li>

                    <li>6</li>

                    <li>7</li>

                    <li>8</li>

                    <li>9</li>

                    <li>10</li>

                    <li>1</li>

                    <li>2</li>

                    <li>3</li>

                    <li>4</li>

                    <li>5</li>

                    <li>6</li>

                    <li>7</li>

                    <li>8</li>

                    <li>9</li>

                    <li>10</li>

                </ul>

            </div>

            <div class="modal-footer">

                <button type="button" class="btn btn-default"

                        data-dismiss="modal">Close

                </button>

                <button type="button" class="btn btn-primary">Save changes

                </button>

            </div>

        </div>

    </div>

</div>

</body>

<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>

<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<html>
#!/usr/bin/env python

# -*- coding: utf-8 -*-

from selenium import webdriver

import os

import time

driver = webdriver.Chrome()

file_path = 'file:///' + os.path.abspath("demo.html")

driver.get(file_path)

time.sleep(2)

#######在页面中直接执行js#################

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

time.sleep(2)

#######在某个已经定位的元素上执行js########

button = driver.find_element_by_class_name('btn')

driver.execute_script('$(arguments[0]).click()', button)

time.sleep(2)

driver.switch_to.alert.accept()

time.sleep(2)

#################调用js代码##############

js = "var q=document.getElementById('username');q.style.border='1px solid red';q.value='PTQA TEST' "

driver.execute_script(js)

time.sleep(2)

js2 = "alert(666);"

driver.execute_script(js2)

time.sleep(2)

driver.switch_to.alert.accept()

time.sleep(2)

######Jquery控制浏览器内嵌div的滚动条 ####

driver.find_element_by_id('btn_myModal').click()

time.sleep(2)

js3 = '$(".modal-body").scrollTop(10000)'

driver.execute_script(js3)

time.sleep(2)

driver.find_element_by_css_selector('button.close').click()

time.sleep(2)

##########Jquery控制浏览器的滚动条 ######

js4 = '$(document).scrollTop(1000)'

driver.execute_script(js4)

time.sleep(5)

driver.close()

滚动到页面底部也可以这样

driver.execute_script("window.scrollTo(0, document.body.scrollHeight);")

***微信扫一扫，关注“python测试开发圈”，了解更多测试教程！***

Selenium with Python 005 - 调用js操作页面元素的更多相关文章

  1. F12修改html进行本地js操作页面元素

    F12修改html进行本地js操作页面元素

  2. Java&Selenium调用JS实现高亮被操作页面元素高亮

    Java&Selenium调用JS实现高亮被操作页面元素高亮 /* * the method of invoking js to do something * * @author daviey ...

  3. 前端（十二）—— JavaScript基础操作：if语句、for循环、while循环、for...in、for...of、异常处理、函数、事件、JS选择器、JS操作页面样式

    JavaScript基础操作 一.分支结构 1.if语句 if 基础语法 if (条件表达式) { 代码块; } // 当条件表达式结果为true,会执行代码块:反之不执行 // 条件表达式可以为普通 ...

  4. js介绍，js三种引入方式，js选择器，js四种调试方式，js操作页面文档DOM（修改文本，修改css样式,修改属性）

    js介绍 js运行编写在浏览器上的脚本语言(外挂,具有逻辑性) 脚本语言:运行在浏览器上的独立的代码块(具有逻辑性) 操作BOM 浏览器对象盒子 操作DOM 文本对象 js三种引入方式 (1)行间式: ...

  5. selenium常用命令--操作页面元素及获取元素内容整理

    selenium常用命令之操作页面元素及获取元素内容的事件整理 例子:  /**id <input type="text" id="phone" name ...

  6. [Selenium] 操作页面元素等待时间

    WebDriver 在操作页面元素等待时间时,提供2种等待方式:一个为显式等待,一个为隐式等待,其区别在于: 1)显式等待:明确地告诉 WebDriver 按照特定的条件进行等待,条件未达到就一直等待 ...

  7. 在python中调用js或者nodejs

    在python中调用js或者nodejs要使用PyExecJs第三方包. pip install pyexecjs 示例代码 >>> import execjs >>&g ...

  8. 利用 jQuery 操作页面元素的方法，实现电商网站购物车页面商品数量的增加和减少操作，要求单项价格和总价随着数量的改变而改变

    查看本章节 查看作业目录 需求说明: 利用 jQuery 操作页面元素的方法,实现电商网站购物车页面商品数量的增加和减少操作,要求单项价格和总价随着数量的改变而改变 当用户单击"+" ...

  9. 使用javaScript操作页面元素

    from selenium import webdriver import time import unittest from selenium.common.exceptions import We ...

随机推荐

  1. <2014 05 16> 线性表、栈与队列——一个环形队列的C语言实现

    栈与队列都是具有特殊存取方式的线性表,栈属于先进后出(FILO),而队列则是先进先出(FIFO).栈能够将递归问题转化为非递归问题,这是它的一个重要特性.除了FILO.FIFO这样的最普遍存取方式外, ...

  2. python可变参数*args, **kwargs

    python可变参数*args, **kwargs def foo(* args, ** kwargs): print ' args = ',  args print ' kwargs = ',  k ...

  3. Python爬虫之-Requests

    Requests模块 Python标准库中提供了:urllib.urllib2.httplib等模块以供Http请求,但是,它的 API 太渣了. 它是为另一个时代.另一个互联网所创建的.它需要巨量的 ...

  4. 我的Android进阶之旅------&gt;Android无第三方Jar包的源代报错：The current class path entry belongs to container ...的解决方法

    今天使用第三方Jar包afinal.jar时候.想看一下源码,无法看 然后像加入jar相应的源代码包.也无法加入相应的源代码,报错例如以下:The current class path entry b ...

  5. Python-selenium 下拉框定位

    1.通过select 进行定位下拉框 首先selenium 很人性化的给提供了一个Select的模块,供处理下来菜单,首先我们需要导入Select,通过from selenium.webdriver. ...

  6. linux c编程：读写锁

    什么是读写锁读写锁其实还是一种锁,是给一段临界区代码加锁,但是此加锁是在进行写操作的时候才会互斥,而在进行读的时候是可以共享的进行访问临界区的 为什么需要读写锁有时候,在多线程中,有一些公共数据修改的 ...

  7. golang的多协程实践

    go语言以优异的并发特性而闻名,刚好手上有个小项目比较适合. 项目背景: 公司播控平台的数据存储包括MySQL和ElasticSearch(ES)两个部分,编辑.运营的数据首先保存在MySQL中,为了 ...

  8. django 中的路由系统(url)

    路由系统 根据Django约定,一个WSGI应用里最核心的部件有两个:路由表和视图.Django框架 的核心功能就是路由:根据HTTP请求中的URL,查找路由表,将HTTP请求分发到 不同的视图去处理 ...

  9. Redis六（管道）

    管道 为什么使用管道? Redis是一个TCP服务器,支持请求/响应协议. 在Redis中,请求通过以下步骤完成: 客户端向服务器发送查询,并从套接字读取,通常以阻塞的方式,用于服务器响应. 服务器处 ...

  10. JAVA 对象序列化——Serializable（转）

    文章出自:http://www.cnblogs.com/chenfei0801/archive/2013/04/05/3001149.html Java的对象序列化是指将那些实现了Serializab ...