js 如何弹窗

在 javascript 中弹窗可以使用 window.alert() 方法。进阶选项包括确认弹窗（使用 window.confirm() 方法）、输入弹窗（使用 window.prompt() 方法）和使用 html/css 创建自定义弹窗。

如何在 JavaScript 中弹窗

在 JavaScript 中，弹窗可以通过使用 window.alert() 方法来创建。下面是一个简单的示例：

window.alert("Hello, world!");

登录后复制

当此代码运行时，它将在屏幕上弹出带有消息 “Hello, world!” 的弹窗。

进阶选项

除了基本的消息弹窗外，JavaScript 还提供了一些进阶选项来定制弹窗：

• 确认弹窗：使用 window.confirm() 方法可以创建确认弹窗。此方法返回一个布尔值，指示用户是否单击了 “确定” 按钮。

const confirmed = window.confirm("Are you sure?");
if (confirmed) {
  // 执行操作
}

登录后复制

• 输入弹窗：使用 window.prompt() 方法可以创建输入弹窗。此方法返回用户输入的值。

const name = window.prompt("What is your name?");
console.log(`Hello, ${name}!`);

登录后复制

• 自定义弹窗：使用 HTML 和 CSS，可以创建完全自定义的弹窗。为此，可以将 HTML 代码插入到一个新的 DOM 元素中，然后使用 CSS 来对其进行样式化。

const myWindow = document.createElement("div");
myWindow.innerHTML = "<p>Hello, world!</p>";
myWindow.style.position = "fixed";
myWindow.style.top = "50%";
myWindow.style.left = "50%";
myWindow.style.transform = "translate(-50%, -50%)";
document.body.appendChild(myWindow);

登录后复制

以上就是js 如何弹窗的详细内容，更多请关注GTHOST其它相关文章！