js基于qrcode.js生成二维码的方法【附demo插件源码下载】


Posted in PHP onDecember 28, 2016

本文实例讲述了js基于qrcode.js生成二维码的方法。分享给大家供大家参考,具体如下:

调用qrcode.js文件代码:

<!DOCTYPE html>
<html>
<head>
 <title></title>
 <meta charset="utf-8"/>
 <script src="js/qrcode.js"></script>
 <style>
 #qrcode{
  /*text-align: center;*/
  /*display: table-cell;*/
  /*width: 96px;*/
  /*height: 96px;*/
  /*vertical-align:middle;*/
  /*position: relative;*/
 }
 </style>
</head>
<body>
<div id="qrcode">
</div>
<input type="text" id="getval"/> <button id="send">点击更换验证码</button>
<script>
 window.onload =function(){
 var qrcode = new QRCode(document.getElementById("qrcode"), {
  width : 96,//设置宽高
  height : 96
 });
 qrcode.makeCode("https://3water.com");
 document.getElementById("send").onclick =function(){
  qrcode.makeCode(document.getElementById("getval").value);
 }
 }
</script>
</body>
</html>

其中  调用方法:

var qrcode = new QRCode(elem, {
 width : 96,//设置宽高
 height : 96
});
qrcode.makeCode("https://3water.com");
PHP 相关文章推荐
学习使用PHP数组
Oct 09 PHP
PHP 函数学习简单小结
Jul 08 PHP
file_get_contents获取不到网页内容的解决方法
Mar 07 PHP
深入file_get_contents与curl函数的详解
Jun 25 PHP
yii框架配置默认controller和action示例
Apr 30 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(十)
Jun 24 PHP
PHP中几个可以提高运行效率的代码写法、技巧分享
Aug 21 PHP
学习php设计模式 php实现原型模式(prototype)
Dec 07 PHP
利用PHP自动生成印有用户信息的名片
Aug 01 PHP
解决Yii2邮件发送结果返回成功,但接收不到邮件的问题
May 23 PHP
PHP实现小程序批量通知推送
Nov 27 PHP
php实现根据身份证获取精准年龄
Feb 26 PHP
PHP执行shell脚本运行程序不产生core文件的方法
Dec 28 #PHP
PHP MYSQL简易交互式站点开发
Dec 27 #PHP
Thinkphp框架 表单自动验证登录注册 ajax自动验证登录注册
Dec 27 #PHP
PHP面向对象程序设计类的定义与用法简单示例
Dec 27 #PHP
PHP面向对象程序设计OOP继承用法入门示例
Dec 27 #PHP
记录一次排查PHP脚本执行卡住的问题
Dec 27 #PHP
PHP串行化与反串行化实例分析
Dec 27 #PHP
You might like
《OVERLORD》第四季,终于等到你!
2020/03/02 日漫
PHP垃圾回收机制引用计数器概念分析
2013/06/24 PHP
PHP删除HTMl标签的实现代码
2013/06/30 PHP
完美的2个php检测字符串是否是utf-8编码函数分享
2014/07/28 PHP
WordPres对前端页面调试时的两个PHP函数使用小技巧
2015/12/22 PHP
Thinkphp框架开发移动端接口(2)
2016/08/18 PHP
浅析php-fpm静态和动态执行方式的比较
2016/11/09 PHP
PHP培训要多少钱
2017/06/06 PHP
php实现微信企业转账功能
2018/10/02 PHP
CSS中一些@规则的用法小结
2021/03/09 HTML / CSS
jqPlot 图表中文API使用文档及源码和在线示例
2012/02/07 Javascript
js隐藏与显示回到顶部按钮及window.onscroll事件应用
2013/01/25 Javascript
jquery复选框多选赋值给文本框的方法
2015/01/27 Javascript
详解javascript函数的参数
2015/11/10 Javascript
JavaScript快速切换繁体中文和简体中文的方法及网站支持简繁体切换的绝招
2016/03/07 Javascript
jquery实现转盘抽奖功能
2017/01/06 Javascript
详解angularJS自定义指令间的相互交互
2017/07/05 Javascript
JavaScript类数组对象转换为数组对象的方法实例分析
2018/07/24 Javascript
JavaScript事件对象event用法分析
2018/07/27 Javascript
详解vue如何使用rules对表单字段进行校验
2018/10/17 Javascript
JavaScript基础之静态方法和实例方法分析
2018/12/26 Javascript
js序列化和反序列化的使用讲解
2019/01/19 Javascript
vue登录页面cookie的使用及页面跳转代码
2019/07/10 Javascript
javascript实现图片轮换动作方法
2020/08/07 Javascript
vue 递归组件的简单使用示例
2021/01/14 Vue.js
python字典序问题实例
2014/09/26 Python
在Python的Django框架中获取单个对象数据的简单方法
2015/07/17 Python
使用python对文件中的单词进行提取的方法示例
2018/12/21 Python
Python3之不使用第三方变量,实现交换两个变量的值
2019/06/26 Python
Python八皇后问题解答过程详解
2019/07/29 Python
使用HTML5的Notification API制作web通知的教程
2015/05/08 HTML / CSS
薇诺娜官方网上商城:专注敏感肌肤
2017/05/25 全球购物
美国第二大连锁药店:Rite Aid
2019/04/03 全球购物
励志语录:你若不勇敢,谁替你坚强
2019/11/08 职场文书
六年级作文之自救
2019/12/19 职场文书
vue实现Toast组件轻提示
2022/04/10 Vue.js