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

1185907650 · 发表于 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="要写入的内容";

在火山中编写的时候同样要注意引号转义的问题。

按钮点击后调用封装好的方法填写即可。

点击按钮后就会进行网页填表操作。

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

zc2007 · 发表于 2025-8-27 14:40:38

学习学习

server2021 · 发表于 2025-8-16 15:15:58

看看啊看看啊

消散孤独 · 发表于 2025-8-14 10:48:06

看看学习一下

ecbd0167 · 发表于 2024-9-3 18:14:31

楼主辛苦了，谢谢楼主，感谢楼主分享，楼主好人一生平安！！！

zjcbmw · 发表于 2024-9-2 22:08:51

学习了，谢谢分享

1316447212 · 发表于 2024-8-26 19:01:23

谢谢分享............

银河星汉 · 发表于 2024-7-25 14:07:34

看看学习一下

2oon · 发表于 2024-5-14 20:21:20

127.0.0.1

重新注册 · 发表于 2024-4-28 21:15:40

666666666666

jinqi8858 · 发表于 2024-4-26 18:39:54

6666666666666666

		自动登录	找回密码
密码			立即注册

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