一、模态框的定义:

  模态对话框(Modal Dialogue Box , 又叫做模式对话框),是指在用户想要对话框以外的应用程序进行操作时候,必须先对该对话框进行响应.如单击【确定】或者【返回】按钮等关闭该对话框!

1.警告框
  警告框经常用于确保用户可以得到某些信息。
  当警告框出现后,用户需要点击确定按钮才能继续进行操作。
  语法:
代码如下:

alert("文本")

2.确认框

  确认框用于使用户可以验证或者接受某些信息。

  当确认框出现后,用户需要点击确定或者取消按钮才能继续进行操作。

  如果用户点击确认,那么返回值为 true。如果用户点击取消,那么返回值为 false。

语法:

confirm("文本")

3.提示框

  提示框经常用于提示用户在进入页面前输入某个值。

  当提示框出现后,用户需要输入某个值,然后点击确认或取消按钮才能继续操纵。

  如果用户点击确认,那么返回值为输入的值。如果用户点击取消,那么返回值为 null。

语法:

prompt("文本","默认值")

二、测试页面准备

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>模态框</title>
</head>
<script type="text/javascript">
window.onload = function(){
document.getElementById("input_1").onclick = function(){
alert("充值成功!");
};
document.getElementById("input_2").onclick = function(){
confirm("确认充值50元?")
};
document.getElementById("input_3").onclick = function(){
prompt("请输入充值金额?","100");
};
} </script>
<body>
测试练习模态框的处理:<br><br>
1.警告框
<input type="button" id="input_1" value="点击弹出警告框"><br><br>
2.确认框
<input type="button" id="input_2" value="点击弹出确认框"><br><br>
3.提示框
<input type="button" id="input_3" value="点击弹出提示框"><br><br>
</body>
</html>

三、代码实现

package cn.test;

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.chrome.ChromeDriver; public class Test01 { public static void main(String[] args) {
System.setProperty("webdriver.chrome.driver", "src/test/resources/chromedriver.exe");
WebDriver driver =null;
try {
driver = new ChromeDriver();
driver.get("file:///C:/Users/Administrator/Desktop/test/ModalDialogueBox.html");
driver.manage().window().maximize();
//1.点击弹出警告框
driver.findElement(By.id("input_1")).click();
Thread.sleep(3000);
//1.1 处理弹出警告框
System.out.println("获取警告框文本值:"+driver.switchTo().alert().getText());
driver.switchTo().alert().accept();//模拟确认操作
//2. 点击弹出确认框
driver.findElement(By.id("input_2")).click();
Thread.sleep(3000);
//2.1 处理弹出确认框
System.out.println("获取确认框文本值:"+driver.switchTo().alert().getText());
driver.switchTo().alert().accept();//模拟确认操作
//2.2 再次点击弹出确认框演示取消操作
driver.findElement(By.id("input_2")).click();
Thread.sleep(3000);
driver.switchTo().alert().dismiss();//模拟取消操作
//3.0 点击弹出提示框
driver.findElement(By.id("input_3")).click();
System.out.println("获取提示框文本值:"+driver.switchTo().alert().getText());
//3.1 处理弹出提示框
driver.switchTo().alert().sendKeys("500");
Thread.sleep(3000);
driver.switchTo().alert().accept();//模拟确认操作
//3.2 再次点击弹出提示框演示取消操作
driver.findElement(By.id("input_3")).click();
Thread.sleep(3000);
driver.switchTo().alert().dismiss();//模拟取消操作
Thread.sleep(3000);
} catch (Exception e) {
e.printStackTrace();
} finally{
System.out.println("执行结束,关闭浏览器");
driver.quit();
} } }

四、学习后总结。不足之处后续补充修正!

最新文章

  1. android 手机去哪儿7.2版本客户端 账号存储信息分析
  2. DB2导入导出编目配置
  3. C语言(4)
  4. 【CF】207 Div.1 B.Xenia and Hamming
  5. java线程(2)-线程间通信
  6. C语言简单strcat和strcmp的实现
  7. MySQL-FAQ
  8. 新浪微博的OAuth2认证过程
  9. mysql 数据表字段修改sql 语句
  10. JAVA SPI(Service Provider Interface)原理、设计及源码解析(其一)
  11. Python:游戏:300行代码实现俄罗斯方块
  12. shell 获得后台进程返回值
  13. 3ci
  14. jquery.qrcode.js 生成二维码并支持中文的方法
  15. 【UML】-NO.45.EBook.5.UML.1.005-【UML 大战需求分析】- 通讯图(Communication Diagram)
  16. sass command
  17. Advice from an Old Programmer
  18. wordpress常用标记
  19. 04-python的列表操作
  20. FFMpeg笔记(二) 使用FFmpeg对视频进行编解码的一般流程

热门文章

  1. Linux系列(12) - find
  2. python 正则表达式findall
  3. django对layui中csrf_token处理方式及其它一些处理
  4. WPF进阶技巧和实战04-资源
  5. 深入浅出WPF-07.Property(属性)
  6. Erase-Remove 惯用法
  7. iOS实现XMPP通讯(一)搭建Openfire
  8. Java泛型中的细节
  9. Apache ShardingSphere 在京东白条场景的落地之旅
  10. CSS常见的5种垂直水平居中(面试够用)