一、模态框的定义：

　　模态对话框(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. Python中类-带括号与不带括号的区别

    类不带括号我们叫赋值,带括号我们叫实例化. 什么是赋值? a=7 b=a id(7) 140726814208448 id(a) 140726814208448 id(b) 1407268142084 ...

  2. Jmeter导出测试报告

    测试数据概述 jemter导出数据 另存为导出csv文件 命令行导出 测试报告的作用: 反馈结果 复现问题,所以需要写明测试场景.数据

  3. Jemter请求乱码解决方案

    1:jemeter查看结果树乱码 (1)在jmeter的bin目录下找到jmeter.properties这个文件,添加上 sampleresult.default.encoding=utf-8 (2 ...

  4. centos虚拟机中挂新硬盘

    配置一台centos7,主硬盘20G装系统:副硬盘20G作为数据盘(格式:XFS)挂载到根目录:/vdir/ ,XFS是高性能文件系统. 外层vm硬盘添加好后,执行下面 1.fdisk -l //查看 ...

  5. python3中文乱码解决方法

    解决方法: 修改pycharm配置: File->Settings->Editor->File encodings 把Global encoding设置成GBK即可

  6. 定要过python二级 选择题第5套

    1. 2.. 3. https://zhidao.baidu.com/question/1952133724016713828.html 4. 5. 6. 7. 8. 9. 10. 11.

  7. 关于zimbra的复现以及突破

    Zimbra未登录RCE漏洞利用 首先我是根据这个PDF进行复现的,但是复现过程出现很多问题 首先使用这个XXE读取文件 <!DOCTYPE xxe [ <!ELEMENT name AN ...

  8. NOIP 模拟四 考试总结

    #T1随 又是liu_................... 数列n,m个操作,每次随机取a[i],x=x*a[i]%k; 问题是求x期望%mod; 首先考虑到期望转移过程中存在%k,一般套路线性期望 ...

  9. Hbase修复工具Hbck

    因为前面Hbase2集群出现过一次故障,当时花了一个周末才修好,就去了解整理了一些hbase故障的,事故现场可以看前面写的一篇:Hbase集群挂掉的一次惊险经历 一. HBCK一致性 一致性是指Reg ...

  10. Python Pandas的使用 ！！！！！详解

     Pandas是一个基于python中Numpy模块的一个模块 Python在数据处理和准备⽅⾯⼀直做得很好,但在数据分析和建模⽅⾯就差⼀些.pandas帮助填补了这⼀空⽩,使您能够在Python中执 ...