python+selenium十一:jQuery和js语法、js处理iframe

时间:2021-06-06 17:10:59
selenium 执行jQuery/js语法
driver.execute_script(jQuery/js)

1、jQuery

jQuery只支持css语法:

jquery = '$(CSS).val("XXX");'   # 根据css语法定位到元素,输入内容
jquery = '$(CSS).val('');' # 清空
jquery = '$(CSS).click();' # 点击

# 在某个已经定位的元素上执行 jquery

button = driver.find_element_by_class_name('btn')

driver.execute_script('$(arguments[0]).click()', button)

 

# Jquery控制浏览器内嵌div的滚动条

Jquery = '$(".modal-body").scrollTop(10000)'

driver.execute_script(Jquery)


# Jquery控制浏览器的滚动条

Jquery = '$(document).scrollTop(1000)'

driver.execute_script(Jquery)

 

2、js

1.通过id获取 document.getElementById(“id”)----------获取的是单个

2.通过name获取 document.getElementsByName(“Name”)[0]---------获取的是多个   返回的是list

3.通过标签名选取元素 document.getElementsByTagName(“tag”) --------获取的是多个

4.通过CLASS类选取元素 document.getElementsByClassName(“class”) --------获取的是多个 兼容性:IE8及其以下版本的浏览器未实现getElementsByClassName方法

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

js = 'document.getElementById(xxx).value="XXXX"'      # 输入值

js = 'document.getElementsByClassName("prefpanelgo")[0].click();'  # 点击

# 去掉元素的readonly属性

js = 'document.getElementById("xxx").removeAttribute("readonly");'

driver.execute_script(js)

# 把元素不可见属性改为可见

js = "document.getElementsByClassName('password')[0].style.display='block'"

driver.execute_script(js)

# 去掉日期控件的readonly属性,并填入日期

js = 'document.getElementById(xxx).removeAttribute("readonly");document.getElementById(xxx).value="20xx-xx-xx"'

driver.execute_script(js)

jquery = '$("#train_date").val("");$("#train_date").val("20xx-xx-xx");$("#query_ticket").click()'

driver.execute_script(jquery)

# 聚焦元素

target = self.find_element(locator)

driver.execute_script("arguments[0].scrollIntoView();", target)

内嵌滚动条:

# 纵向底部

# 获取id是单个元素,因为一个页面上id是唯一的

#js = 'document.getElementById("XXXX").scrollTop=10000'

# 获取的class是多个,取list的第一个对象

# 顶部:scrollTop=0,底部:scrollTop=10000

js0 = 'document.getElementsByClassName("scroll")[0].scrollTop=10000'

driver.execute_script(js0)

# 控制横向滚动条位置

# 最左边:scrollLeft=0,最右边:scrollLeft=10000

js1 = 'document.getElementsByClassName("scroll")[0].scrollLeft=10000'

driver.execute_script(js1)

# js处理iframe

# Js处理iframe无需先切换到iframe上,再切回来操作。 它可以在iframe上和主页面上来回*操作-----这是Js的强大之处

js = 'document.getElementById("Editor_Edit_EditorBody_ifr").contentWindow.document.body.innerHTML="%s"' % jstext

driver.execute_script(js)

# innerHTML:插入html文本内容

# 以上js写法只是专门处理富文本(有iframe)相关的问题,其它地方遇到iframe不一定通用