UI自动化第三讲：简单了解js

以下为使用js操作页面日期框示例代码

from selenium import webdriver
import time
'''
    此实例使用12306网站首页选择出发日期演示js的操作
'''
driver = webdriver.Chrome()
driver.implicitly_wait(10)
driver.get('https://www.12306.cn/index/')

#定位日期输入框
elem_date = driver.find_element_by_id('train_date')
#书写js代码，把元素的readonly属性修改为false。arguments[0]为一个占位符，代表执行js代码时传入的元素定位
js_code = "arguments[0].readonly = false;"
#执行js代码
driver.execute_script(js_code, elem_date)
#强制等待一秒，确保元素加载完成
time.sleep(1)
#通过js代码赋值
js_code2 = "arguments[0].value = '2020-9-16';"
#执行赋值的js代码
driver.execute_script(js_code2, elem_date)

以下为使用js操作页面进行滚动操作

from selenium import webdriver
'''
    此实例使用12306网站首页选择“友情链接”演示页面滚动
'''
driver = webdriver.Chrome()
driver.maximize_window()
driver.implicitly_wait(10)
driver.get('https://www.12306.cn/index/')


#使用selenium实现滚动
# 定位“友情连接”
# elem = driver.find_element_by_class_name('foot-con-tit')
# #把友情连接滚动到可视范围内
# elem.location_once_scrolled_into_view

#使用js实现滚动条拖动到最底部
js_code = "window,scrollTo(0,document.body.scrollHeight);"
driver.execute_script(js_code)