zoukankan html css js c++ java

js生成简单二维码

js文件下载地址：https://download.csdn.net/download/weixin_38296752/10554485

一.引入qrcode.js文件

二.定义用于展示二维码的div 并设置样式

<style type="text/css">
    #qrcode{
    position: absolute;
    left: 50%;
    top: 50%;
    /* margin-top:-200px;
    margin-left:-200px; */
    margin:-200px 0 0 -200px;
    }
</style>
<body>
    <div id="qrcode"></div>
</body>

三.js中生成二维码


    window.onload=function(){
        var qrcode = new QRCode(document.getElementById("qrcode"), {
            width : 400,//设置宽高
            height : 400
        });
        qrcode.makeCode("二维码内容");
    }

四.完整示例

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>js生成二维码</title>
</head>
<script type="text/javascript" src="imgs/js/qrcode.js"></script>
 
<script type="text/javascript">
 
    window.onload=function(){
        var qrcode = new QRCode(document.getElementById("qrcode"), {
            width : 400,//设置宽高
            height : 400
        });
        qrcode.makeCode("二维码内容");
    }
 
</script>
<style type="text/css">
    #qrcode{
    position: absolute;
    left: 50%;
    top: 50%;
    /* margin-top:-200px;
    margin-left:-200px; */
    margin:-200px 0 0 -200px;
    }
</style>
<body>
    <div id="qrcode"></div>
</body>
</html>

查看全文

相关阅读:
104.Maximum Depth of Binary Tree
103.Binary Tree Zigzag Level Order Traversal
102.Binary Tree Level Order Traversal
101.Symmetric Tree
100.Same Tree
99.Recover Binary Search Tree
98.Validate Binary Search Tree
97.Interleaving String
static静态初始化块
 serialVersionUID作用

原文地址：https://www.cnblogs.com/xiaoqi2018/p/10623189.html