首先，将下面html代码保存到一个文件中

后续的代码小案例都是访问此html的

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>警告框处理</title>
  6.     <script type="text/javascript">
  7.         function duihua() {
  8.             alert("这个窗口是对话框！");
  9.             print('你点击了确认');
  10.         }
  12.         function queren() {
  13.             var se = confirm("确认框!");
  14.             if (se == true) {
  15.                 print('你点击了确认1');
  16.             } else {
  17.                 print('你点击了取消1');
  18.             }
  19.         }
  21.         function tishi() {
  22.             var se = prompt("请输入您的反馈意见", "测试")
  23.             if (se != null) {
  24.                 print('你点击了确认2');
  25.             } else {
  26.                 print('你点击了取消2');
  27.             }
  28. //            if (t != null && t != "") {
  29. //                document.write("刷新回到初始界面")
  30. //            }
  31.         }
  33.         function print(text) {
  34.             var dom = document.createElement('div')
  35.             dom.innerText = text
  36.             document.getElementsByTagName('body')[0].appendChild(dom)
  37.         }
  38.     </script>
  39. </head>
  40. <body>
  41. <input id="bu1" type="button" onclick="duihua()" value="点击显示对话框"/>
  42. <br>
  43. <br>
  44. <input id="bu2" type="button" onclick="queren()" value="点击显示确认框"/>
  45. <br>
  46. <br>
  47. <input id="bu3" type="button" onclick="tishi()" value="点击显示提示框"/>
  48. </body>
  49. </html>

alert窗口的类型

  • 警告框
  • 确认框
  • 对话框

    警告框

    Selenium系列（9） - 针对alert窗口的处理（警告框、确认框、对话框）和源码解读 - 图3

确认框

Selenium系列（9） - 针对alert窗口的处理（警告框、确认框、对话框）和源码解读 - 图4

对话框

Selenium系列（9） - 针对alert窗口的处理（警告框、确认框、对话框）和源码解读 - 图5

操作alert窗口

  • 切换至alert窗口
  • 获取alert窗口的值
  • 确定
  • 取消
  • 输入值

警告框的栗子

  1. # !/usr/bin/env python
  2. # -*- coding: utf-8 -*-
  4. """
  5. __title__  =
  6. __Time__   = 2020/3/25 17:52
  7. __Author__ = 小菠萝测试笔记
  8. __Blog__   = https://www.cnblogs.com/poloyy/
  9. """
  11. from selenium import webdriver
  13. driver = webdriver.Chrome("../resources/chromedriver.exe")
  15. # html文件路径需要自己替换哦
  16. driver.get("file:///C:/警告框.html")
  17. driver.maximize_window()
  19. # 警告框
  20. alert1 = driver.find_element_by_id("bu1")
  22. # 先点击，得先弹出警告框
  23. alert1.click()
  25. # 切换至警告框
  26. alert1 = driver.switch_to.alert
  28. # 获取alert窗口的值
  29. print(alert1.text)
  31. # 点击 确定
  32. alert1.accept()

确认框的栗子

  1. alert2 = driver.find_element_by_id("bu2")
  2. alert2.click()
  4. # 切换至对话框
  5. alert2_ = driver.switch_to.alert
  7. # 获取窗口值
  8. print(alert2_.text)
  10. # 点击 取消
  11. alert2_.dismiss()
  12. # 点击 确认
  13. # alert2_.accept()

对话框的栗子

  1. alert3 = driver.find_element_by_id("bu3")
  2. alert3.click()
  4. # 切换至对话框
  5. alert3_ = driver.switch_to.alert
  7. # 获取窗口值
  8. print(alert3_.text)
  10. # 输入值到对话框中
  11. alert3_.send_keys("输入对话框")
  13. # 点击 确认
  14. alert2_.accept()

switch_to.alert源码解读

  1.     @property
  2.     def alert(self):
  3.         """
  4.         Switches focus to an alert on the page.
  6.         :Usage:
  7.             alert = driver.switch_to.alert
  8.         """
  9.         alert = Alert(self._driver)
  10.         alert.text
  11.         return alert

知识点

  • alert是一个属性，不是一个方法
  • 最终返回一个 Alert 实例，所以我们需要有变量去接住它，后续通过这个变量去操作alert窗口
  • 操作alert窗口的方法都 Alert 的方法

转载： https://www.cnblogs.com/poloyy/p/12600700.html