aardio网页组件：webPageOperation

webPageOperation是webview的初步封装，用来网页填表、操作网页。可操作web.form、web.view、web.view2等浏览器组件。
1

使用方法

首先把webPageOperation.aardio（源码在后面）放到~\lib\godking目录下，然后新建窗口项目：

import win.ui;
/*DSG{{*/
var winform = win.form(text="aardio form";right=759;bottom=469)
winform.add(
button={cls="button";text="打开网页";left=220;top=400;right=340;bottom=450;z=2};
button2={cls="button";text="搜索";left=410;top=400;right=530;bottom=450;z=3};
custom={cls="custom";text="自定义控件";left=9;top=13;right=744;bottom=386;ah=1;aw=1;z=1}
)
/*}}*/

import web.view
import console
var wb = web.view(winform.custom)
wb.go("https://www.sogou.com/")
 
winform.button.oncommand = function(id,event){
	import godking.webPageOperation;
	var wpo = godking.webPageOperation(wb);
	
	// 点击"图片"连接
	var s = "#weixinch";
	wpo.bySelector( s ).click();
}
 
winform.button2.oncommand = function(id,event){
	import godking.webPageOperation;
	var wpo = godking.webPageOperation(wb);
	
	// 填写搜索框内容
	var s = "#query";
	wpo.bySelector( s ).setValue("光庆aardio");
		
	// 表单提交
	var tagname = "form"
	wpo.byTagNameS( tagname,1 ).submit();	
}
 
winform.show();
win.loopMessage();

组件源码

//webPageOperation 网页操作
//光庆封装 http://chengxu.online
//V1.1.1
//2023-06-05
//参考文档： https://developer.mozilla.org/zh-CN/docs/Web/API
/*
更新日志
	1.1.1 改进S结尾的操作集合，增加 byIndex() 函数，改进 byChildS() 和 byParent() 函数命名。
	1.1.0 支持 parentNode() 父元素操作集 和 childNodes() 子元素操作集。内置find函数，可寻找指定元素并返回操作集，但速度很慢。
	1.0.0 初步封装
Selector(CSS选择器)参考手册: 
	https://www.runoob.com/cssref/css-selectors.html
	https://m.w3cschool.cn/cssref/css-selectors.html
bySelector(querySelector)使用文档：
	https://www.runoob.com/jsref/met-document-queryselector.html	
	https://m.w3cschool.cn/jsref/met-element-queryselector.html
*/
namespace godking
	// 对象操作类
