更新时间:2021-11-09 09:59:41
jquery二维码生成插件 单独js不依赖任何网站js
{pboot:qrcode string=}
有案例
<!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~。怎么样赶紧试试吧。
本人水平有限,难免有不足之处如果您在使用上述方法中遇到任何问题您都可以联系我更正问题。
本文手机访问二维码
- 代安装好 :30元/次
- 换logo公司信息 :180元/次
- 添加资料 :200元/次(信息量不超过400条)
- 仿站 :企业站600起,复杂站1200起,商城2000起
- 定制 :具体费用请咨询客服
- 如有需要请联系客服
- 服务器58元起 查看更多
- 400电话网站模板,全套带后台的400电话网站
- 影视文化传媒短视频制作公司企业宣传片网站源码模板
- 专业资源回收|建筑拆除网站科技公司模板
- 中英双语多语言外贸网站模板,程序完整有后台新材料化工原料公司网站
- 传媒网站源码广告(公关活动策划网站模板带后台完整免费使用)
- 胎盘粉制作网站源码紫河车网站源码完整后台
- 【双语多语】红外设备公司网站源码电子设备电子厂官网全站带数据后台模板免费下载
- 钢板租赁网站模板钢板租赁建筑工程机械租赁有限公司网站免费下源码
- 外卖订单打印模板html版本H5版本,用于仓库出货打印
- 策划网站模板会展服务网站模板品牌策划与创造力的公关活动网站源码带后台
- 电动车网站模板电动汽车老年代步车网站销售源码模板
- 自适应网站文化培训学校少儿培训培优网站企业整站模板源码
- 金融公司网站模板商业承兑、电子商业承兑、承兑及电子承兑业务网站源码
- (带手机版数据同步)防水卷材建材类织梦模板建筑公司网站
- 铜铝制品网站模板,铜门窗网站源码完整后台别墅门窗网站模板