弹出框的讲解与实现

弹出框

弹出框主要分为:警告框(alert)、询问框(prompt)、确定框(confirm)

  1. 警告框(alert)

警告框就是进入页面弹出的一个提示框,主要的作用也是起到一个对用户进行提示的效果。

警告框的使用:alert(); 括号里填入需要提示的相关信息即可。

如图:

因为alert是window对象的函数,也可以通过window.alert()来调用。

同理:window.alert();括号里填入需要提示的相关信息即可。

 

  1. 询问框(prompt)

询问框也就是进入一个页面会弹出一个需要用户进行填写信息的框,

询问框的使用:var 变量名 = prompt();括号内填入相关的询问信息即可。

注意:因为是询问框,所以用户会输入一些信息,所以我们需要一个变量用来接收数据,所以这里注意一下。

如图:

因为alert是window对象的函数,也可以通过window.alert()来调用。

同理:var 变量名 = window.prompt ( ) ;


注意: console.log(window); 可以用这个语句进行对window的函数进行查询。右击界面,点击检查,控制台,便可以查到。

  1. 确定框(confirm)

confirm()的作用是弹出一个提示框或者警告框,对用户进行提示,并让用户做出选择。

数据会根据用户选择的不同,然后向接收变量传输的值也不一样,如果是确认的话,会传递true,如果是取消,会传递false。

确定框的使用: var 变量名 = confirm( ) ; 括号内填入相关的询问信息即可

 
                    

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部