前端使用a标签启动本地.exe程序
时间:2021-09-06
本文章向大家介绍前端使用a标签启动本地.exe程序,主要包括前端使用a标签启动本地.exe程序使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
1,需求
最近有一个需求,在web
页面上有一个按钮,点击按钮,调起本地的.exe
程序客户端,我在网上找了很多,感觉都不完整,所以自己总结写一下。
2,效果图
3,实现原理
主要实现方式是添加注册表;
新建一个qq.txt
文本文档(ps:文件名字随便起),把下面这段代码复制进去,根据下面的注意事项图片修改一下,保存后修改为.reg
后缀,双击确认运行。
4,代码
Windows Registry Editor Version 5.00
[HKEY_CLASSES_ROOT\qq]
@="腾讯QQ"
"URL Protocol"=""
[HKEY_CLASSES_ROOT\qq\DefaultIcon]
@="F:\\QQ\\Bin\\QQScLauncher.exe"
[HKEY_CLASSES_ROOT\qq\shell]
@=""
[HKEY_CLASSES_ROOT\qq\shell\open]
@=""
[HKEY_CLASSES_ROOT\qq\shell\open\command]
@="\"F:\\QQ\\Bin\\QQScLauncher.exe\" "
//如果需要带参数,最后一行就换成这样=> @="\"F:\\QQ\\Bin\\QQScLauncher.exe\" \"%1\""
5,注意事项
在html
中就是一个a
标签调用
<a href="qq:">打开QQ</a>
<!--如果想带参数-->
<a href="qq:我是参数">带参数打开QQ</a>
在实际开发中,程序路径是不可控的,此时就需要客户端配合,由客户端开发人员在程序安装的时候写入注册表,写入成功后,注册表的格式如下;
windo+r
打开运行框 输入regedit
回车打开注册表编辑器
如果看了觉得有帮助的,我是@鹏多多,欢迎 点赞 关注 评论;END
PS:在本页按F12,在console中输入document.querySelectorAll('.diggit')[0].click(),有惊喜哦
公众号
往期文章
- 使用nvm管理node.js版本以及更换npm淘宝镜像源
- 超详细!Vue-Router手把手教程
- vue中利用.env文件存储全局环境变量,以及配置vue启动和打包命令
- 微信小程序实现搜索关键词高亮
- 超详细!Vue的九种通信方式
- 超详细!Vuex手把手教程
个人主页
接受失败,但不选择放弃!
原文地址:https://www.cnblogs.com/-pdd/p/15231771.html
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法