python UI自动化之js操作

Posted 2020-11-21 在树上唱歌wlx

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)