JS生成二维码(兼容各种浏览器及中文)
来源:互联网 发布:淘宝访客数是什么意思 编辑:程序博客网 时间:2024/06/05 21:57
本文将介绍如何使用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="https://www.baidu.com" /></p> <p>尺寸:<input type="text" id="size" value="150"></p> <p><button id="send">生成二维码</button></p> <div id="qrcode"></div></body></html>请自行下载qrcode.js文件
阅读全文
0 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将时间戳转化成时间格式字符串(兼容各种浏览器)
- 《android 日期工具类》
- 剑指offer:(35)时间效率和空间效率的平衡 :第一个只出现一次的字符
- 将虚拟按钮映射到屏幕上
- 无限极分类
- ORACLE:prompt、set feedback、set define
- JS生成二维码(兼容各种浏览器及中文)
- 常见的排序之一:冒泡排序
- 从源码编译TensorFlow CPU版本
- 写在最最前面
- springmvc重定向和转发,配置试图基础上
- java-数组/二维数组
- 查明某个方法被那个方法调用了
- 74HC245 内部结构及作用
- bzoj 1710: [Usaco2007 Open]Cheappal 廉价回文 动态规划