递归火山软件开发平台

标题: 火山视窗CEF浏览器实现简单的网页填表 [打印本页]

作者: 1185907650    时间: 2021-6-18 17:46
标题: 火山视窗CEF浏览器实现简单的网页填表
本源码转载自利快云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
初学,怎么使用
作者: 猕猴桃    时间: 2021-8-30 23:45
看看
作者: 网络注册会员    时间: 2021-8-31 09:56
支持一下

作者: 371366864    时间: 2021-9-1 17:01
看看看看
作者: langui8899    时间: 2021-9-1 23:36
初学,怎么使用
作者: 白天打伞    时间: 2021-9-2 09:58
1111111111111111111111
作者: qewi    时间: 2021-9-3 13:30
看看。加油吧。
作者: 小人物没回忆    时间: 2021-9-16 17:27
学习学习学习学习学习学习学习学习
作者: ssswcip    时间: 2021-9-17 09:32
RE: 火山视窗CEF浏览器实现简单的网页填表 [修改]

作者: yykkb    时间: 2021-9-18 16:08
看看是什么效果
作者: zj3751    时间: 2021-9-23 10:18
楼主辛苦了,谢谢楼主,感谢楼主分享,楼主好人一生平安!!!
作者: songzbin    时间: 2021-11-6 17:23
学习一下
作者: 芒g一号    时间: 2021-11-6 19:07
官方例子???
作者: 网猫    时间: 2021-11-7 01:12

作者: ↓So2↑    时间: 2021-12-1 17:27
支持学习
作者: ↓So2↑    时间: 2021-12-1 17:27

作者: 猫南北    时间: 2022-1-3 22:47
下载学习
作者: sq2103    时间: 2022-1-11 19:21
楼主辛苦了,谢谢楼主,感谢楼主分享,楼主好人一生平安!!!
作者: HMWDH    时间: 2022-3-18 23:49
支持一下
作者: pkwwfpkwwf    时间: 2022-3-25 23:42
山视窗CEF浏览器实现简单的网页填表 [修改]
高级模式

作者: 无情铁手    时间: 2022-6-18 13:08
学习
6666
作者: 小靓    时间: 2022-6-19 10:25
过来看看

作者: 旧城迷梦    时间: 2022-8-9 05:41
看看........
作者: 山梦    时间: 2022-8-9 07:27
GO GO 学习
作者: zhqyong    时间: 2022-8-10 09:49
网页填表非常有用
作者: ccdfxhw    时间: 2022-8-12 12:50
学习学习
作者: 蓝琼    时间: 2022-9-6 16:06
就需要这个东西
作者: myjass    时间: 2022-9-6 19:03
好东西,下载过来看看,谢谢啦
作者: wsshh    时间: 2022-9-8 00:56
初学,怎么使用
作者: D名俾人改晒    时间: 2022-9-8 13:49
6666666666666666666666666666666
作者: liou9799    时间: 2022-9-24 13:51
dddddddddddddddddddddd
作者: milkboss    时间: 2022-9-29 00:14
模压工栽栽霜期地
作者: itismine    时间: 2022-9-29 10:22
学习一下。
作者: cjsstxwd    时间: 2022-9-29 21:14
不知道哪里来的模块
作者: yh2393105053    时间: 2022-9-30 09:30
都是我需要的好啊好啊
作者: tanhongxian    时间: 2022-10-3 17:36
火山视窗CEF浏览器
作者: 曼菲士    时间: 2022-10-12 10:12
看看能否学到东西。
作者: tangtang    时间: 2022-10-28 20:50
11111111111
作者: 始不晚    时间: 2023-5-3 10:57
元素点击呐?大佬封个模块噻.CEF的.
作者: 小弟弟    时间: 2023-5-7 23:57

初学,怎么使用
作者: qcyxq1    时间: 2023-5-16 10:20
学习看看
作者: nwnn5173    时间: 2023-6-23 20:42
NB666666666666
作者: 糯米    时间: 2023-8-27 00:05
学习学习
作者: lulume1    时间: 2023-10-17 09:39
j-inputtext dlemail j-nameforslide
作者: catli    时间: 2023-10-17 15:41
学习一下
作者: ACE    时间: 2023-11-7 15:32
666666666666666666
作者: tyler998    时间: 2023-12-2 17:50
新人学习一下
作者: 良犭    时间: 2024-2-18 17:46
这个很哞逼啊,学习学习
作者: x00x    时间: 2024-2-19 13:45
好像很牛的样子,下载一看,更牛

作者: xq45654    时间: 2024-3-7 21:49
学下一下

作者: 烤翅    时间: 2024-3-9 16:32
学习一下
作者: 得了吧    时间: 2024-4-24 21:39
学习学习
作者: 飞丶宇    时间: 2024-4-25 09:45

作者: jinqi8858    时间: 2024-4-26 18:39
6666666666666666
作者: 重新注册    时间: 2024-4-28 21:15
666666666666
作者: 2oon    时间: 2024-5-14 20:21
127.0.0.1
作者: 银河星汉    时间: 2024-7-25 14:07
看看学习一下
作者: 1316447212    时间: 2024-8-26 19:01
谢谢分享............
作者: zjcbmw    时间: 2024-9-2 22:08
学习了,谢谢分享
作者: ecbd0167    时间: 2024-9-3 18:14
楼主辛苦了,谢谢楼主,感谢楼主分享,楼主好人一生平安!!!




欢迎光临 递归火山软件开发平台 (https://bbs.voldp.com/) Powered by Discuz! X3.4