JavaScript新增学员和显示学员

好的，关于JavaScript新增学员和显示学员，您可以参考以下代码实现：

1. 新增学员：

const students = []; // 初始化学员数组

function addStudent(name) {
  students.push(name); // 将新增学员姓名加入数组
  console.log(`${name}已成功加入学员列表！`);
}
addStudent('张三'); // 调用新增学员函数，加入新学员

2. 显示学员：

function showStudents() {
  console.log('学员列表：');
  students.forEach((student, index) => {
    console.log(`${index + 1}. ${student}`);
  });
}
showStudents(); // 调用显示学员函数，列出已有学员列表

希望这能帮助您实现JavaScript新增学员和显示学员功能。如果还有其它问题，欢迎继续咨询！

相关问题

javascript 模态显示

JavaScript模态显示是指在页面上创建一个弹出窗口或对话框，将焦点限制在该窗口上，其他页面元素暂时不可操作，直到关闭该窗口为止。

为了实现JavaScript模态显示，我们可以通过以下几个步骤：

首先，通过HTML和CSS创建一个基本的模态显示窗口框架，包括一个遮罩层和一个弹出框，并设置它们的样式属性。

然后，通过JavaScript添加事件监听器，当某个触发按钮被单击时，触发弹出框的显示。我们可以使用click事件或其他适当的事件来触发显示弹出框。

在事件处理程序中，我们需要执行以下几个关键操作：

1. 将遮罩层和弹出框设置为可见。可以使用DOM方法（如getElementById）获取相关元素，并通过修改其样式属性（如display）来设置可见性。

2. 通过设置焦点限制，禁用其他页面元素。我们可以使用JavaScript将页面上的其他元素设置为不可操作，例如通过设置它们的disabled属性为true，或者添加一个透明的遮罩层来阻断它们的交互。

3. 当弹出框内的关闭按钮或其他关闭控件被触发时，隐藏遮罩层和弹出框，并恢复页面上其他元素的操作能力。

总结起来，通过JavaScript模态显示可以在网页中创建具有阻塞特性的弹出窗口，使用户能够专注于其中的内容，直到关闭窗口后才能恢复对其他页面元素的操作能力。这对于实现一些交互式功能和提升用户体验非常有用。

JavaScript实现模态框的显示和隐藏

可以通过以下步骤实现JavaScript实现模态框的显示和隐藏：

1. 首先，在HTML中创建一个模态框的div元素和一个按钮元素，用于控制模态框的显示和隐藏。

2. 接着，在JavaScript中获取模态框和按钮元素的引用，并为按钮元素添加点击事件监听器。

3. 在事件监听器中，通过模态框元素的style属性设置display样式属性的值，将模态框显示或隐藏。

以下是示例代码：

HTML代码：

<button id="btnModal">显示模态框</button>
<div id="modal" style="display:none;">模态框内容</div>

JavaScript代码：

var btnModal = document.getElementById('btnModal');
var modal = document.getElementById('modal');

btnModal.addEventListener('click', function() {
    modal.style.display = 'block'; // 显示模态框
});

modal.addEventListener('click', function(event) {
    if (event.target === modal) {
        modal.style.display = 'none'; // 隐藏模态框
    }
});