递归火山软件开发平台

 找回密码
 立即注册

QQ登录

只需一步,快速开始

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

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

  [复制链接]

359

主题

6675

帖子

1万

积分

贵宾

Rank: 9Rank: 9Rank: 9

积分
17012
跳转到指定楼层
楼主
发表于 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
回复

使用道具 举报

1

主题

28

帖子

431

积分

中级会员

Rank: 3Rank: 3

积分
431
沙发
发表于 2021-6-23 23:32:46 | 只看该作者
初学,怎么使用
回复

使用道具 举报

21

主题

142

帖子

2525

积分

核心用户

核心成员

Rank: 9Rank: 9Rank: 9

积分
2525
板凳
发表于 2021-8-30 23:45:35 | 只看该作者
看看
软件定制,软件二开,咨询QQ:814567029
回复

使用道具 举报

4

主题

516

帖子

2609

积分

核心用户

Rank: 9Rank: 9Rank: 9

积分
2609
地板
发表于 2021-8-31 09:56:33 | 只看该作者
支持一下
回复

使用道具 举报

0

主题

46

帖子

348

积分

中级会员

Rank: 3Rank: 3

积分
348
5#
发表于 2021-9-1 17:01:33 | 只看该作者
看看看看
回复

使用道具 举报

0

主题

196

帖子

850

积分

高级会员

Rank: 4

积分
850
6#
发表于 2021-9-1 23:36:32 | 只看该作者
初学,怎么使用
回复

使用道具 举报

4

主题

48

帖子

224

积分

中级会员

Rank: 3Rank: 3

积分
224
7#
发表于 2021-9-2 09:58:47 | 只看该作者
1111111111111111111111
回复

使用道具 举报

1

主题

2

帖子

17

积分

新手上路

Rank: 1

积分
17
8#
发表于 2021-9-3 13:30:33 | 只看该作者
看看。加油吧。
回复

使用道具 举报

13

主题

105

帖子

1281

积分

核心用户

Rank: 9Rank: 9Rank: 9

积分
1281
9#
发表于 2021-9-16 17:27:01 | 只看该作者
学习学习学习学习学习学习学习学习
回复

使用道具 举报

0

主题

11

帖子

75

积分

注册会员

Rank: 2

积分
75
10#
发表于 2021-9-17 09:32:21 | 只看该作者
RE: 火山视窗CEF浏览器实现简单的网页填表 [修改]
回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-11-23 04:29 , Processed in 0.105798 second(s), 26 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

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