三种javascript弹出框---Day05

实话说,谈到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>

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

三种javascript弹出框---Day05_第1张图片三种javascript弹出框---Day05_第2张图片

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

3、prompt提问框

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

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

则显示的实际效果为

三种javascript弹出框---Day05_第3张图片三种javascript弹出框---Day05_第4张图片

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


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

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

三种javascript弹出框---Day05_第5张图片

你可能感兴趣的:(js,前端,总结,弹出框,学习记录)