JavaScript动态生成二维码图片


Posted in Javascript onApril 20, 2016

1.html代码

<div id="qrcode" style="width:200px; height:200px;position: fixed;bottom: 40%; right: 20%;"></div>

2.引入外部js文件

<script src="QRCode.js"></script>

3.方法调用

var qrcode = new QRCode(document.getElementById("qrcode"), {
width : 200,
height : 200
}); 
var token='params';
var QRCodeUrl='http:\\www.baidu.com'+'/Share/ScanQRCode?token='+token;
qrcode.makeCode(QRCodeUrl);

以上内容是小编给大家介绍的JavaScript动态生成二维码图片的相关内容,希望对大家有所帮助!

Javascript 相关文章推荐
js流动式效果显示当前系统时间
May 16 Javascript
浅谈Angular.js中使用$watch监听模型变化
Jan 10 Javascript
xmlplus组件设计系列之路由(ViewStack)(7)
May 02 Javascript
微信小程序表单验证错误提示效果
May 19 Javascript
vue中如何实现变量和字符串拼接
Jun 19 Javascript
Router解决跨模块下的页面跳转示例
Jan 11 Javascript
基于JavaScript实现一个简单的Vue
Sep 26 Javascript
实例介绍JavaScript中多种组合继承
Jan 20 Javascript
webpack-url-loader 解决项目中图片打包路径问题
Feb 15 Javascript
vue实现的多页面项目如何优化打包的步骤详解
Jul 19 Javascript
Vue表单提交点击事件只允许点击一次的实例
Oct 23 Javascript
Vue监视数据的原理详解
Feb 24 Vue.js
JS动态创建元素的两种方法
Apr 20 #Javascript
深入浅析Extjs中store分组功能的使用方法
Apr 20 #Javascript
JS实时弹出新消息提示框并有提示音响起的实现代码
Apr 20 #Javascript
JavaScript  cookie 跨域访问之广告推广
Apr 20 #Javascript
JavaScript实现简单Tip提示框效果
Apr 20 #Javascript
JS实现消息来时让网页标题闪动效果的方法
Apr 20 #Javascript
javascript实现仿百度图片的瀑布流加载效果
Apr 20 #Javascript
You might like
php中使用ExcelFileParser处理excel获得数据(可作批量导入到数据库使用)
2010/08/21 PHP
php开发过程中关于继承的使用方法分享
2011/06/17 PHP
深入Apache与Nginx的优缺点比较详解
2013/06/17 PHP
php5.6.x到php7.0.x特性小结
2019/08/17 PHP
js 利用className得到对象的实现代码
2011/11/15 Javascript
javascript实现tabs选项卡切换效果(自写原生js)
2013/03/19 Javascript
简介JavaScript中strike()方法的使用
2015/06/08 Javascript
JavaScript的removeChild()函数用法详解
2015/12/27 Javascript
原生javascript实现addClass,removeClass,hasClass函数
2016/02/25 Javascript
JQuery插件Marquee.js实现无缝滚动效果
2016/04/26 Javascript
javaScript 事件绑定、事件冒泡、事件捕获和事件执行顺序整理总结
2016/10/10 Javascript
jQuery实现在HTML文档加载完毕后自动执行某个事件的方法
2017/05/08 jQuery
JavaScript取得gridview中获取checkbox选中的值
2017/07/24 Javascript
node-sass安装失败的原因与解决方法
2017/09/04 Javascript
jQuery实现动态添加和删除input框代码实例
2019/03/29 jQuery
亲自动手实现vue日历控件
2019/06/26 Javascript
webpack 如何解析代码模块路径的实现
2019/09/04 Javascript
js实现简单掷骰子效果
2019/10/24 Javascript
JS call()及apply()方法使用实例汇总
2020/07/11 Javascript
javascript实现京东登录显示隐藏密码
2020/08/02 Javascript
win10系统中安装scrapy-1.1
2016/07/03 Python
Python可变参数用法实例分析
2017/04/02 Python
最近Python有点火? 给你7个学习它的理由!
2017/06/26 Python
Python探索之Metaclass初步了解
2017/10/28 Python
python3.4实现邮件发送功能
2018/05/28 Python
解决Ubuntu pip 安装 mysql-python包出错的问题
2018/06/11 Python
Python生命游戏实现原理及过程解析(附源代码)
2019/08/01 Python
用纯CSS3实现网页中常见的小箭头
2017/10/16 HTML / CSS
优秀班集体获奖感言
2014/02/03 职场文书
电大会计学自我鉴定
2014/02/06 职场文书
计算机通信专业推荐信
2014/02/22 职场文书
总账会计岗位职责
2014/03/13 职场文书
竞选宣传委员演讲稿
2014/05/24 职场文书
个人融资协议书范本两则
2014/10/15 职场文书
文明上网主题班会
2015/08/14 职场文书
MySQL多表查询机制
2022/03/17 MySQL