Js-JavaScript-三种弹出提示框-alert-confirm-prompt-ai插件

最新推荐文章于 2025-06-02 15:25:48 发布

插件开发

最新推荐文章于 2025-06-02 15:25:48 发布

阅读量2.2k

点赞数 7

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： javascript prompt 前端

本文链接：https://blog.csdn.net/m0_67316550/article/details/137999515

JavaScript 专栏收录该内容

66 篇文章

订阅专栏

博客介绍了JavaScript的三种交互框。alert提示框只有一个确定按钮；confirm确认框有Yes和No按钮，选Yes返回true，选No返回false；prompt输入框允许用户输入文本，取消返回null，确认返回对应文本。通过这三种方式可实现与程序的交互控制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文章目录

1.alert-提示框

alert (message: string , title: string , errorIcon: Boolean )
Core JavaScript Classes
Displays an alert box
message: Data Type: string
The text to display
title (optional): Data Type: string
The title of the alert; ignored on the Macintosh
errorIcon (optional): Data Type: Boolean , Default Value: false
Display an Error icon; ignored on the Macintosh

弹出一个提示框，只有一个确定按钮。

alert("知了插件");

如下图所示：
在这里插入图片描述

2.confirm-确认框

confirm (message: string , noAsDefault: Boolean , title: string ): Boolean
Core JavaScript Classes
Displays an alert box with Yes and No buttons; returns true for Yes
message: Data Type: string
The text to display
noAsDefault (optional): Data Type: Boolean , Default Value: false
Set to true to set the No button as the default button
title (optional): Data Type: string
The title of the alert; ignored on the Macintosh

弹出一个确认框，选择Yes返回true，选择No放回false。

function test(){
    var rlt=confirm ("是否继续？", true, "提示");
    $.writeln (rlt);
}
test();

如下图所示：
在这里插入图片描述

3.prompt-输入框

prompt (prompt: string , default: string , title: string ): string
Core JavaScript Classes
Displays a dialog allowing the user to enter text
Returns null if the user cancelled the dialog, the text otherwise
prompt: Data Type: string
The text to display
default (optional): Data Type: string
The default text to preset the edit field with
title (optional): Data Type: string
The title of the dialog;

用户取消返回null，确认返回对应文本对象。

function test(){
    var rlt=prompt ("输入宽度：", "10", "提示");
    $.writeln (rlt);
}
test();

如下图所示：
在这里插入图片描述

4.总结

通过这三种方式，可以简单实现与程序的交互控制。