在selenium中一些相对常用的JavaScript事件

输入框输入:

1.找到输入框的id,然后进行输入操作

ordinal :输入框的id

parameter :需要输入的内容

 browser.execute_script("document.getElementById(\‘" + ordinal + "\‘).value=\‘" + parameter + "\‘;")

元素点击:

1..找到元素(selenium找元素的8种方式的其中一种即可)对象然后进行点击

python:

prompt该元素在页面中的cssSelector

confirm = browser.find_element_by_css_selector(prompt)
browser.execute_script("arguments[0].click();", confirm)

java:

1.定义JavascriptExecutor 对象
2.找到element 对象
3.执行js指令
JavascriptExecutor jse = (JavascriptExecutor) driver;
WebElement element = driver.findElement(By.xpath("//*[@class=‘referBtn‘]/input"));
jse.executeScript("arguments[0].click();", element);

2.通过元素id进行点击

prompt:该元素在页面中的id
browser.execute_script("document.getElementById(\‘" + prompt + "\‘).click();")

光标移动:

1. 光标选中输入框

ordinal :元素id

browser.execute_script("document.getElementById(\‘" + ordinal + "\‘).focus();" )

ele:元素对象

browser.execute_script("arguments[0].focus();", ele)

应用场景:鼠标位于输入框之后的一些事件。

代替:可用selenium中自带的鼠标移动(ActionChains)操作进行代替

2.光标从这个输入框中移出

ordinal :元素id
browser.execute_script("document.getElementById(\‘" + ordinal + "\‘).blur();")

ele:元素对象
browser.execute_script("arguments[0].blur();", ele)

应用场景:当光标不在输入框是,进行一些判断。

代替:可用selenium中自带的鼠标移动(ActionChains)操作进行代替

缺点:当你用js进行输入之后,在使用js移出指令时。输入框中事件的判断不会触发。。

搭配方式:

1.通过ele的输入+js移出指令。

例如:

ele = browser.find_element_by_id(id)

ele.click()

ele.clear()
ele.send_keys(parameter)

browser.execute_script("arguments[0].blur();", ele)

2.通过js指令执行光标选中+js输入+js移除

ordinal:元素id
parameter:需要输入的元素

# 光标选中id为ordinal的输入框
browser.execute_script("document.getElementById(\‘" + ordinal + "\‘).focus();" )

# 在元素id为ordinal的输入框中输入parameter值
 browser.execute_script("document.getElementById(\‘" + ordinal + "\‘).value=\‘" + parameter + "\‘;")

#  光标从id为ordinal的输入框中移出
browser.execute_script("document.getElementById(\‘" + ordinal + "\‘).blur();")

页面滑动:

1.界面滑动到顶部

python:

driver.execute_script("window.scrollTo(0,0)")

java:

((JavascriptExecutor) driver).executeScript("window.scrollTo(0,0)");

2.界面滑动到底部

python:

# 界面移动底部

driver.execute_script("window.scrollTo(0,document.body.scrollHeight)")

java:

//界面移动底部

((JavascriptExecutor) driver).executeScript("window.scrollTo(0, document.body.scrollHeight)");

3.界面滑动到指定位置:

python:

# 界面往下移动700像素
driver.execute_script("window.scrollTo(0,700)")

java:

//界面往下移动700像素

((JavascriptExecutor) driver).executeScript("window.scrollBy(0, 700)");

4.界面滑动到指定元素位置(如果使用这个命令,那么元素位于屏幕中间。。----如有错误,请留言。。)

python:

# 移动到元素element对象的“顶端”与当前窗口的“顶部”对齐

driver.executeScript("arguments[0].scrollIntoView();", element)

java:

//移动到元素element对象的指定的位置

((JavascriptExecutor) driver).executeScript("arguments[0].scrollIntoViewIfNeeded(true);",element);

注:后续更新,不懂的可以留言。请勿喷。!!!~~~~

时间: 2024-08-27 18:06:36

在selenium中一些相对常用的JavaScript事件的相关文章

JavaScript中,有三种常用的绑定事件的方法

要想让 JavaScript 对用户的操作作出响应,首先要对 DOM 元素绑定事件处理函数.所谓事件处理函数,就是处理用户操作的函数,不同的操作对应不同的名称. 在JavaScript中,有三种常用的绑定事件的方法: 在DOM元素中直接绑定: 在JavaScript代码中绑定: 绑定事件监听函数. 一. 在DOM元素中直接绑定 这里的DOM元素,可以理解为HTML标签.JavaScript支持在标签中直接绑定事件,语法为:    onXXX="JavaScript Code" 其中:

