zoukankan      html  css  js  c++  java
  • Selenium 2自动化测试实战21【调用JavaScript(控制浏览器的滚动条)】

     一、调用JavaScript(控制浏览器的滚动条)

    WebDriver提供了execute_script()方法来执行JavaScript代码。
    用于调整浏览器滚动条位置的JavaScript代码如下:

    # -*- coding: utf-8 -*-
    
    
    from selenium import webdriver
    from time import sleep
    from selenium.webdriver.common.keys import Keys
    
    
    #访问百度
    driver=webdriver.Chrome()
    driver.get("http://www.baidu.com")
    
    
    #设置浏览器窗口大小
    driver.set_window_size(600,600)
    
    
    #搜索
    driver.find_element_by_id("kw").send_keys("selenium")
    sleep(2)
    driver.find_element_by_id("kw").send_keys(Keys.ENTER)
    sleep(2)
    
    
    #通过JavaScript设置浏览器窗口的滚动条位置
    js="window.scrollTo(100,450)"
    driver.execute_script(js)
    sleep(3)
    
    
    driver.quit()

    通过浏览器打开百度进行搜索,并且提前通过set_window_size()方法将浏览器窗口设置为固定宽高显示,目的是让窗口出现水平和垂直滚动条。然后通过execute_script()方法执行JavaScript代码来移动滚动条的位置。


    当然,JavaScript的作用不仅仅体现在浏览器滚动条的操作上,还可以用它向页面中textarea文本框输入内容。

    #html
    <!DOCTYPE html>
    <html>
        <head>
            
        </head>
        <body>
            <textarea id='id' style="98%" cols="50" rows="5" class="textarea">
    		</textarea>
        </body>
    </html>

    虽然我们可以通过id的方式将其进行定位,单却不能通过send_keys()向文本框中输入文本信息,此时,我们可以借助JavaScript代码完成输入。

    #js_test.py
    # -*- coding: utf-8 -*-
    
    
    from selenium import webdriver
    from time import sleep
    from selenium.webdriver.common.keys import Keys
    
    
    driver=webdriver.Chrome()
    
    
    driver.get("file:///C:/Users/xxxx/Desktop/new%206.html")
    
    
    text="input text"
    
    
    js="var sum=document.getElementById('id'); sum.value='"+text+"';"
    driver.execute_script(js)
    
    
    sleep(5)
    
    
    driver.quit()
    

     

    效果图如下所示:


    首先定义了要输入的内容text,然后将text与javaScript代码通过“+”进行拼接,这样做的目的是为了使输入内容变得可自定义。最后,通过execute_script()执行JavaScript代码。

  • 相关阅读:
    shell 脚本模板
    运动拉伸
    nature作图要求
    R语言画图曼哈顿图来源网络
    选择合适的统计图形和统计方法|图片来自松哥统计
    GO富集图
    batch gene expression plot
    植物生理生化研究进展
    手机图片
    jquery练习之超链接提示效果
  • 原文地址:https://www.cnblogs.com/Rita-LJ/p/11732727.html
Copyright © 2011-2022 走看看