1185907650 发表于 2021-6-18 17:46:06

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

本源码转载自利快云https://www.lkuaiy.com/


火山视窗CEF浏览器实现简单的网页填表 一、准备工作首先肯定要配置web浏览器模块，配置后才能使用cef浏览器。https://www.lkuaiy.com/image/editor/16239800334203.png 然后简单的设计一个界面。 https://www.lkuaiy.com/image/editor/16239800399381.png 最后保存布局后，设置cef浏览器的地址为**首页。https://www.lkuaiy.com/image/editor/16239800458995.png 二、CEF网页填表隐藏显示元素想要实现隐藏元素就需要执行JavaScript脚本去操作，如果不懂JavaScript相关知识只能去**搜索相关JavaScript课程去学习了解。在网页每一个htm标签都可以称为一个元素，在这个元素中会有一个名叫id的属性，接下来就通过这个id属性来操作实现隐藏和显示网页元素。如下图所示：https://www.lkuaiy.com/image/editor/16239800516126.png 隐藏网页元素的js代码：document.getElementById("元素ID ").style.display="none"; 显示网页元素的js代码：document.getElementById("元素ID ").style.display="block"; 以上两段代码可以看到只是结尾的值不同，因此在火山中可以搞一个逻辑值，利用选择方法来动态的修改这个值。代码编写如下图，注意在写代码的时候，网页中的引号在火山中需要转义符\"来表示。https://www.lkuaiy.com/image/editor/16239801027214.png 打开浏览器的开发者模式（f12），定位到搜索框源码位置，找到搜索框的id属性，复制属性值。https://www.lkuaiy.com/image/editor/16239801128727.gif
https://www.lkuaiy.com/image/editor/16239801355412.png 然后在火山中按钮点击后编写下面的代码，动态的显示和隐藏搜索框。https://www.lkuaiy.com/image/editor/16239801206734.png 按钮点击后搜索框会消失。https://www.lkuaiy.com/image/editor/16239801275446.gif 三、CEF网页填表写文本想要在网页中的编辑框中写文本，同样也需要执行JavaScript代码，同样也需要通过元素id来操作。 代码如下：document.getElementById("元素ID").value="要写入的内容"; 在火山中编写的时候同样要注意引号转义的问题。https://www.lkuaiy.com/image/editor/16239801443176.png 按钮点击后调用封装好的方法填写即可。https://www.lkuaiy.com/image/editor/16239801538080.png 点击按钮后就会进行网页填表操作。https://www.lkuaiy.com/image/editor/16239801594075.gif
**** Hidden Message *****



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浏览器实现简单的网页填表 [修改]
页: [1] 2 3 4 5 6 7
查看完整版本: 火山视窗CEF浏览器实现简单的网页填表