测试派 Give testers a home.

JavaScript相对于selenium原生api的执行速度更快，如果有遇到selenium难以处理的操作时，可以采用执行js代码去完成。

基本元素定位和操作

driver.get("http://www.baidu.com");
String js = "var inputEle = document.getElementById('kw'); return inputEle;";
WebElement inputEle = (WebElement) jsExecutor.executeScript(js);
System.out.println(inputEle.getAttribute("maxlength"));
driver.executeScript("document.getElementById('kw').value='软件测试工程师的心灵社区';");

DOM操作

移除readonly属性

当输入框使用的是选择控件且为只读状态时，selenium原生api无法操作控件，可以通过js移除readonly属性。比如12306网站的日期选择框。

driver.get("https://www.12306.cn/index/");
String js = "document.getElementById('train_date').removeAttribute('readonly')";
driver.executeScript(js);
Thread.sleep(2000);
driver.findElement(By.id("train_date")).sendKeys(Keys.CONTROL,"a");//清空
Thread.sleep(2000);
driver.findElement(By.id("train_date")).sendKeys(Keys.BACK_SPACE);//清空
driver.findElement(By.id("train_date")).sendKeys("2019-03-30");//输入

移除超链接的target属性

当超链接有target="_blank"属性时，点击超链接会打开第新的标签页，如果不想进行多窗口切换操作，可以通过js去除target属性

//<a href="https://app.mail.qq.com/" target="_blank">手机版</a>
String js = "document.getElementById('xxx').removeAttribute('target')";
driver.executeScript(js);

窗口滚动

driver.get("https://ke.qq.com/?tuin=68973267");
//0:滚动到最顶端
driver.executeScript("window.scrollTo(0,0)");
//1：滚动到最底部
driver.executeScript("window.scroll(0,document.body.scrollHeight)");
//2:滚动到指定的位置
driver.executeScript("window.scrollTo(0,500)");
//3:滚动到指定元素
WebElement txy = driver.findElement(By.partialLinkText("腾讯云"));
driver.executeScript("arguments[0].scrollIntoView();",txy);

注入jquery

如果我们想在没有引入jquery.js的页面也能使用jquery进行操作，可以动态注入的方式、运行如下脚本注入jquery.js。

StringBuffer str = new StringBuffer();
//创建一个script标签
str.append("var hm = document.createElement('script');");
//设置js文件路径
str.append("hm.src = 'http://libs.baidu.com/jquery/2.0.0/jquery.min.js';");
//获得head标签
str.append("var headEle = document.getElementsByTagName('head')[0]; ");
//将script标签添加到head标签
str.append("headEle.appendChild(hm);");
//执行JavaScript完成jquery.js的注入
driver.executeScript(str.toString());