验证码是一种用于验证用户身份或防止机器人恶意操作的常见手段。在网站开发中，生成4位数字验证码是一项常见任务。本文将通过示例代码和详细说明，教你如何使用系统JS来自动生成4位数字验证码。1. 创建HTM

验证码是一种用于验证用户身份或防止机器人恶意操作的常见手段。在网站开发中，生成4位数字验证码是一项常见任务。本文将通过示例代码和详细说明，教你如何使用系统JS来自动生成4位数字验证码。

1. 创建HTML结构

首先，我们需要在HTML文件中创建相应的结构。可以使用以下代码作为基础：

```html

系统JS生成4位数字验证码

生成新验证码

```

2. 编写JS函数

接下来，我们需要编写一个JS函数来生成4位数字验证码。可以使用以下代码作为参考：

```javascript

function generateCaptcha() {

var captcha '';

var characters '0123456789';

var charactersLength characters.length;

for (var i 0; i < 4; i ) {

captcha (Math.floor(Math.random() * charactersLength));

}

('captcha').innerHTML captcha;

}

```

在这个函数中，我们定义了一个空字符串`captcha`来存储生成的验证码。然后，我们定义了一个包含数字字符的字符串`characters`，并获取其长度。接下来，我们使用`for`循环生成4位验证码，每次随机取一个数字字符，并将其拼接到`captcha`中。最后，我们将生成的验证码显示在`captcha`元素中。

3. 调用JS函数

最后，我们需要在按钮点击时调用`generateCaptcha`函数，以生成新的验证码。可以使用以下代码来实现：

```html

生成新验证码

```

将这行代码添加到HTML文件中的按钮元素上，当用户点击按钮时，将会调用`generateCaptcha`函数，生成新的验证码并更新页面显示。

通过以上步骤，我们就可以使用系统JS来自动生成4位数字验证码了。你可以根据自己的需要进行样式美化，或将验证码保存到服务器端进行验证。