class_func = class {
    	ctor( webview,funcName,Selector="",index,childNodes="",childIndex){
    	    if index this.index = "[" ++(index-1)++ "]" else this.index = "";
    	    if childIndex this.childIndex = "[" ++(childIndex-1)++ "]" else this.childIndex = "";
    	    var childNodesIndex = childNodes ++ this.childIndex;
    	};
		getProp = function(Prop){
			Prop:="value";
			return webview.eval("document." ++ funcName ++ "('" ++Selector++ "')" ++ this.index ++ childNodesIndex ++ "." ++Prop);
		}
		setProp = function(Prop,v=""){
			Prop:="value";
			if type(v)==type.string v="'" ++v++ "'";
			return webview.doScript("document." ++ funcName ++ "('" ++Selector++ "')" ++ this.index ++ childNodesIndex ++ "." ++Prop++ "=" ++v);
		}		
    	count = function(){
    	    var t;
    		if childNodes {
	    	    t = webview.eval("document." ++ funcName ++ "('" ++Selector++ "')" ++ this.index ++ childNodes);
	    	}else{
	    		t = webview.eval("document." ++ funcName ++ "('" ++Selector++ "')");
	    	}
    	    if type(t) == type.table return ..table.count(t);
    	    else return 0;
    	}
		click = function(){
			return webview.doScript("document." ++ funcName ++ "('" ++Selector++ "')" ++ this.index ++ childNodesIndex ++ ".click()");
		}
		submit = function(){
			return webview.doScript("document." ++ funcName ++ "('" ++Selector++ "')" ++ this.index ++ childNodesIndex ++ ".submit()");
		}
		
		getValue = function() { return this.getProp("value") }; 
		setValue = function(v) { return this.setProp("value",v) }; 

		getText = function() { var t = this.getProp("value"); if t!==null return tostring(t); }; 
		setText = function(v) { return this.setProp("value",tostring(v)) }; 
		
		getChecked = function() { return this.getProp("checked") }; 
		setChecked = function(v=1) { return this.setProp("checked",v?1:0) }; 
		
		getInnerText = function() { return this.getProp("innerText") }; 
		setInnerText = function(v="") { return this.setProp("innerText",v) }; 
		
		getOuterText = function() { return this.getProp("outerText") }; 
		setOuterText = function(v="") { return this.setProp("outerText",v) }; 
		
		getOuterHTML = function() { return this.getProp("outerHTML") }; 
		setOuterHTML = function(v="") { return this.setProp("outerHTML",v) }; 
		
		getInnerHTML = function() { return this.getProp("innerHTML") }; 
		setInnerHTML = function(v="") { return this.setProp("innerHTML",v) }; 
		
		getSelectedItemIndex = function(){
			var idx = this.getProp("selectedIndex"); if idx!==null return idx+1; 
		}
		setSelectedItemByIndex = function(v){
			v:=1; v-=1; return this.setProp("selectedIndex",v)
		}
		getSelectedItemText = function(){
			var idx = this.getProp("selectedIndex"); if idx===null return ; 
			return webview.eval("document." ++ funcName ++ "('" ++Selector++ "')" ++ this.index ++ childNodesIndex ++ ".options.item(" ++idx++ ").text");
		}
		setSelectedItemByText = function(v=""){
			for(i=1;this.count();1){
				if webview.eval("document." ++ funcName ++ "('" ++Selector++ "')" ++ this.index ++ childNodesIndex ++ ".options.item(" ++(i-1)++ ").text")==v {
					return webview.doScript("document." ++ funcName ++ "('"+Selector+"')" ++ this.index ++ childNodesIndex ++ ".selectedIndex=" ++(i-1));
				}
			}
		} 
		getItemText = function(v){
			v:=1; v-=1;
			return webview.eval("document." ++ funcName ++ "('" ++Selector++ "')" ++ this.index ++ childNodesIndex ++ ".options.item(" ++v++ ").text");
		} 
		getItemCount = function(){
			var t = webview.eval("document." ++ funcName ++ "('" ++Selector++ "')" ++ this.index ++ childNodesIndex ++ ".options");
			if type(t)==type.table return ..table.count(t); 
		} 				
		getName = function() { return this.getProp("name") }; 
		getID = function() { return this.getProp("id") }; 
		getHref = function() { return this.getProp("href") }; 
		getSrc = function() { return this.getProp("src") }; 
		getTag = function() { return this.getProp("tagName") }; 
		getType = function() { return this.getProp("type") }; 
		getClass = function() { return this.getProp("className") }; 
		getStyle = function() { return this.getProp("style") }; 

		setHref = function(v) { return this.setProp("href",v) }; 
		setSrc = function(v) { return this.setProp("src",v) }; 
		setTag = function(v) { return this.setProp("tagName",v) }; 
		setType = function(v) { return this.setProp("type",v) }; 
		setClass = function(v) { return this.setProp("className",v) }; 
		setStyle = function(v) { return this.setProp("style",v) }; 
		
		byParent = function(){
			return ..godking.class_func(webview,funcName,Selector,index,childNodes++ this.childIndex ++ ".parentNode",null); 
		}
		byChildS = function(v){
			return ..godking.class_func(webview,funcName,Selector,index,childNodes++ this.childIndex ++ ".childNodes",v:1); 
		}
		focus = function(){
			webview.doScript("document." ++ funcName ++ "('" ++Selector++ "')" ++ this.index ++ childNodesIndex ++ ".focus()");
		}
		byIndex = function(v){
			if childIndex return ..godking.class_func( webview,funcName,Selector,index,childNodes,v:1); 
			else return ..godking.class_func( webview,funcName,Selector,v:1,childNodes,childIndex); 
		}
    }

