【转帖】WebDriver拾级而上(13) – 调用Java Script

悠悠小仙仙

在用selenium 1.X的时候常常会用到geteval_r()方法来执行一段js脚本来对页面进行处理。
当然selenium webdriver也提供这样的一个方法:JavascriptExecutor.executeScript(string)
例如：
CODE:

1. <font size="4">import org.openqa.selenium.JavascriptExecutor;
   
2. import org.openqa.selenium.WebDriver;
   
3. 
   
4. public class  SimpleExample {   
   
5.     public static void main(String[] args) {
   
6.         ChromeDriver driver = new ChromeDriver();
   
7.         driver.executeAsyncScript("arguments[0](); alert('Hello')");
   
8.         try {
   
9.             Thread.sleep(3000);
   
10.         } catch (InterruptedException e) {
    
11.             e.printStackTrace();
    
12.         }
    
13.         driver.switchTo().alert().accept();
    
14.     }
    
15. }</font>

复制代码

上面是一个最简单的例子，打开一个浏览器，然后弹层一个alert框。注意这里的driver要被强制转换成JavascriptExecutor。
下面演示在打开51.com首页如何得到帐号输入框中显示的字符，并打印输出。
CODE:

1. <font size="4"><div class='input_wrap'>
   
2. <input id="passport_51_user" type="test" value="" tabindex="1" title="用户名/彩虹号/邮箱" name="passport_51_user" style="color:rgb(0,0,0);">
   
3. </div></font>

复制代码

CODE:

1. <font size="4">package com.test;
   
2. 
   
3. import org.openqa.selenium.JavascriptExecutor;
   
4. import org.openqa.selenium.WebDriver;
   
5. import org.openqa.selenium.chrome.ChromeDriver;
   
6. 
   
7. public class Test_JsExecutor {
   
8.     public static void main(String[] args) {
   
9.         String url = "http://www.51.com";
   
10.          
    
11.         //打开chrome
    
12.         WebDriver dr = new ChromeDriver();
    
13.         String js = "var user_input = document.getElementByIdx_x_x_x(\"passport_51_user\").title;return user_input;";
    
14.         String title = (String)((JavascriptExecutor)dr).executeScript(js);
    
15.         System.out.println(title);
    
16. 
    
17.         dr.quit();
    
18.     }
    
19. }</font>

复制代码

输出结果为：
CODE:

1. <font size="4">用户名/彩虹号/邮箱</font>

复制代码

其他用例：
CODE:

1. <font size="4">JavascriptExecutor js = (JavascriptExecutor) driver;
   
2. js.executeScript("(function(){
   
3.                                 inventoryGridMgr.setTableFieldValue('"+ inventoryId + "','" + fieldName + "','"+ value + "');
   
4.                             }
   
5.                   )()"
   
6.                 );</font>

复制代码

巴黎的灯光下

给楼主点赞