7. selenium - javascript进行滚动条、alert等操作

前言

页面上的数据过多的时候，要定位页面底部的元素，需要下拉滚动条才可以操作。

直接定位，会提示元素不存在。需要操作页面上的滚动条，使被操作的元素出现在页面上，才能定位到，比如一些翻页的操作。

Selenium 中没有具体的方法来定位滚动条，需要借助 javascrit 进行对滚动条操作。
Selenium 中提供了一个操作 javascript 的方法，execute_script 可以直接执行 javascript。

JavaScript 简介

JavaScript 是互联网上最流行的脚本语言，这门语言可用于 HTML 和 web，
更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。

• JavaScript 是脚本语言
• JavaScript 是一种轻量级的编程语言。
• JavaScript 是可插入 HTML 页面的编程代码。
• JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。

具体去菜鸟教程看一下基础的操作即可，后续需要再去学。
https://www.runoob.com/js/js-intro.html

一、js 处理 alert 弹窗

控制台调试输入：alert(“tester”)
按回车，页面会出现一个弹窗，想这种弹窗怎么处理呢

alert.accept() 方法处理即可。

driver.switch_to.alert.accept()

使用豆瓣电影来演示，具体代码：

from selenium import webdriver
from time import sleep

driver = webdriver.Chrome()
driver.get('https://movie.douban.com/')
driver.maximize_window()  # 窗口最大化

# alert 弹窗
driver.execute_script("alert('tester')")
sleep(2)
# 关闭 alert 弹窗
driver.switch_to.alert.accept()

二、获取页面 title

在控制台输入：document.title
获取页面title ：招生录入系统

获取豆瓣电影首页 title

from selenium import webdriver
from time import sleep

driver = webdriver.Chrome()

driver.get('https://movie.douban.com/')
driver.maximize_window()

# 获取 title
sleep(2)
js = 'return document.title'
title = driver.execute_script(js)
print(title)  # 豆瓣电影

三、处理滚动条

方法1.

使用 scrollTo() 方法
滚动到底部

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

滚动到顶部

js = "window.scrollTo(0,0)"
driver.execute_script(js)

把豆瓣电影首页滚动条滚动到底部。

代码实现：

from selenium import webdriver
from time import sleep

driver = webdriver.Chrome()

driver.get('https://movie.douban.com/')
driver.maximize_window()
sleep(2)

# 滚动到底部
js = "window.scrollTo(0,document.body.scrollHeight)"
driver.execute_script(js)

方法2：

js = "var q=document.getElementById('id').scrollTop=10000"

• id 为元素 id

driver.execute_script(js)

使用上面的方法处理不了下面这个下拉框，换一种方式。

这个下拉框有个 id

实现代码：

from time import sleep                                                # 导入时间模块
from selenium import webdriver                                        # 从 selenium 导入 webdriver 驱动

driver = webdriver.Chrome()                                           # 驱动谷歌浏览器

driver.get('http://120.25.209.187:8080/recruit.students/login/view')  # 打开网页

driver.maximize_window()                                              # 浏览器最大化

driver.find_element_by_id('txtUserName').send_keys("admin")           # 找到登录账号输入框，输入 admin
sleep(3)                                                              # 休眠 3 s

driver.find_element_by_id('txtPassword').send_keys("test123")         # 找到登录密码输入框，输入 test123
sleep(3)

driver.find_element_by_xpath("//a[text()='登录']").click()

# 滚动到底部
sleep(5)
js = "var q=document.getElementById('rightContent').scrollTop=10000"
driver.execute_script(js)

# 滚动到顶部
sleep(3)
js = "var q=document.getElementById('rightContent').scrollTop=0"
driver.execute_script(js)