火山软件开发平台

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
热搜: 火山 源码 类库
查看: 9043|回复: 55
打印 上一主题 下一主题

[视窗] 火山视窗CEF浏览器实现简单的网页填表

  [复制链接]

359

主题

6649

帖子

1万

积分

贵宾

Rank: 9Rank: 9Rank: 9

积分
16604
跳转到指定楼层
#
发表于 2021-6-18 17:46:06 | 只看该作者 回帖奖励 |正序浏览 |阅读模式
本源码转载自利快云https://www.lkuaiy.com/


火山视窗CEF浏览器实现简单的网页填表
一、准备工作
首先肯定要配置web浏览器模块,配置后才能使用cef浏览器。
然后简单的设计一个界面。
最后保存布局后,设置cef浏览器的地址为**首页。
二、CEF网页填表隐藏显示元素
想要实现隐藏元素就需要执行JavaScript脚本去操作,如果不懂JavaScript相关知识只能去**搜索相关JavaScript课程去学习了解。
在网页每一个htm标签都可以称为一个元素,在这个元素中会有一个名叫id的属性,接下来就通过这个id属性来操作实现隐藏和显示网页元素。
如下图所示:
隐藏网页元素的js代码:
document.getElementById("元素ID ").style.display="none";
显示网页元素的js代码:
document.getElementById("元素ID ").style.display="block";
以上两段代码可以看到只是结尾的值不同,因此在火山中可以搞一个逻辑值,利用选择方法来动态的修改这个值。
代码编写如下图,注意在写代码的时候,网页中的引号在火山中需要转义符\"来表示。
打开浏览器的开发者模式(f12),定位到搜索框源码位置,找到搜索框的id属性,复制属性值。

然后在火山中按钮点击后编写下面的代码,动态的显示和隐藏搜索框。
按钮点击后搜索框会消失。
三、CEF网页填表写文本
想要在网页中的编辑框中写文本,同样也需要执行JavaScript代码,同样也需要通过元素id来操作。
代码如下:
document.getElementById("元素ID").value="要写入的内容";
在火山中编写的时候同样要注意引号转义的问题。
按钮点击后调用封装好的方法填写即可。
点击按钮后就会进行网页填表操作。

游客,如果您要查看本帖隐藏内容请回复




火山安卓+PC多部课程尽在:www.lkuaiy.com
回复

使用道具 举报

6

主题

35

帖子

174

积分

核心用户

Rank: 9Rank: 9Rank: 9

积分
174
55#
发表于 5 天前 | 只看该作者
666666666666
回复

使用道具 举报

0

主题

5

帖子

20

积分

新手上路

Rank: 1

积分
20
54#
发表于 7 天前 | 只看该作者
6666666666666666
回复

使用道具 举报

14

主题

304

帖子

1508

积分

金牌会员

接单Q:413795326

Rank: 6Rank: 6

积分
1508
QQ
53#
发表于 2024-4-25 09:45:47 | 只看该作者
(\__/)
( •ᴗ•)
/> 软件 小程序 APP POST 脚本 建站 QQ:413795326
回复

使用道具 举报

0

主题

15

帖子

130

积分

注册会员

Rank: 2

积分
130
52#
发表于 2024-4-24 21:39:02 | 只看该作者
学习学习
回复

使用道具 举报

15

主题

49

帖子

176

积分

核心用户

Rank: 9Rank: 9Rank: 9

积分
176
51#
发表于 2024-3-9 16:32:45 | 只看该作者
学习一下
回复

使用道具 举报

1

主题

66

帖子

371

积分

中级会员

Rank: 3Rank: 3

积分
371
50#
发表于 2024-3-7 21:49:35 | 只看该作者
学下一下
回复

使用道具 举报

0

主题

49

帖子

126

积分

注册会员

Rank: 2

积分
126
49#
发表于 2024-2-19 13:45:13 | 只看该作者
好像很牛的样子,下载一看,更牛
回复

使用道具 举报

12

主题

59

帖子

334

积分

核心用户

我是来扫地的

Rank: 9Rank: 9Rank: 9

积分
334
48#
发表于 2024-2-18 17:46:21 | 只看该作者
这个很哞逼啊,学习学习
回复

使用道具 举报

0

主题

7

帖子

42

积分

新手上路

Rank: 1

积分
42
47#
发表于 2023-12-2 17:50:26 | 只看该作者
新人学习一下
回复

使用道具 举报

11

主题

42

帖子

1353

积分

核心用户

Rank: 9Rank: 9Rank: 9

积分
1353
46#
发表于 2023-11-7 15:32:28 | 只看该作者
666666666666666666
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|火山软件开发平台 ( 鄂ICP备18029190号 )

GMT+8, 2024-5-3 04:54 , Processed in 0.086222 second(s), 22 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表