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. php 代替 js实现自定义时间选择器

    w 0-php来结合服务端数据,处理前端页面的交互: 1-php 加法 乘法的效率对比,对算术运算的优化. 减少乘法运算? function w_select($wname, $wii) { $w = ...

  2. 把配置和环境解耦 eliminate “works on my machine” problems when collaborating on code with co-workers docker架构与解决的问题

    Docker实践 - 懒人的技术笔记 - 博客频道 - CSDN.NET  http://blog.csdn.net/lincyang/article/details/43055061 Docker直 ...

  3. Visualizing mathematical functions by generating custom meshes using FireMonkey（很美）

    Abstract: This article discusses how you can generate your own 3-dimensional mesh for visualizing ma ...

  4. Linux内核学习资料

    1.为什么计算机的学生要学习Linux开源技术 http://tinylab.org/why-computer-students-learn-linux-open-source-technologie ...

  5. web项目的getContextPath()

    伯乐一看小编的这个博文的标题是不是觉得有些小,以点到面,知道了web中getContextPath()这种获取路径的方式,显然其他的方式的是可以以此类推的.常说,工作学习找共同点嘛. 上一段我们也提高 ...

  6. iOS学习之七牛云存储应用

    前言 七牛云存储,是专为移动时代开发者打造的数据管理平台,为互联网网站和移动App提供数据的在线托管.传输加速以及图片.音视频等富媒体的云处理服务. 七牛云官网http://www.qiniu.com ...

  7. for迭代序列的三种方式

    while循环是条件性的,for循环是迭代性的. for循环会访问所有迭代对象中的所有元素,并在所有条目都结束后结束循环. for循环迭代序列有三种基本的方式,分别是通过序列项迭代.通过索引迭代.通过 ...

  8. Python:笔记(4)——高级特性

    Python:笔记(4)——高级特性 切片 取一个list或tuple的部分元素是非常常见的操作.Python提供了切片操作符,来完成部分元素的选取 除了上例简单的下标范围取元素外,Python还支持 ...

  9. cdojQ - 昊昊爱运动 II

    地址:http://acm.uestc.edu.cn/#/contest/show/95 题目: Q - 昊昊爱运动 II Time Limit: 3000/1000MS (Java/Others) ...

  10. Codeforces - 55D Beautiful numbers (数位dp+数论)

    题意:求[L,R](1<=L<=R<=9e18)区间中所有能被自己数位上的非零数整除的数的个数 分析:丛数据量可以分析出是用数位dp求解,区间个数可以转化为sum(R)-sum(L- ...