<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <script type="text/javascript" src="http://static.runoob.com/assets/qrcode/qrcode.min.js"></script> </head> <body> <div id="qrcode"></div> <script> var qrcode = document.querySelector('#qrcode'); //直接生成二维码 // new QRCode(qrcode,'http://www.daqianduan.com') //也可以配置二位阿妈的宽高等 var qrcodeObj = new QRCode('qrcode',{ text:'http://www.daqianduan.com',// 设置要生成二维码的链接 256, height:256, colorDark:'#000',//前景色 colorLight:'#fff'//背景色 }) //支持该库的浏览器有：IE6~10, Chrome, Firefox, Safari, Opera, Mobile Safari, Android, Windows Mobile, 等。 // 同样我们可以使用以下方法： //设置二维码内容–makeCode // qrcodeObj.makeCode('http://www.daqianduan.com/?p=6518&preview=true')//// 生成另外一个二维码 // //清除二维码–clear // qrcodeObj.clear() </script> </body> </html>