一、模态框的定义：

　　模态对话框(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. PC+PLC通过Modbus协议构建工控系统

    一. 概述 工业设备采用HMI+PLC控制是比较常见的方案,随着工业自动化的要求越来越高,现在很多设备都要求接入企业MES系统,MES系统一般为WEB系统,接口形式大部分为HTTP协议,这种传统方案和 ...

  2. 学习laravel总结中...

    1,安装homestead :mac环境 https://learnku.com/docs/laravel-development-environment/5.5/development-enviro ...

  3. VueCLI3 创建vue项目

    关于旧版本 Vue CLI 的包名称由 vue-cli 改成了 @vue/cli. 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x),你需要先通过 npm uninstall vu ...

  4. MacOS Typora集成SM.SM图床 实现自动上传图片

    MacOS Typora集成SM.SM图床 实现自动上传图片 此为PicGo-Core (Command line) (OpenSource)配置方法 参照官网 https://support.typ ...

  5. 对于caffe程序中出现的Unknown database backend问题的报错怎么办？

    在预处理器中添加USE_LMDB,因为caffe需要一种数据输入格式 这样,在db.cpp中#ifdef USE_LMDB就会变亮,显示使用的数据格式为LMDB

  6. 从零入门 Serverless | 企业级 CI/CD 工具部署 Serverless 应用的落地实践

    背景知识 通过以往几节课程的学习,相信大家对于 SAE 平台已经有了一定的了解.SAE 为客户免除了很多复杂的运维工作,开箱即用.按用量付费:与此同时 SAE 提供了丰富的 Open API,可以很容 ...

  7. Java基础之（一）：JDK的安装以及Notepad++的下载

    从今天开始就开始我的Java的学习了,学习Java前需要做一些前期的准备工作.好了,现在我们先一起来安装JDK. JDK的安装 JDK下载链接:JDK 下载电脑对应的版本,同意协议 双击安装JDK 将 ...

  8. Servlet和Servlet容器

    Java Servlet(Java服务器小程序)是一个基于Java技术的Web组件,运行在服务器端,它由Servlet容器所管理,用于生成动态的内容, Servlet是平台独立的Java类,编写一个S ...

  9. FastAPI 学习之路（三）

    系列文章: FastAPI 学习之路(一)fastapi--高性能web开发框架 FastAPI 学习之路(二) 之前的文章分享了如何去创建一个简单的路径的请求.那么我们这次分享的如何在请求路径中,增 ...

  10. scratch塔罗牌的制作

    首先,这个程序的流程是洗牌->占卜,很简单的一个程序.那个程序的组成是什么呢? 该程序由22张大卡.开始洗牌按钮.占卜按钮和说出占卜结果的角色组成. 先来说说开始洗牌按钮吧. 开始的时候移动到相 ...