当前位置:首页 > 电脑知识 > 正文内容

没想到(js中提示框)javascript提示框用法,js提示框,警告框以及确认框的使用方法,js提示框,警告框以及确认框的使用方法,

sauo3年前 (2022-09-17)电脑知识87

在写前端的页面时,关于JS的提示,警告或确认框一直使用一些集成好的JS插件来实现比如layer弹窗插件,很少用到原生JS中自带的弹出提示(吐糟一下,主要因为太丑了)。

js中alert()--警告框

JS中的警告框(alert()),常用于向网站的访客弹出一条提示,比如错误信息等等!

注意:

(1)、alert() 返回的值为 undefined

(2)、alert() 执行时,当前的JS运行是暂停的,只有用户点击确认后,暂停的代码才会继续执行。

示例:

JavaScript
console.log(输出第一条信息); alert(你好); console.log(关闭弹窗后,我才会显示!); console.log(feiniaomy.com);复制

js中confirm()--确认框

js中confirm(),一般用于询问用户是否同意某些条件,比如删除数据时,会询问用户是否确认删除。

注意:

(1)、点击“确定”后,返回 TRUE,点击“取消”按钮返回 FALSE

(2)、confirm() 弹出时,也会阻止其它代码的运行

示例代码:

JavaScript
var isbool = confirm(是否确认删除!!); if(isbool == true){ console.log(我点击的确认按钮!); }else{ console.log(我点击了取消按钮!); }复制

js中的prompt()--提示框

js中的prompt(),一般用于提示用户输入某个值。

注意:

1、点击“取消”返回 null

2、点击“确认”后,如输入框中有内容,则返回内容,如没有内容则返回空

3、prompt() 弹窗在关闭之前,也会暂停其它代码的执行

例1:

JavaScript
var name = prompt(你的名子是?); // 如果 name 的值大于2,则弹出 if(name.length > 0){ alert(name); }复制

例2:

JavaScript
//prompt 的第二个参数为 默认值 var name = prompt(你的网址是?,feiniaomy.com);复制

本文链接:http://blog.sauo.top/?id=306 感谢分享!

分享到:

扫描二维码推送至手机访问。

版权声明:本文由冬眠先生个人博客发布,如需转载请注明出处。

本文链接:http://blog.sauo.top/?id=306

分享给朋友:

“没想到(js中提示框)javascript提示框用法,js提示框,警告框以及确认框的使用方法,js提示框,警告框以及确认框的使用方法,” 的相关文章

万万没想到(Ubuntu安装ssh服务)ubuntu配置ssh服务器,ubuntu安装ssh服务器的方法,ubuntu安装ssh服务器的方法,

万万没想到(Ubuntu安装ssh服务)ubuntu配置ssh服务器,ubuntu安装ssh服务器的方法,ubuntu安装ssh服务器的方法,

免费领取腾讯云服务器! 安装了一个ubuntu系统,想着在内网中用ssh进行远程连接管理。下面这篇博文就说说如果在ubuntu系统中安装ssh远程管理服务。 ubuntu 安装ssh服务器的方法 1、安装 openssh-s...

干货分享(php file_get_contents curl)php file_get_contents post,php file_get_contents(): SSL operation failed with code 1. OpenSSL Error message.....,php file_get_contents(): SSL operation failed with code 1. OpenSSL Error message.....,

免费领取腾讯云服务器! 在调试php脚本代码时,发现使用 file_get_contents() 函数请求HTTPS的网址链接时出现了报错,其报错代码如下面所示“file_get_contents(): SSL operation failed with...

不看后悔(php全局变量有哪些)php全局变量和局部变量的区别,php全局变量与js全局变量的区别,php全局变量与js全局变量的区别,

免费领取腾讯云服务器! 因为经常写php与js代码,有时候使用全局变量的时候经常的混淆,这篇文章就来说说js中的全局变量与php中的全局变量的区别。 js全局变量与php全局变量的区别 php全局变量 php...

深度揭秘(Linux查看文件md5)linux命令查看md5值,Linux系统下查看文件md5的方法,Linux系统下查看文件md5的方法,

深度揭秘(Linux查看文件md5)linux命令查看md5值,Linux系统下查看文件md5的方法,Linux系统下查看文件md5的方法,

免费领取腾讯云服务器! 上两篇博文,分别写了在window系统下获取文件md5值的方法与mac苹果系统下获取文件md5值的方法,今天这篇博文就写一下在linux系统下获取文件md5值的方法。 Linux系统下获取文件md5值的方法...

硬核推荐(windows查看文件的md5值)windows 查看md5值,window 系统查看文件md5值的方法,window 系统查看文件md5值的方法,

硬核推荐(windows查看文件的md5值)windows 查看md5值,window 系统查看文件md5值的方法,window 系统查看文件md5值的方法,

免费领取腾讯云服务器! 在winodw系统上查看一个文件的md5值,不用去安装专门查看文件md5的软件,只需要使用 cmd 命令即可。 window 查看 md5 值的方法 1、打开CMD命令窗口 (1)、快...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。