JavaScript作为一种常用的网页开发语言，可以实现很多有趣和实用的功能。其中之一就是生成和显示二维码。在本文中，我们将介绍如何使用JavaScript来生成和显示二维码，并提供一些代码示例。

使用的技术

我们可以使用第三方库来实现JavaScript生成和显示二维码的功能。常用的库包括：

1. qrcodejs：一个轻量级的库，可以在浏览器中生成二维码。
2. qr-code-generator：一个功能齐全的库，可以在浏览器和Node.js中生成和处理二维码。

实际应用

1、使用qrcodejs生成二维码

使用qrcodejs库可以方便地在浏览器中生成二维码。在HTML文件中引入qrcode.min.js库：

在JavaScript中创建一个qrcode实例，并使用makeCode()方法来生成二维码：

var qrcode = new QRCode(document.getElementById("qrcode"), {
    text: "Hello World!",
    width: 256,
    height: 256,
    colorDark : "#000000",
    colorLight : "#ffffff",
    correctLevel : QRCode.CorrectLevel.H
});

其中，text属性表示二维码的内容；width和height属性表示二维码的尺寸；colorDark和colorLight属性表示二维码的颜色；correctLevel属性表示二维码的纠错等级。

将生成的二维码画在页面上即可：

2、使用qr-code-generator生成和处理二维码

使用qr-code-generator库可以在浏览器或Node.js中生成和处理二维码。在HTML文件中引入qrcode.min.js库：

在JavaScript中根据需要引入相应的模块，例如：

var QRCode = require('qrcode-generator');

生成二维码的方法和qrcodejs类似：

var typeNumber = 4;
var errorCorrectionLevel = 'L';
var qr = QRCode(typeNumber, errorCorrectionLevel);
qr.addData('Hello World!');
qr.make();
var img = qr.createImgTag();

其中，typeNumber和errorCorrectionLevel属性表示二维码的类型和纠错等级；addData()方法用来添加二维码的内容；make()方法用来生成二维码；createImgTag()方法用来创建一个img元素。

如果需要对生成的二维码进行处理，例如添加Logo、修改颜色等，可以使用qr-code-generator提供的相关方法。

在本文中，我们介绍了如何使用JavaScript生成和显示二维码。我们可以使用第三方库，例如qrcodejs和qr-code-generator来实现这个功能。生成二维码的方法和属性也比较简单，可以根据自己的需求进行调整。在实际开发中，我们可以利用这个功能来实现网站的扫码登录、分享等功能，为用户提供更好的体验。