【转载】UI自动化之js\\jquery的应用

UI自动化之js\jquery的应用

 原文链接：https://www.cnblogs.com/weizhideweilai/p/9642596.html

js\jquery的应用，有很多难以定位到的，可以通过js或者jquery来处理

 

目录

1、js

2、jquery

 

1、js

1.1js有5种定位，最后execute_script(js)来执行js

document.getElementById(“id”)

document.getElementsByName(“Name”)

document.getElementsByTagName(“tag”)

document.getElementsByClassName(“class”)

document.querySelectorAll(“css selector")

1.2浏览器滚动条的处理

1 2 3

js="var q=document.getElementById('id').scrollTop=0"           #滚动到顶部 js="var q=document.documentElement.scrollTop=10000"       #滚动到底部部 scrollTo(x, y）js ="window.scrollTo(100,400);"     #宽度为100，高度为400的位置

1.3js点击（使用select模块时，会点击失效）

1 2	js = 'document.getElementsByClassName("prefpanelgo")[0].click();' driver.execute_script(js)

1.4多窗口时，在当前页面打开窗口，处理方式同readonly属性的日历框处理

1 2 3 4

跳转链接有 target="_blank" 属性，可以将此属性置空，然后再操作就不会打开新窗口 # 修改元素的 target 属性 js = 'document.getElementsByClassName("mnav")[0].target="";' driver.execute_script(js)

　　

2、jquery

 jquery就是换成$即可,selector中支持css语法,注意：目前很多H5的页面，前端开发的框架如果使用的是vue，用$就不行

1	jquery='$(‘#qq’).click（）' #$(selector).action()  driver.excute_script(jquery)

　我们可以在浏览器中调试，所写的jquery是否唯一定位到一个元素

 

 

 

js\jquery的应用，有很多难以定位到的，可以通过js或者jquery来处理

 

目录

1、js

2、jquery

 

1、js

1.1js有5种定位，最后execute_script(js)来执行js

document.getElementById(“id”)

document.getElementsByName(“Name”)

document.getElementsByTagName(“tag”)

document.getElementsByClassName(“class”)

document.querySelectorAll(“css selector")

1.2浏览器滚动条的处理

1 2 3

js="var q=document.getElementById('id').scrollTop=0"           #滚动到顶部 js="var q=document.documentElement.scrollTop=10000"       #滚动到底部部 scrollTo(x, y）js ="window.scrollTo(100,400);"     #宽度为100，高度为400的位置

1.3js点击（使用select模块时，会点击失效）

1 2	js = 'document.getElementsByClassName("prefpanelgo")[0].click();' driver.execute_script(js)

1.4多窗口时，在当前页面打开窗口，处理方式同readonly属性的日历框处理

1 2 3 4

跳转链接有 target="_blank" 属性，可以将此属性置空，然后再操作就不会打开新窗口 # 修改元素的 target 属性 js = 'document.getElementsByClassName("mnav")[0].target="";' driver.execute_script(js)

　　

2、jquery

 jquery就是换成$即可,selector中支持css语法,注意：目前很多H5的页面，前端开发的框架如果使用的是vue，用$就不行

1	jquery='$(‘#qq’).click（）' #$(selector).action()  driver.excute_script(jquery)

　我们可以在浏览器中调试，所写的jquery是否唯一定位到一个元素

 

来源：https://www.cnblogs.com/woshixiaotou067/p/11959292.html