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不一定通用
相关文章