class webPageOperation {
	ctor(webview){}; 
	// 获取对象函数
    focus = function(){
    	webview.focus();
    }
	getProp = function(prop){
		return webview.eval("document."+prop);
	}
	setProp = function(prop,v){
		if type(v)==type.string v="'"+v+"'";
		return webview.doScript("document."+prop+"="+v);
	}
	hideScrollbar = function(){
		webview.doScript(`document.body.style.overflow='hidden';
		document.body.style.overflowX='hidden';
		document.body.style.overflowY='hidden';
		document.parentWindow.execScript("document.body.style.overflow='hidden';")
		`)
	}
	hideBoder = function(){
		webview.doScript("document.body.style.border='0px none #CCCCCC';")
	}
	addLimit = function(){
		webview.doScript(`document.οncοntextmenu=function(){return false;};
		document.onselectstart=function(){return false;};
		document.onsdragstart=function(){return false;};
		`)
	}
	getTitle = function(){
		return webview.eval("document.title");
	}
	getCookie = function(){
		return webview.eval("document.cookie");
	}	
	setDesignMode = function(v=true){
		webview.doScript("document.designMode='"+(v?"on":"off")+"'")
	}
	back = function(){
		webview.doScript("window.history.back();")
	}
	forward = function(){
		webview.doScript("window.history.forward();")
	}
	find = function(kv){
		var fd = function(clss,fd){
			for(i=1;clss.childNodes().count();1){
				// 检查当前子对象
				var curChd = clss.childNodes(i);
				var is = true;
				for(k,v in kv){
					if curChd.getProp(k)!==v {
						is=false;
						break;
					}
				}
				if is return curChd; 
				// 如果有子子对象，则深入分析当前子对象
				if curChd.childNodes().count() {
					var r = fd(curChd,fd);
					if r return r; 
				}
			}			
		}
		var cls = this.bySelector("html");
		if !cls.childNodes().count() cls = this.bySelector("body");
		if cls.childNodes().count() return fd(cls,fd); 
	}

    // 创建对象操作类实例函数
	byID = function(v){ return ..godking.class_func(webview,"getElementById",v) };
	bySelector = function(v){ return ..godking.class_func(webview,"querySelector",v) };
	byTagNameS = function(v,index){ return ..godking.class_func(webview,"getElementsByTagName",v,index:1) };
	byNameS = function(v,index){ return ..godking.class_func(webview,"getElementsByName",v,index:1) };
	byClassNameS = function(v,index){ return ..godking.class_func(webview,"getElementsByClassName",v,index:1) };
	bySelectorS = function(v,index){ return ..godking.class_func(webview,"querySelectorAll",v,index:1) };

}

/**intellisense()
godking.webPageOperation = 网页操作类
godking.webPageOperation( wb ) = 初始化网页操作类。参数：webform、webview、webview2 对象
godking.webPageOperation() = !godking_webPageOperation.
end intellisense**/

/**intellisense(!godking_webPageOperation.)
byID( "__" ) = 通过ID获取元素对象，创建对象操作集。
bySelector( "__" ) = 通过Selector路径获取元素对象，创建对象操作集。
byTagNameS( "__", 1 ) = 通过TagName获取元素对象集合，创建对象操作集。\n参数1：tagName；参数2：对象索引（从1开始）
byNameS( "__", 1 ) = 通过name获取元素对象集合，创建对象操作集。\n参数1：name；参数2：对象索引（从1开始）
byClassNameS( "__", 1 ) = 通过ClassName获取元素对象集合，创建对象操作集。\n参数1：ClassName；参数2：对象索引（从1开始）
bySelectorS( "__", 1 ) = 通过Selector路径获取元素对象集合，创建对象操作集。\n参数1：Selector路径；参数2：对象索引（从1开始）

byID() = !godking_webPageOperation_class.
bySelector() = !godking_webPageOperation_class.
byTagNameS() = !godking_webPageOperation_class.
byNameS() = !godking_webPageOperation_class.
byClassNameS() = !godking_webPageOperation_class.
bySelectorS() = !godking_webPageOperation_class.

getProp( "__" ) = 获取属性值。参数：属性名
setProp( "__", ) = 设置属性值。参数：属性名、属性值
hideScrollbar() = 隐藏滚动条
hideBoder() = 隐藏边框
addLimit() = 添加鼠标右键菜单、选择文本、拖拽的限制。
getTitle() = 获取标题
getCookie() = 获取cookie
setDesignMode( true ) = 设置设计模式（编辑模式）
back() = 后退
forward() = 前进
focus() = 网页组件获取输入焦点
end intellisense**/

