js操作学习

需求：访问12306页面，更改出发日期

1、直接用js定位元素，jscode建议在控制台（F12）先调试正确，再复制过来，因为pycharm没有js的错误提示；js代码使用三引号括起来

from selenium import webdriver
import time
driver=webdriver.Chrome()

#访问12306页面
driver.get("https://www.12306.cn/index/")

#强制等待1s
time.sleep(1)


"""方法一：代码写在一起，使用三引号；
"""
js_code="""e=document.getElementById('train_date');e.readOnly=false;e.value='2021/7/30'"""
#执行jscode
driver.execute_script(js_code)


"""方法二：代码分开写
"""
js_code="""e=document.getElementById('train_date');"""
driver.execute_script(js_code)

js_code="""e.readOnly=false;"""
driver.execute_script(js_code)

js_code="""e.value='2021/9/30';"""
driver.execute_script(js_code)

2、先使用python定位元素，再执行脚本，需要用到arguments[]
arguments[index]相当于python中的format，负责占位置。

from selenium import webdriver
import time
driver=webdriver.Chrome()

#访问12306页面
driver.get("https://www.12306.cn/index/")

#强制等待1s
time.sleep(1)
#定位出发日期
ele=driver.find_element_by_xpath("//*[@id='train_date']")
js_code="""arguments[0].readOnly=false;"""
driver.execute_script(js_code,ele)

js_code="""arguments[0].value='2021/10/30';"""
driver.execute_script(js_code,ele)

from selenium import webdriver
import time
driver=webdriver.Chrome()

#访问12306页面
driver.get("https://www.12306.cn/index/")

#强制等待1s
time.sleep(1)

#更改出发地以及出发日期，arguments[0]表示第一个参数ele0,arguments[1]表示第二个参数ele1
ele0=driver.find_element_by_xpath("//*[@id='fromStationText']")
ele1=driver.find_element_by_xpath("//*[@id='train_date']")
js_code="""arguments[0].value='桂林';arguments[1].readOnly=false;arguments[1].value='2021/10/30';"""
driver.execute_script(js_code,ele0,ele1)

3、滑动窗口

from selenium import webdriver
driver=webdriver.Chrome()

#访问12306页面
driver.get("https://www.12306.cn/index/")

driver.maximize_window()

#定位页面底部的常见问题元素
ele=driver.find_element_by_link_text("常见问题")

#把 常见问题 滑动到可见范围内
ele.location_once_scrolled_into_view

#点击常见问题
ele.click()

#滑动到最底部
js_code = 'window.scrollTo(0, document.body.scrollHeight);'
driver.execute_script(js_code)