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>

查看全文

相关阅读:
JavaScript节点介绍
 JavaScript DOM操作案例tab切换案例
 Binder系列10—总结
 Binder系列9—如何使用AIDL
Binder系列8—如何使用Binder
Binder系列7—framework层分析
 Binder系列2—Binder Driver再探
 Binder系列1—Binder Driver初探
 Binder系列3—启动ServiceManager
Binder系列4—获取ServiceManager

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