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就是百度的网址

HTML利用当前网页地址生成二维码相关推荐

vue项目中图片地址生成二维码
前言一.图片地址生成二维码二.使用步骤 1.安装插件 2.执行方法(点击图片之后,弹框显示并且显示二维码) 总结前言 vue中点击图片生成二维码,利用的是qrcode插件,在需要使用的页面中引入 ...
根据url地址生成二维码，微信扫描二维码可直接打开网址
需求:根据url地址生成二维码,微信扫描二维码可直接打开网址 html代码: <input id="text" type="text" value=&qu ...
谷歌浏览器插件，当前网页地址的二维码
经常在pc浏览网站时想要用手机来打开如果登录了qq和微信直接复制就可以打开了要是没有登录,而且网站地址很长,那就麻烦了于是有个想法,如果有个浏览器插件可以直接将当前页的url生成二维码,如何手机 ...
Django3在网页上生成二维码
说明自用Django3版本,但是百度搜索,搜到的生成二维码的教材都是老版本了,而且用的byteio在django3中也删了,就走了很多歪路. 最后上谷歌搜了一下,发现又更便捷的方法,故分享到这里来 ...
【Vue】Vue生成二维码 Vue把url地址生成二维码手机打开扫一扫手机端打开实战案例 vue生成二维码
代码 npm install qrcodejs2 --save 代码引入到项目中,不需要再main.js做处理,只需要在使用的vue页面中引入. 在页面中使用 <template>< ...
uniapp根据输入的文本或者地址生成二维码
uniapp根据输入的文本生成二维码,效果如下所示: 此功能的实现也是通过网上寻找代码进行实现的,主要是通过一个uqrcode.js文件进行实现的,这里我做个总结,方便自己以后使用,也为需要的小伙伴提 ...
SpringBoot利用ZXing工具来生成二维码（简单）
一.简单二维码生成 1.1.依赖  <dependency><groupId>com.google.zxing</groupId> ...
url地址生成二维码及转换成图片
写出来的小demo,大概就是这样子. 输入任意网址,生成出二维码.移动端不能直接将canvas生成出来的二维码保存为图片(pc端可以),所以将其直接转换成了图片. demo的代码: <!DOCT ...
微信小程序地址生成二维码显示
使用的是 weapp-qrcode,源代码地址 https://github.com/tomfriwel/weapp-qrcode 效果图项目中的代码 1.js页面引入js(js在github上自己 ...

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

HTML利用当前网页地址生成二维码相关推荐

最新文章

热门文章