“扫码阅读”功能的实现

最新推荐文章于 2022-03-01 10:59:43 发布

原创最新推荐文章于 2022-03-01 10:59:43 发布 · 1.7k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #二维码

jquery 专栏收录该内容

17 篇文章

订阅专栏

本文介绍了如何通过jQuery和jquery.qrcode.js插件实现扫码阅读功能，详细讲述了实践过程和基本使用方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天在现代简明魔法看了一篇文章于是，自己动手试了试，

暂时了解了下jquery的方法，正好网上有个 jquery.qrcode.js 的扩展，可以拿来用 jquery.qrcode.js

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
 </head>

  <script src="http://www.nowamagic.net/librarys/application/views/veda/js/jquery-1.6.1.min.js" type="text/javascript"></script>
<script src="http://www.nowamagic.net/librarys/application/views/veda/js/jquery.qrcode.min.js" type="text/javascript"></script>

<script type="text/javascript">
$(function(){
/*jQuery.noConflict();
	jQuery("#qrcode").qrcode({
		render: "canvas",
		width: 150,
		height:150,
		text: 'window.location.href' //任意内容
	});*/
jQuery("#qrcode").qrcode({
    render: "canvas", //canvas or table方式
    width: 150, //宽度
    height:150, //高度
    text: 'http://www.nowamagic.net/' //内容
});

});
</script>
 </head>

 <body>

  <div id="qrcode"></div>
 </body>
</html>