HTML利用当前网页地址生成二维码

二维码分享扫描后进入对应网址 可以说非常的方便 今天就带大家看一种实现思路

首先，这个功能需要一个引入js依赖文件
大家可以直接下载我上传的资源
下载资源

下载后在html中引入这个 qrcode.js

<script type="text/javascript" src="./js/qrcode.js"></script>

注意文件路径啊 不要直接无脑复制了

然后我们可以在页面中定义接受二维码的元素

<div class = "view"></div>

然后我们在下面编写生成js的代码

<script type="text/javascript">
  $('.view').qrcode({
     render: 'canvas',
      width: 90,
      height: 90,
      text:"https://www.baidu.com/?tn=48021271_25_hao_pg"
  });
</script>

然后打开html文件

二维码就出来了
然后我们用手机的微信扫一下它

没有什么问题 我们放到这个https://www.baidu.com/?tn=48021271_25_hao_pg就是百度的网址