IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> Python知识库 -> JS处理日历控件 -> 正文阅读

[Python知识库]JS处理日历控件

一、前言

在web自动化的过程中,我们遇到的日历控制这样的场景,大致分为两种:

1、可以直接输入日期

2、不能够直接输入日期,只能选择

二、js处理日期控件的代码

1、方法一大致思路:

(1)处理场景:日期输入框不能直接输入日期,只能选择

(2)我们可以通过输入框的id属性去进行定位,并赋值给变量el

(3)通过js代码来修改readonly和value的值,就用到了js代码中的arguments,相当于python中的format

(4)通过execute_script()发送js指令

import time
from selenium import webdriver

driver = webdriver.Chrome()
driver.get("https://www.12306.cn/index/")
driver.maximize_window()

# 1、定位到日期输入框 赋值给变量el
el = driver.find_element("id","train_date")
# 2、然后用js来操作el元素  arguments[0]==相当于占位符 readOnly==不可以直接输入日期的话,需要利用js去掉readOnly属性
js_code = """arguments[0].readOnly=false;arguments[0].value = '2022-03-10'"""
# 3、通过execute_script()发送js指令,第一个参数是你准备的 JS 代码字符串,后面的参数都是你可以传入的Python变量
driver.execute_script(js_code,el)
# 4、等待3s看效果
time.sleep(3)
# 5、关闭浏览器
driver.quit()

2、方法二大致思路:

(1)处理场景:可以直接输入日期,但是用到的是js代码

(2)利用js代码定位输入框元素,然后去修改其value值

(3)通过execute_script()发送js指令

import time
from selenium import webdriver

driver = webdriver.Chrome()
driver.get("https://www.12306.cn/index/")
driver.maximize_window()

# 1、全部写成js代码:找到元素输入框,赋值给变量,然后修改value值
js_code = """var el = document.getElementById('train_date'); el.value='2022-03-09'"""
# 2、方法 发送js代码到浏览器
driver.execute_script(js_code)
# 3、等待3s看效果
time.sleep(3)
# 4、关闭浏览器
driver.quit()

3、方法三大致思路:

(1)处理场景:直接输入日期

(2)直接定位到到输入框,清除输入框原有的数据

(3)再次重新输入数据

import time
from selenium import webdriver

driver = webdriver.Chrome()
driver.get("https://www.12306.cn/index/")
driver.maximize_window()

# 1、定位输入框元素,清除原有的数据,直接输入
driver.find_element("id","train_date").clear()
driver.find_element("id","train_date").send_keys('2020-03-09')

?注意点:python代码和js代码组合去用的话,这个大家随意就好了。

  Python知识库 最新文章
Python中String模块
【Python】 14-CVS文件操作
python的panda库读写文件
使用Nordic的nrf52840实现蓝牙DFU过程
【Python学习记录】numpy数组用法整理
Python学习笔记
python字符串和列表
python如何从txt文件中解析出有效的数据
Python编程从入门到实践自学/3.1-3.2
python变量
上一篇文章      下一篇文章      查看所有文章
加:2022-03-16 22:18:55  更:2022-03-16 22:20:49 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/15 19:28:21-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码