使用Javascript实现原生弹窗方法 |21xrx.com

2023-06-11 06:19:21 深夜i 8 0

Javascript 原生弹窗方法或属性

Javascript是一种基于对象的脚本语言，被广泛应用于Web前端开发中。在Web页面中，弹窗是一种经常使用的交互方式。本文将介绍Javascript原生实现弹窗的方法或属性。

1. window.alert()

window.alert()方法是最简单的弹窗方法，可以在网页中显示一个消息框，框内包含一条指定的消息和一个确认按钮。当用户单击确认按钮时，框会关闭。

示例代码：

window.alert("Hello world!");

2. window.confirm()

window.confirm()方法会显示一个消息框，类似于window.alert()，但是会在框内包含一个确认按钮和一个取消按钮。当用户单击确认按钮时，方法返回true；当用户单击取消按钮时，方法返回false。

示例代码：

if (window.confirm("Are you sure?")) {
  console.log("User confirmed.");
} else {
  console.log("User cancelled.");
}

3. window.prompt()

window.prompt()方法会显示一个消息框，类似于window.alert()，但是会在框内包含一个文本框和一个确认按钮。当用户单击确认按钮时，方法返回文本框中的值；当用户单击取消按钮时，方法返回null。

示例代码：

var name = window.prompt("What is your name?", "");
if (name) {
  console.log("Hello, " + name + "!");
} else {
  console.log("User cancelled.");
}

总结

以上就是三个常用的Javascript原生弹窗方法或属性：window.alert()、window.confirm()和window.prompt()。在实际开发中，可以根据需求选择使用不同的方法来完成交互效果。

上一篇: idea打包java可执行jar包

下一篇: 我的世界为什么进不去

相似文章