selenium呼叫 JavaScript
阿新 • • 發佈：2019-02-19
WebDiver 不能操作本地 Windows 控制元件，但對於瀏覽器上的控制元件也不是都可以操作的。比哪瀏覽器上
的滾動條，雖然 WebDriver 提供操作瀏覽器的前進和後退按鈕，但對於滾動條並沒有提供相應用的方法。
那麼在這種情況下就可以藉助 JavaScript 方法來控制瀏覽器滾動條。WebDriver 提供了 execute_script()方法
來執行 JavaScript 程式碼。
一般用到操作滾動條的會兩個場景：
- 註冊時的法律條文的閱讀，判斷使用者是否閱讀完成的標準是：滾動條是否拉到最下方。
- 要操作的頁面元素不在視覺範圍，無法進行操作，需要拖動滾動條。
用於標識滾動條位置的程式碼
……
<body onload= "document.body.scrollTop=0 ">
<body onload= "document.body.scrollTop=100000 ">
……
document.body.scrollTop
網頁被捲去的高。scrollTop 設定或獲取滾動條與最頂端之間的距離。如果想讓滾動條處於頂部，那麼
可以設定 scrollTop 的值為 0，如果想讓滾動條處於最底端，可以將這個值設定的足夠大，大個視窗的高度
即可。scrollTop 的值以畫素為單位。
from selenium import webdriver import time #訪問百度 driver=webdriver.Firefox() driver.get("http://www.baidu.com") #搜尋 driver.find_element_by_id("kw").send_keys("selenium") driver.find_element_by_id("su").click() time.sleep(3) #將頁面滾動條拖到底部 js="var q=document.documentElement.scrollTop=10000" driver.execute_script(js) time.sleep(3) #將滾動條移動到頁面的頂部 js_="var q=document.documentElement.scrollTop=0" driver.execute_script(js_) time.sleep(3) driver.quit()
通過瀏覽器開啟百度進行搜尋，搜尋的一屏無法完全顯示將會出現滾動條。這個時候就可以通過
JavaScript 程式碼控制滾動條在任意位置，需要改變的就是 scrollTop 的值。通過 execute_script()方法來執行
這段 JavaScript 程式碼。
當然，JavaScript 的作用不僅於此，它同樣可操作頁面上的元素或讓，或讓這個元素隱藏。學習和使
用 JavaScript 不僅可以讓你對前端技術有更深的認識，還可以讓你對 web 頁面上元素的操作變得遊刃有餘。