JS生成二维码(兼容各种浏览器及中文)
来源:互联网 发布:信号屏蔽软件 编辑:程序博客网 时间:2024/05/17 22:42
本文将介绍如何使用JS生成二维码,兼容各种浏览器及手机端,支持中文。
代码如下:
<!DOCTYPE html><html><head><meta charset="utf-8"/><title> JS 生成二维码 </title><script src="qrcode.js"></script><script type="text/javascript">window.onload = function(){ // 二维码对象 var qrcode; // 默认设置 var content; var size; // 设置点击事件 document.getElementById("send").onclick =function(){ // 获取内容 content = document.getElementById("content").value; content = content.replace(/(^\s*)|(\s*$)/g, ""); // 获取尺寸 size = document.getElementById("size").value; // 检查内容 if(content==''){ alert('请输入内容!'); return false; } // 检查尺寸 if(!/^[0-9]*[1-9][0-9]*$/.test(size)){ alert('请输入正整数'); return false; } if(size<100 || size>500){ alert('尺寸范围在100~500'); return false; } // 清除上一次的二维码 if(qrcode){ qrcode.clear(); } // 创建二维码 qrcode = new QRCode(document.getElementById("qrcode"), { width : size,//设置宽高 height : size }); qrcode.makeCode(document.getElementById("content").value); }}</script></head><body> <p>内容:<input type="text" id="content" value="http://weibo.com/fdipzone" /></p> <p>尺寸:<input type="text" id="size" value="150"></p> <p><button id="send">生成二维码</button></p> <div id="qrcode"></div></body></html>
qrcode.js文件及完整代码下载地址:点击查看
4 0
- JS生成二维码(兼容各种浏览器及中文)
- JS生成二维码(兼容各种浏览器及中文)
- JS生成中文二维码
- 使用jquery-qrcode生成二维码(兼容中文)
- 万能js实现翻页,动态生成内容自动翻页,兼容各种浏览器(已测试)----神器版!
- JS 生成及打印二维码
- js操作iframe兼容各种浏览器
- JS生成二维码,支持中文字符
- js动态生成DIV(根据鼠标点击处生成DIV,兼容浏览器)
- 图片本地预览(兼容各种浏览器)
- ajax兼容各种浏览器
- CSS各种浏览器兼容
- ajax兼容各种浏览器
- 各种浏览器兼容知识
- 万能js实现翻页,兼容各种浏览器(已测试)----屌丝版!
- 前台JS(type=‘file’)读取本地文件的内容,兼容各种浏览器 一
- 前台JS(type=‘file’)读取本地文件的内容,兼容各种浏览器 二
- js将时间戳转化成时间格式字符串(兼容各种浏览器)
- 6. 隐藏 index.php
- 矩阵解压(UVa11082)
- C++, Java和C#的编译过程解析
- Lua封装延时执行函数
- 源码探索系列16---初篇结尾---那个被RecyclerView替代的Listview
- JS生成二维码(兼容各种浏览器及中文)
- RxJava练习(2)--时间间隔输出字符串
- Sicily 1818. 成绩转换
- Swift print 小技巧
- 安卓M-SettingsProvider新功能特性总结
- 类 对象 方法 属性
- 用SchemaExport生成数据库
- 如何科学的创建索引
- HttpGet登陆