zoukankan      html  css  js  c++  java
  • python UI自动化之js操作

    js处理iframe无需先切换到iframe上,再切回来操作。它可以在iframe上和主页面上来回自由操作。

    switch方法需要先切换到iframe上,操作完之后又的切换回来(很容易忘记切换回来),操作比较繁琐。

    1、js处理富文本(富文本格式如禅道中的添加bug页面)

     带iframe的元素,用js去操作contentWindow(相当于切换到iframe)

    body = "这里是通过js发的正文内容"
    
    # js处理iframe问题(js代码太长了,我分成两行了)
    js = 'document.getElementById("Editor_Edit_EditorBody_ifr").contentWindow.document.body.innerHTML="%s"' % body
    driver.execute_script(js)
    

    2、js定位元素的方法

    (1) 通过id获取

    document.getElementById("id")------获取的是单个
    

    (2)通过name获取

    document.getElementsByName("name")[0]-----获取的是多个
    

    (3)通过标签名获取元素

    document.getElementsByTagName("tag")[0]-----获取的是多个
    

    (4)通过class类获取元素(IE8以下不支持)

    document.getElementsByClassName("class")[0]-----获取的是多个
    

    (5)通过css选择器获取元素

    document.querySelectorAll("css selector")
    兼容性:IE8及其以下版本的浏览器只支持CSS2标准的选择器语法  

    3、js处理时间控件

     **selenium方法输入日期前,一定要先清空文本,要不然无法输入成功的。并且输入日期后,会自动弹出日历控件,随便点下其它位置就好了,用js方法传入日期,就不会弹啦!

    一般日历控件无法手动输入时间,而要代码模拟手动选择时间特别麻烦。

    要想手动输入时间,首先要将日历的readonly属性去掉,然后再给日历输入框赋值

    js='''document.getElementById("id").removeAttribute("readonly");
            document.getElementById("id").value="2019-08-19";'''
    driver.execute_script(js)    
    

     4、div内嵌滚动条

    首先定位到有滚动条的元素,然后再通过scrollTop、scrollLeft控制滚动条

    js1='document.getElementById("id").scrollTop=100;'------控制竖向滚动条
    driver.execute_script(js)
    js2='document.getElementById("id").scrollLeft=1000;'------控制横向滚动条
    driver.execute_script(js2)

     5、js处理浏览器滚动条

    #滚动到底部
    js = "window.scrollTo(0,document.body.scrollHeight)" 
    driver.execute_script(js)
    
    #滚动到顶部
    js = "window.scrollTo(0,0)" 
    driver.execute_script(js)
    
    
    # 聚焦元素
    target = driver.find_element_by_xxxx()
    driver.execute_script("arguments[0].scrollIntoView();", target)
    

     

  • 相关阅读:
    关于global和$GLOBALS[]的一些实践
    java环境配置的新手教程
    echart图表 resize()方法使用
    使用git上传下载项目
    windows 系统新建 vue 项目的坑
    Java版求1000以内的完全数
    Java版经典兔子繁殖迭代问题——斐波那契(Fibonacci)数列
    Java版冒泡排序和选择排序
    AngularJS 动画总结
    Mac下sublime text 的“package control”安装
  • 原文地址:https://www.cnblogs.com/wulixia/p/11806587.html
Copyright © 2011-2022 走看看