/**intellisense(!godking_webPageOperation_class.)
getProp( "__" ) = 获取属性值。参数：属性名
setProp( "__", ) = 设置属性值。参数：属性名、属性值

count() = 元素总数量。by开头S结束的函数，可以通过该函数获取总元素数量。
click() = 点击元素
submit() = 提交表单
focus() = 网页元素获取输入焦点

getValue() = 取value值
setValue( "__" ) = 置value值

getText() = 取value值，自动tostring转文本。
setText( "__" ) = 置value值，自动tostring转文本。

getChecked() = 取选中状态
setChecked( true ) = 置选中状态

getInnerText() = 取innerText
setInnerText( "__" ) = 置innerText

getOuterText() = 取outerText
setOuterText( "__" ) = 置outerText

getOuterHTML() = 取outerHTML
setOuterHTML( "__" ) = 置outerHTML

getInnerHTML() = 取innerHTML
setInnerHTML( "__" ) = 置innerHTML

byChildS( 1 ) = 创建子元素对象操作集。参数：子元素索引。
byChildS() = !godking_webPageOperation_class.
byParent() = 创建父元素对象操作集。\n!godking_webPageOperation_class.
byIndex( 1 ) = 创建当前元素集(S结尾的)的指定索引的元素的操作集。参数：元素索引。
byIndex() = !godking_webPageOperation_class.

getSelectedItemIndex() = 取选择框当前选中项目索引
setSelectedItemByIndex( __ ) = 置选择框当前选中项目索引
getSelectedItemText() = 取选择框当前选中项目文本
setSelectedItemByText( "__" ) = 置选择框当前选中项目文本
getItemText( __ ) = 取指定项目文本。参数：项目索引(从1开始)
getItemCount() = 取项目数量
getName() = 取name
getID() = 取id
getHref() = 取href
getSrc() = 取src
getTag() = 取tagName
getType() = 取type
getClass() = 取class
getStyle() = 取style

setHref( "__" ) = 置href
setSrc( "__" ) = 置src
setTag( "__" ) = 置tagName
setType( "__" ) = 置type
setClass( "__" ) = 置class
setStyle( "__" ) = 置style

end intellisense**/

参考

https://blog.csdn.net/sdlgq/article/details/131011599

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：/a/242205.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

Leetcode—10.正则表达式匹配【困难】

Leetcode—10.正则表达式匹配【困难】

2023每日刷题&#xff08;五十八&#xff09; Leetcode—10.正则表达式匹配 算法思想 参考题解 实现代码 class Solution { public:bool isMatch(string s, string p) {int m s.size(), n p.size();vector<vector<bool>> dp(m 1, vector<bool>(n …
阅读更多...
基于单片机智能循迹小车仿真设计

基于单片机智能循迹小车仿真设计

**单片机设计介绍&#xff0c;基于单片机智能循迹小车仿真设计 文章目录 一 概要二、功能设计设计思路 三、 软件设计原理图 五、 程序六、 文章目录 一 概要 基于单片机的智能循迹小车是一种通过传感器检测地面情况&#xff0c;并根据设定的规则进行动作控制的机器人。它使用…
阅读更多...
信号量机制及信号量实现进程同步、互斥、前驱关系

信号量机制及信号量实现进程同步、互斥、前驱关系

