更新时间：2016-05-11 21:32
jquery二维码生成插件 单独js不依赖任何网站js
- 适用版本 ：
- 语言编码 ：
- 模板颜色 ：
- 完 整 性 ：
- 是否测试 ：
- 演示网站 ：没有演示
有案例
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery二维码生成插件_二维码生成器</title>
</head>
<body>
<script src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.qrcode.js"></script>
<script type="text/javascript" src="js/qrcode.js"></script>
<center>
<div id="qrcodeTable"></div>
<script type="text/javascript">
var url=window.location.href;
jQuery('#qrcodeTable').qrcode({
render : "table",
text : url,
width:"90",
height:"90"
});
</script>
</center>
</body>
</html>
扫描上面的二维码我们就可以得到“http://www.mb119.com”也就是本站的地址啦。那么这个功能是如何实现的呢？
方法其实很简单，首先我们先下载一个jquery二维码生成插件，然后修改里面的代码
1 <script type="text/javascript">
2
3 jQuery('#qrcodeTable').qrcode({
4 render : "table",
5 text : "http://www.mb119.com",
6 width:"200",
7 height:"200"
8 });
9
10 </script>
复制代码
将代码中的“http://www.mb119.com”这个地址换成你的地址就可以了。
但是我希望每个页面都能独自生成一个二维码，当浏览者使用手机扫描这个二维码的时候就可以在手机上快速访问到这个页面。我们把代码稍做修改就可以达到这个效果
11 <script type="text/javascript">
12 var url=window.location.href;
13 jQuery('#qrcodeTable').qrcode({
14 render : "table",
15 text : url,
16 width:"200",
17 height:"200"
18 });
19
20 </script>
复制代码
很简单吧，通过window.location.href 获取当前地址栏的地址，这么一句话就可以了O(∩_∩)O~。怎么样赶紧试试吧。
本人水平有限，难免有不足之处如果您在使用上述方法中遇到任何问题您都可以联系我更正问题。
模板下载地址：百度网盘 提取密码：不需要密码下载哦 直接下吧
大小：35.8 KB MB
