在js中生成二维码和js中通过url向html页面传值（我这里的值就是二维码的内容）

阿安姆神

已于 2024-05-07 22:59:29 修改

阅读量430

点赞数 1

分类专栏： JS 文章标签： mysql ie java

于 2021-11-18 09:58:17 首次发布

本文链接：https://blog.csdn.net/weixin_43310809/article/details/121393504

版权

JS 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

业务需求：在js中拿到二维码的内容，然后在另一个html页面上进行获取二维码的内容，并用该内容生成对应的二维码

如下：

1、前提需要引入共用的QRcode.js（网上一搜一大堆）

2、在js中通过URL进行传值，把要传递的信息接在URL上
test.js

var url = "page/sales-pack/previewEWM.html?shipmentNo="+shipmentNo;

3、html页面
test.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>二维码预览</title>
    <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
    <script src="https://cdn.bootcss.com/jsbarcode/3.8.0/JsBarcode.all.min.js"></script>
    <script type="text/javascript" src="qrcode.js"></script>
    <![endif]-->
</head>
<body>
<!-- 页面加载loading -->
<div class="page-loading">
    <div class="ball-loader">
        <span></span><span></span><span></span><span></span>
    </div>
</div>
<!-- 正文开始 -->
<div class="ibox float-e-margins">
    <div class="col-sm-12">
    </div>
    <div class="ibox-content">
        <div class="form-horizontal" align="center">
            <br/><br/><br/>
            <div id="ASNTabls" style="margin: 0 0 0 0;"></div>
        </div>
    </div>
</div>
<!-- js部分 -->
<script type="text/javascript" src="../../../assets/libs/layui/layui.js"></script>
<script type="text/javascript" src="../../../assets/js/common.js?v=316"></script>
<script>
    window.onload = function() {
        var str1 = "";//二维码内容
        var url=location.search;
        var Request = new Object();
        if(url.indexOf("?")!=-1){
            var str = url.substr(1)　//去掉?号
            str1 = str.split("=")[1];
        }
        //生成二维码
        new QRCode('ASNTabls', {
            text: str1,
            width: 300,
            height: 300,
            colorDark : '#000000',
            colorLight : '#ffffff',
            correctLevel : QRCode.CorrectLevel.H
        });
    }
</script>
</body>
</html>

戴卡五楼

阿安姆神

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
在js中生成二维码和js中通过url向html页面传值（我这里的值就是二维码的内容）

业务需求：在js中拿到二维码的内容，然后在另一个html页面上进行获取二维码的内容，并用该内容生成对应的二维码如下：1、前提需要引入共用的QRcode.js（网上一搜一大堆）2、在js中通过URL进行传值，把要传递的信息接在URL上test.jsvar url = "page/sales-pack/previewEWM.html?shipmentNo="+shipmentNo;3、html页面test.html<!DOCTYPE html><html><h
复制链接

扫一扫