进程互斥的四种软件实现万式&#xff08;单标志法、双标志先检查、双标志后检查、Peterson算法)进程互斥的三种硬件实现方式&#xff08;中断屏蔽方法、TS/TSL指令、Swap/XCHG指令&#xff09; 1.在双标志先检查法中&#xff0c;进入区的“检查”、“上锁”操作无法一气呵成&am…
阅读更多...
性能测试、负载测试、压力测试之间的差异！

性能测试、负载测试、压力测试之间的差异！

1、什么是性能测试 性能测试是一种用于确定计算机、网络或设备速度的测试。它通过在不同的负载场景中传递不同的参数来检查系统组件的性能。 2、什么是负载测试 负载测试是在任何应用程序或网站上模拟实际用户负载的过程。它检查应用程序在正常和高负载期间的行为。当开发项目…
阅读更多...
CAN 三: STM32 CAN相关寄存器介绍

CAN 三: STM32 CAN相关寄存器介绍

1、寄存器列表&#xff08;F1/F4/F7&#xff09; 寄存器名称作用CAN_MCRCAN主控制寄存器主要负责CAN工作模式的配置CAN_BTR位时序寄存器用来设置分频/TBS1/TBS2/TSWJ等参数&#xff0c;设置测试模式CAN_(T/R)IxR标识符寄存器存放(待发送/接收)的报文ID、扩展ID、IDE位及RTR位C…
阅读更多...
[c]零钱兑换

[c]零钱兑换

题目比较简单&#xff0c;看答案就能看懂什么意思 #include<stdio.h> int main() {int count 0;int n;scanf("%d", &n);for (int i 0; i < n; i){for (int k 0; k <n/2; k){for (int j 0; j < n/5 ; j){if (i 2 * k 5 * j n){count;}}}}p…
阅读更多...
ZXing生成二维码

ZXing生成二维码

&#x1f60a; 作者&#xff1a; 瓶盖子io &#x1f496; 主页&#xff1a; 瓶盖子io-CSDN博客 1.介绍 Android Zxing框架 生成二维码扫码功能;ZXing是一个开源的类库&#xff0c;是用Java编写的多格式的1D / 2D条码图像处理库&#xff0c;使用ZXing可以生成、识别QR Code(…
阅读更多...
Servlet 的初步学习

Servlet 的初步学习

前言 咱们最核心的目标是基于tomcat编程, 做出网站来 ~~ 基于tomcat进行网站后端的开发. 网站后端, http服务器,肯定是需要针对http 协议进行一系列操作的. 幸运的是, tomcat,已经把这些http相关的底层操作,封装好了只需要调用tomcat给咱们提供的api即可 Servlet 是什么 Servl…
阅读更多...
做数据分析为何要学统计学（6）——什么问题适合使用卡方检验？

做数据分析为何要学统计学（6）——什么问题适合使用卡方检验？

卡方检验作为一种非常著名的非参数检验方法&#xff08;不受总体分布因素的限制&#xff09;&#xff0c;在工程试验、临床试验、社会调查等领域被广泛应用。但是也正是因为使用的便捷性&#xff0c;造成时常被误用。本文参阅相关的文献&#xff0c;对卡方检验的适用性进行粗浅…
阅读更多...
基于Java8构建Docke镜像

基于Java8构建Docke镜像

基于Java8构建Docke镜像 搜索java8安装包 docker search java8 --no-trunc &#xff0c; --no-trunc展开描述信息 选择拉取 docker pull docker.io/mykro/java8-jre&#xff0c;为了减少磁盘占用&#xff0c;选择jre版本基础镜像 在宿主机创建文件夹iot&#xff0c;并把所需…
阅读更多...
opencv 十五 红外图像中虹膜的提取

opencv 十五 红外图像中虹膜的提取

一、算法需求 在医疗检测中&#xff0c;需要使用红外相机拍摄眼睛照片&#xff0c;然后提取出虹膜的区域。在拍摄过程瞳孔需要进行运动&#xff0c;其通常不在正前方&#xff0c;无法形成圆形&#xff0c;不能使用常规的霍夫圆检测进行提取定位。且在在红外图像中&#xff0c;…
阅读更多...
Java 语言关键字

Java 语言关键字

