三种javascript弹出框---Day05

本文介绍了JavaScript中常用的三种弹窗:提示框alert()、确认框confirm()及提问框prompt()。探讨了它们的工作原理、使用场景及其对用户体验的影响,并讨论了alert()是否会给服务器带来负担的问题。

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

实话说,谈到javascript弹出框,我首先想到的就是alert(),然后就没有然后了,可是最近才发现,原来弹出框不仅仅是alert那么简单。


首先我们来简单了解下弹出框的基本原理:弹出框通常以模态窗体出现,遇到模态窗体时浏览器线程会暂时处于等待状态,直到模态窗体被取消;


接下来,我们来简单讲述下javascript实际上常会用到的,实用性比较强的几种弹出框:

1、提示框/警告框

alert(),这个相比都不会陌生,应用最广泛的弹出框,我就不再赘述它的简单了,这样我来说说关于它的几个问题,

第一:alert又称警告框,更多的是起到警示作用,另外由于其模态窗体的特点,使其友好性颇差,常给人不安全的感觉,所以尽量少用为妙;

第二:alert是否会加重服务器的负担;这个问题在我看来,它是jsp是打包带到前端的,它的运行只停留在前端,对于服务器完全没有影响,当然这是我的个人感觉,而且我也解释不好,希望有大神可以路过,给开下金口啊。

2、confirm确认框

confirm存在返回值,分别为true和false

这里我来简单应用下:<body><input type="button" value="测试" onclick="test()"> </body>

<script type="text/javascript">function test(){var a=confirm("放弃么?");alert(a);}</script>

则显示样式则依次按步骤为:


点击“确定”,则返回true,点击“取消”,则返回false;

3、prompt提问框

prompt提问框,可以通过用户的相应回答来进行不同的操作,如下

function test(){
var age=prompt("多大了");
var answer;
if(age>25&&age<40){
answer="成家了么";
}
else{
answer="哦";
}
alert(answer);
}

则显示的实际效果为


另外prompt还可以进行prompt("多大了","45"),设定默认值,相当于初始值,可以进行改变当然


当然还可能存在其他的弹出框,像open(),但是这三种是最常用,也最实用的,当然可以自己试着改一些样式,让它更美些。

好,今天记录的比较简单,希望大家可以帮我分析 下:alert过多,会影响服务器端么,如果不的话,该怎么解释呢?


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值