首页 > 编程源码 > 【前端练习】教你用JS写一个二维码生成器

【前端练习】教你用JS写一个二维码生成器

楼主:稀饭呀 [1级] · 2020-5-15 ·  浏览1566 · 编程源码 · ID:
●——————— 前言 ———————●
原理就是调用二维码生成接口,然后用js修改图片的src达到生成的目的

●—————— 成品源码 ———————●
蓝奏云
 此处内容已被隐藏,请评论后查看!




●———————— 代码 ———————●
腾讯文档
 此处内容已被隐藏,请评论后查看!




●———————— 注意 ———————●
如果是文字内容,就直接输入即可,然后是网址二维码,要在前面加上http://
- 版权声明 - 1、本帖所有言论和图片等纯属网友个人意见,与流星社区立场无关;
2、其他单位或个人使用、转载或引用本帖时必须同时征得该帖子作者稀饭呀流星社区的同意;
3、备注原文地址:https://bbs.liuxingw.com/t/28769.html,可忽略第2条;
4、帖子作者需承担一切因本文发表而直接或间接导致的相关责任;
5、如本帖内容或部分内容转载自其它媒体,这并不代表本站赞同其观点和对其真实性负责;
6、如本帖若为资源类,将仅限用于学习和研究目的,您必须在下载后的24个小时之内,从您安装或使用的设备中彻底删除上述内容;
7、如果您喜欢该程序,请支持正版软件,购买注册,可以得到更好的正版服务;
8、如本帖侵犯到任何版权或违法问题,请立即邮件告知我们,我们将及时予以处理。
16条回复 |  最后回复于2020-5-16

稀饭呀 [1级]

为了方便,这边先用菜鸟工具的在线WEB编辑器给大家演示[hide]https://c.runoob.com/front-end/61[/hide]

发布于2020-5-15

回复列表

  • 内容加载中...

说点什么...

稀饭呀 [1级]

首先写好html部分,一个图片标签一个输入框和一个按钮,给按钮添加onclick事件
发布于2020-5-15

回复列表

  • 内容加载中...

说点什么...

五月三 [1级]

先占个楼
发布于2020-5-15

回复列表

  • 内容加载中...

说点什么...

稀饭呀 [1级]

火钳刘明。
发布于2020-5-15

回复列表

  • 内容加载中...

说点什么...

稀饭呀 [1级]

接着就是JS部分,创建一个函数供按钮的onclick调用
首先获取图片标签的id属性,这个上面html里面已经添加了 是ewm
然后用变量拼接接口地址和我们生成内容,这个和iapp比较累死
然后通过id给设置刚刚拼接好的src图片地址
发布于2020-5-15

回复列表

  • 内容加载中...

说点什么...

枫叶 [2级]

刚学js 学习了
发布于2020-5-15

回复列表

  • 内容加载中...

说点什么...

稀饭呀 [1级]

忘了说了,html部分标签内的class样式,我是原先写了css的,刚刚复制过来的时候忘记删除了,你们自己写样式的话删掉就好了
发布于2020-5-15

回复列表

  • 内容加载中...

说点什么...

稀饭呀 [1级]

然后输入生成内容,咱们再测试一下
发布于2020-5-15

回复列表

  • 内容加载中...

说点什么...

稀饭呀 [1级]

下面是html部分的代码,流星吞字符我就直接发图片了
发布于2020-5-15

回复列表

  • 内容加载中...

说点什么...

稀饭呀 [1级]

这是js部分的
发布于2020-5-15

回复列表

  • 内容加载中...

说点什么...
登录注册 后才可进行评论
签到
10人签到
已签0天
  • 46572帖子
  • 1936180热点量
  • 184725火热值