火山视窗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="要写入的内容";

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

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

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

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

gdycphl · 发表于 2021-6-23 23:32:46

初学，怎么使用

猕猴桃 · 发表于 2021-8-30 23:45:35

看看

网络注册会员 · 发表于 2021-8-31 09:56:33

支持一下

371366864 · 发表于 2021-9-1 17:01:33

看看看看

langui8899 · 发表于 2021-9-1 23:36:32

初学，怎么使用

白天打伞 · 发表于 2021-9-2 09:58:47

1111111111111111111111

qewi · 发表于 2021-9-3 13:30:33

看看。加油吧。

小人物没回忆 · 发表于 2021-9-16 17:27:01

学习学习学习学习学习学习学习学习

ssswcip · 发表于 2021-9-17 09:32:21

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

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

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