selenium中几种常用的等待

提起selenium中的等待,最先浮入你脑海的会是什么呢? time sleep? 显式等待? 隐式等待? ---- 1.time sleep() 可以称其为暂停等待,当设置为time.sleep(3)时意味着程序在等待3s后才会执行下一步查找下一位元素,比较适合没有大幅度跳转的页面,尽量少用,不推荐使用. 2.显式等待 用法为: p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; line-height: 19.0px; font: 13.0px "Helvetic

selenium中鼠标的常用操作

selenium自动化中,有时候会遇到需要模拟鼠标操作才能进行的情况,比如单击.双击.点击鼠标右键.拖拽等等.而selenium给我们提供了一个类来处理这类事件——ActionChains. ActionChains类鼠标操作的常用方法: context_click() 右击 double_click() 双击 drag_and_drop() 拖动 move_to_element() 鼠标悬浮在一个元素上 click_and_hold() 按下鼠标左键在一个元素上不松开 在使用ActionCha

JavaScript事件代理和委托

在javasript中delegate这个词经常出现,看字面的意思,代理.委托.那么它究竟在什么样的情况下使用?它的原理又是什么?在各种框架中,也经常能看到delegate相关的接口.这些接口又有什么特殊的用法呢?这篇文章就主要介绍一下javascript delegate的用法和原理,以及Dojo,jQuery等框架中delegate的接口. JavaScript事件代理 首先介绍一下JavaScript的事件代理.事件代理在JS世界中一个非常有用也很有趣的功能.当我们需要对很多元素添加事件的

python在selenium中做自动化测试用法详解

一.环境搭建参考:https://blog.csdn.net/efly2333/article/details/80346426 二.selenium用法详解(https://www.cnblogs.com/themost/p/6900852.html) 1 selenium用法详解 2 selenium主要是用来做自动化测试,支持多种浏览器,爬虫中主要用来解决JavaScript渲染问题. 3 模拟浏览器进行网页加载,当requests,urllib无法正常获取网页内容的时候 4 5 一.声明

常用的JavaScript正则匹配规则代码收藏,很实用

收集一些常用的JavaScript正则表达式匹配规则,比如匹配电话号码.Email.中文字符.身份证号.邮编.QQ号.过滤空白行.匹配特定数字等.觉得这玩意是很有用的,只不过自己水平菜,老是自己写不出,看了这个文档,觉得心里踏实很多,用到正则匹配的时候,看下这个,相信为让你省不少时间.注:本正则不仅限于在JS中使用,其它语言也可以借鉴. 匹配特定数字: ^[1-9]\d*$ //匹配正整数 ^-[1-9]\d*$ //匹配负整数 ^-?[1-9]\d*$ //匹配整数 ^[1-9]\d*|0$

selenium中的三种等待方式(显示等待WebDriverWait()、隐式等待implicitly()、强制等待sleep())---基于python

我们在实际使用selenium或者appium时,等待下个等待定位的元素出现,特别是web端加载的过程,都需要用到等待,而等待方式的设置是保证脚本稳定有效运行的一个非常重要的手段,在selenium中(appium通用)常用的等待分为显示等待WebDriverWait().隐式等待implicitly_wait().强制等待sleep()三种,下面我们就分别介绍一下这三种等待的区别 在前面的博文中简单介绍了<强制等待和隐士等待的区别和理解>,本文再详细的结合案例进行理解. sleep(): 强

常用的javascript小技巧

字符串转换为数值 常规方法: var var1 = parseInt("2"); var var2 = parseFloat("2"); var var3 = Number("2"); var var3 = new Number("2"); 简便方法: var var1 = +("2"); 将其他类型转换为boolean类型 在JavaScript中,所有值都能隐式的转化为Boolean类型: 数据类型 转

HTML meta标签的用法及head中的一些常用标签

meta是用来在HTML文档中模拟HTTP协议的响应头报文.meta主要为分HTTP标头信息(HTTP-EQUIV)和页面描述信息(NAME)标头信息包括文档类型.字符集.语言等浏览器正确显示网页的信息及处理动作:网页描述如内容的关键字.摘要.作者和定义robots行为等,为搜索引擎索引提供信息. meta 标签用于网页的<head>与</head>中,meta 标签的用处很多.meta 属性有两种:name和http- equiv. name:将content属性与一个名字连接,