Java关键字是电脑语言里事先定义的&#xff0c;有特别意义的标识符&#xff0c;有时又叫保留字&#xff0c;还有特别意义的变量。Java的关键字对Java的编译器有特殊的意义&#xff0c;他们用来表示一种数据类型&#xff0c;或者表示程序的结构等&#xff0c;关键字不能用作变量…
阅读更多...
鸿蒙OS应用开发者高级认证题库

鸿蒙OS应用开发者高级认证题库

一、判断题 云函数打包完成后&#xff0c;需要到AppGallery Connect创建对应函数的触发器才可以在端侧中调用&#xff08;错&#xff09; 在column和Row容器组件中&#xff0c;aligntems用于设置子组件在主轴方向上的对齐格式&#xff0c;justifycontent用于设置子组件在交叉轴…
阅读更多...
IO零拷贝

IO零拷贝

在介绍零拷贝之前我们先看看传统的 Java 网络 IO 编程是怎样的。 下面代码展示了一个典型的 Java 网络程序。 File file new File("index.jsp");RandomAccessFile rdf new RandomAccessFile(file, "rw");byte[] arr new byte[(int) file.length()];rdf…
阅读更多...
差分进化算法DE

差分进化算法DE

此算法是一种基于贪心的并行直接搜索算法。 1.过程 &#xff08;1&#xff09;初始化种群 NP个D维的参数向量(i1,2,...,NP)作为每一代G种群&#xff0c;种群规模必须>4 &#xff08;2&#xff09;变异 使用种群中两个不同向量来干扰一个现有向量&#xff0c;进行差分操…
阅读更多...
穿梭时光的Java魔法：轻松掌握Date类，揭示当前时间的神秘面纱！

穿梭时光的Java魔法：轻松掌握Date类，揭示当前时间的神秘面纱！

一、实现目标 获取当前时间&#xff01; 二、上代码 import java.text.SimpleDateFormat; import java.util.Date; public class Date_ { // 输出当前的时间 public static void main(String[] arg…
阅读更多...
集群监控Zabbix和Prometheus

集群监控Zabbix和Prometheus

文章目录 一、Zabbix入门概述1、Zabbix概述2、Zabbix 基础架构3、Zabbix部署3.1 前提环境准备3.2 安装Zabbix3.3 配置Zabbix3.4 启动停止Zabbix 二、Zabbix的使用与集成1、Zabbix常用术语2、Zabbix实战2.1 创建Host2.2 创建监控项&#xff08;Items&#xff09;2.3 创建触发器&…
阅读更多...
Dueling DQN 跑 Pendulum-v1

Dueling DQN 跑 Pendulum-v1

gym-0.26.1 Pendulum-v1 Dueling DQN 因为还是DQN,所以我们沿用double DQN,然后把 Qnet 换成 VAnet。 其他的不变&#xff0c;详情参考前一篇文章。 class VA(nn.Module):"""只有一层隐藏层的A网络和V网络"""def __init__(self, state_dim, hidd…
阅读更多...
二百一十五、Flume——Flume拓扑结构之复制和多路复用的开发案例（亲测，附截图）

二百一十五、Flume——Flume拓扑结构之复制和多路复用的开发案例（亲测，附截图）

一、目的 对于Flume的复制和多路复用拓扑结构&#xff0c;进行一个小的开发测试 二、复制和多路复用拓扑结构 &#xff08;一&#xff09;结构含义 Flume 支持将事件流向一个或者多个目的地。 &#xff08;二&#xff09;结构特征 这种模式可以将相同数据复制到多个channe…
阅读更多...
【UML】组件图中的供接口和需接口与面向对象中的接口

【UML】组件图中的供接口和需接口与面向对象中的接口

UML&#xff08;统一建模语言&#xff09;组件图中的“供接口”&#xff08;Provided Interface&#xff09;和“需接口”&#xff08;Required Interface&#xff09;与面向对象编程中的接口概念有关联&#xff0c;但它们在应用上有所区别。 下面解释两者的关系&#xff1a; …
阅读更多...
最新文章

Copyright @ 2022~2023