一、模态框的定义：

　　模态对话框(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();

        }

    }

}

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

【java+selenium3】模态框处理(五)的更多相关文章

  1. Bootstrap <基础三十二>模态框（Modal）插件

    模态框(Modal)是覆盖在父窗体上的子窗体.通常,目的是显示来自一个单独的源的内容,可以在不离开父窗体的情况下有一些互动.子窗体可提供信息.交互等. 如果您想要单独引用该插件的功能,那么您需要引用  ...

  2. 模态框zeroModal快速引入

    最基本快速接入 <%@ page language="java" contentType="text/html; charset=UTF-8" pageE ...

  3. Bootstrap -- 插件: 模态框、滚动监听、标签页

    Bootstrap -- 插件: 模态框.滚动监听.标签页 1. 模态框(Modal): 覆盖在父窗体上的子窗体. 使用模态框: <!DOCTYPE html> <html> ...

  4. CSS之样式属性(背景固定、圆形头像、模态框)

    CSS属性 一.宽和高 width属性可以为元素设置宽度. height属性可以为元素设置高度. 块级标签才能设置宽度,内联标签的宽度由内容来决定. div {width: 1000px;backgr ...

  5. 带事件的Bootstrap模态框的使用2

    模态框中显示一些基本的数据以及触发一些基本的JS函数 <%@ page language="java" contentType="text/html; charse ...

  6. 44 CSS 浮动 模态框 定位

    一.浮动 float : 浮动的盒子不占原来的位置,其下方的盒子会上移 父盒子会发生塌陷现象.同一级盒子right浮动,同级左边的盒子需要左浮动,right浮动的盒子才能上来 由于浮动框不在文档的普通 ...

  7. ajax+json模态框中分页(spring+struts+mybatis+easyui分页插件)

    0.业务需求: 点击每个数字的时候可以显示每个对应的详细记录.也就是得点击11的时候拿着开采部与C级去查询.

  8. 201271050130-滕江南-《面向对象程序设计（java）》第十五周学习总结

    201271050130-滕江南-<面向对象程序设计(java)>第十五周学习总结 博文正文开头格式:(2分) 项目 内容 这个作业属于哪个课程 https://www.cnblogs.c ...

  9. 201871010111-刘佳华《面向对象程序设计（java）》第十五周学习总结

    201871010111-刘佳华<面向对象程序设计(java)>第十五周学习总结 实验十三  Swing图形界面组件(二) 实验时间 2019-12-6 第一部分:理论知识总结 5> ...

随机推荐

  1. PHP 流行的框架

    Aura Laravel Symphony Yii Zend php components Packagist 最好的组件: Awesome PHP https://www.yiiframework. ...

  2. 接口测试-Mock测试方法

    接口测试-Mock测试方法一.关于Mock测试1.什么是Mock测试?Mock 测试就是在测试过程中,对于某些不容易构造(如 HttpServletRequest 必须在Servlet 容器中才能构造 ...

  3. 三步搞定IDEA集成热部署

    第一步.在你的SpringBoot项目中添加DevTools依赖 <!-- 热部署DevTools --> <dependency> <groupId>org.sp ...

  4. Unity——观察者模式

    观察者模式 一.Demo展示 二.设计思路 我们假设一种情况,在app中修改了头像,在所有显示头像的UI中都需要更改相应的图片,一个个去获取然后调用刷新会非常麻烦: 因此我们需要一个自动响应机制--观 ...

  5. PowerDotNet平台化软件架构设计与实现系列（02）：数据库管理平台

    为了DB复用和简化管理,我们对常见应用依赖的DB模块进行更高级的提取和抽象. 虽然一些ORM可以简化DB开发,但是我们还是需要进行改进和优化,否则应用越多,后期管理运维越混乱. 根据常见开发需要,数据 ...

  6. java 从零开始手写 RPC (07)-timeout 超时处理

    <过时不候> 最漫长的莫过于等待 我们不可能永远等一个人 就像请求 永远等待响应 超时处理 java 从零开始手写 RPC (01) 基于 socket 实现 java 从零开始手写 RP ...

  7. 结对编程——带UI的小初高数学学习软件

    一.简介 本次项目要求: 1.所有功能通过图形化界面操作,可以是桌面应用,可以是网站(编程语言和技术不限): 2.用户注册功能.用户提供手机号码,点击注册将收到一个注册码,用户可使用该注册码完成注册: ...

  8. fastjson反序列化-JdbcRowSetImpl利用链

    fastjson反序列化-JdbcRowSetImpl利用链 JdbcRowSetImpl利用链 fastjson反序列化JdbcRowSetImpl - Afant1 - 博客园 (cnblogs. ...

  9. HTML中的emment

    emment的优点和使用方法: 优点:Emment是前端开发者必备的工具,使用它可以大大提高前端开发效率. 使用方法:Emment的使用方法非常简单,直接在编辑器上输入HTML和CSS代码的缩写,然后 ...

  10. JVM：内存溢出OOM

    JVM:内存溢出OOM 本笔记是根据bilibili上 尚硅谷 的课程 Java大厂面试题第二季 而做的笔记 经典错误 JVM 中常见的两个 OOM 错误 StackoverflowError:栈溢出 ...