一、模态框的定义：

　　模态对话框(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. Docker系列（3）- 配置阿里云镜像加速

    step-1 登录阿里云找到容器服务 step-2 找到镜像加速地址 step-3 配置使用 sudo mkdir -p /etc/docker sudo tee /etc/docker/daemon ...

  2. 『Python』列表生成式、生成器与迭代器

    1. 迭代 在 Python中, 迭代是通过 for ... in 来完成的, 而很多语言比如 C 语言, 迭代 list 是通过下标完成的. Python 的 for 循环抽象程度要高于 C 的 f ...

  3. P6800-[模板]Chirp Z-Transform【NTT】

    正题 题目链接:https://www.luogu.com.cn/problem/P6800 题目大意 给出一个\(n\)此多项式\(P\),对于\(k\in[0,m-1]\)所有的求\(P(c^k) ...

  4. 千位分隔符的JS实现

    $.extend({ //千位分割符 MoneySeparator: function numFormat(num){ if(num==null){ return num; }else { num=n ...

  5. R7000 电脑调整亮度

    R7000 电脑亮度太亮,想调整亮度,fn+F5,F6 不起作用,需要调整显卡的设置

  6. python下载网-易-公-开-课的视频

    import requests url='http://v.stu.126.net/mooc-video/nos/mp4/2016/03/19/1004187130_5b0f0056936d4f78a ...

  7. ServerManager.exe 0xc0000135 应用程序错误（Windows Server 2016、2019）

    前言 将 Windows Server 2019或2016 .NET Framework移除. IIS卸载后,服务器管理器.控制面板部分功能.事件查看器等都无法正常开启. 解决办法 打开CMD,输入D ...

  8. [RabbitMQ]下载&安装

    RabbitMQ是基于Erlang语言开发的消息中间件,所以使用RabbitMQ需要安装Erlang和RabbitMQ两个软件. 1 Erlang 1.1 下载 官网下载地址:https://www. ...

  9. Pytorch学习2020春-1-线性回归

    线性回归 主要内容包括: 线性回归的基本要素 线性回归模型从零开始的实现 线性回归模型使用pytorch的简洁实现 线性回归的基本要素 模型 为了简单起见,这里我们假设价格只取决于房屋状况的两个因素, ...

  10. Serverless 在 SaaS 领域的最佳实践

    作者 | 计缘 来源 | Serverless 公众号 随着互联网人口红利逐渐减弱,基于流量的增长已经放缓,互联网行业迫切需要找到一片足以承载自身持续增长的新蓝海,产业互联网正是这一宏大背景下的新趋势 ...