弹窗操作
一.弹窗的三种类型
HTML代码如下：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
</head>
<body>
<div align="center">
<h4>hello world</h4>
<input type="button" onclick="showPro()" value="输入框弹窗按钮"/>
<input type="button" onclick="showAlert2()" value="提示弹窗按钮"/>
<input type="button" onclick="showAlert()" value="确认弹窗按钮"/><br><br><br>
<span id="textSpan"></span>
</div>
</body>
<script>
function showAlert(){
document.getElementById("textSpan").innerHTML="";
if(confirm("你是初心吗？")){
document.getElementById("textSpan").innerHTML="<font style='color: red;'>您为何如此自信？</font>";
}else{
document.getElementById("textSpan").innerHTML="<font style='color: red;'>您为何如此谦虚？</font>";
}
}
function showPro(){
document.getElementById("textSpan").innerHTML="";
con = prompt("输入a为初心，输入b为小初心");
if(con=='a'){
document.getElementById("textSpan").innerHTML="<font style='color: green;'>初心好笨啊！！！</font>";
}else if(con=='b'){
document.getElementById("textSpan").innerHTML="<font style='color: green;'>小初心好聪明！！！！</font>";
}else{
document.getElementById("textSpan").innerHTML="<font style='color: red;'>您没有按要求输入，请重新输入</font>";
}
}
function showAlert2(){
document.getElementById("textSpan").innerHTML="";
alert("卡布奇诺的悲伤！！！！");
}
</script>
</html>
1.警告框（alter）
警告框提供了一个“确定”按钮让用户关闭该消息框，并且该消息框是模式对话框，也就是用户必须先要关闭对话，才能进行其他操作。
代码如下：
from selenium import webdriver from selenium.webdriver.support import expected_conditions as EC from selenium.webdriver.support.wait import WebDriverWait from selenium.webdriver.common.by import By import time driver=webdriver.Chrome() driver.maximize_window() driver.get(r'C:\Users\sanyth\Desktop\aa.html') driver.find_element_by_xpath("//input [contains(@value,'提示')]").click() #等待弹窗的出现 WebDriverWait(driver,20,1).until(EC.alert_is_present()) alter=driver.switch_to.alert #强制等待2秒 time.sleep(2) #打印弹窗内的文字 print(alter.text) #点击确定按钮 alter.accept()
2.确认消息框（confirm）
确认消息框向用户提示一个“是”或“否”的问题，用户可以选择“确定”按钮或者“取消”按钮
代码如下：
from selenium import webdriver from selenium.webdriver.support import expected_conditions as EC from selenium.webdriver.support.wait import WebDriverWait from selenium.webdriver.common.by import By import time driver=webdriver.Chrome() driver.maximize_window() driver.get(r'C:/Users/M/Desktop/Money/aaa.html') driver.find_element_by_xpath("//input [contains(@value,'确认')]").click() #等待弹窗的出现 alter=driver.switch_to.alert #强制等待2秒 time.sleep(2) #打印弹窗内的文字 print(alter.text) #点击确定按钮 alter.accept() ''' driver.find_element_by_xpath("//input [contains(@value,'确认')]").click() #等待弹窗的出现 WebDriverWait(driver,20,1).until(EC.alert_is_present()) alter=driver.switch_to.alert #强制等待2秒 time.sleep(2) #打印弹窗内的文字 print(alter.text) #点击取消按钮 alter.dismiss() '''
3.提示对话框
提示对话框提供一个文本字段，用户可以再次输入一个答案来响应您的提示，该消息框会有一个“确定”按钮和一个“取消”按钮。选择“确认”按钮会响应提示信息，选择”取消“按钮会关闭对话框。
代码如下：
from selenium import webdriver from selenium.webdriver.support import expected_conditions as EC from selenium.webdriver.support.wait import WebDriverWait from selenium.webdriver.common.by import By import time driver=webdriver.Chrome() driver.maximize_window() driver.get(r'C:/Users/M/Desktop/Money/aaa.html') driver.find_element_by_xpath("//input [contains(@value,'输入')]").click() #等待弹窗的出现 alter=driver.switch_to.alert #强制等待2秒 alter.send_keys('1') time.sleep(2) #点击确定按钮 alter.accept() #获取弹窗关闭后的结果 time.sleep(2) print (driver.find_element_by_xpath('//*[@id="textSpan"]/font').text)
二.另外一种是类似于弹窗的业务操作其实是前端框架的一种模态框，以前端bootstrap框架为例子。
业务首先点击添加按钮然后会出现相应操作的模态框。对于模态框的操作就是按照正常元素定位操作，若模态框内有iframe则需要先切入iframe然后在进行元素操作。
模态框
from selenium import webdriver from selenium.webdriver.support.select import Select from selenium.webdriver.support.wait import WebDriverWait from selenium.webdriver.support import expected_conditions as EC from selenium.webdriver.common.by import By from selenium.webdriver.common.action_chains import ActionChains from selenium import webdriver import time driver=webdriver.Chrome() driver.maximize_window() driver.get("xxxxxxxxxxxxxxxxx") username=driver.find_element_by_id("txtUserName") username.send_keys("xxxxx") password=driver.find_element_by_id("txtPassword") password.send_keys("xxxxxxx") password.clear() password.send_keys("xxxxxxx") login=driver.find_element_by_id("mlbActive") login.click() #查询学籍页面 driver.get("http://192.168.1.176:8022/Navigation/main.aspx") #展开菜单 driver.find_element_by_xpath("//span[@class='logo-mini']//img").click() #找到一级菜单 driver.find_element_by_css_selector("ul.sidebar-menu li:nth-child(17)").click() #点击一级菜单菜单的xxx三级菜单 driver.find_element_by_css_selector(".listwrap>div:nth-child(2)>span:nth-child(8)>ul li:nth-child(6) a").click() #点击添加按钮 #iframe=driver.find_element_by_xpath("//iframe[@name='iframeundefined']") #driver.switch_to.frame(iframe) #time.sleep(5) WebDriverWait(driver,20,1).until(EC.frame_to_be_available_and_switch_to_it((By.NAME,"iframeundefined"))) time.sleep(2) #验证元素是否可见 WebDriverWait(driver,20,1).until(EC.invisibility_of_element_located((By.XPATH,"//button[@id='btn_Add"))) driver.find_element_by_xpath("//button[@id='btn_Add']").click() #WebDriverWait(driver,20,1).until(EC.alert_is_present()) #add=driver.switch_to.alert() #bootstrap框架模态框 driver.find_element_by_id("Code").send_keys("010001") driver.find_element_by_id("Name").send_keys("xxxxxxx") driver.find_element_by_id("ShortName").send_keys("xxxxxxx") status=Select(driver.find_element_by_id("Status")) status.select_by_index(0)
