弹出框的讲解与实现
弹出框
弹出框主要分为:警告框(alert)、询问框(prompt)、确定框(confirm)
警告框(alert)
警告框就是进入页面弹出的一个提示框,主要的作用也是起到一个对用户进行提示的效果。
警告框的使用:alert(); 括号里填入需要提示的相关信息即可。
如图:
因为alert是window对象的函数,也可以通过window.alert()来调用。
同理:window.alert();括号里填入需要提示的相关信息即可。
询问框(prompt)
询问框也就是进入一个页面会弹出一个需要用户进行填写信息的框,
询问框的使用:var 变量名 = prompt();括号内填入相关的询问信息即可。
注意:因为是询问框,所以用户会输入一些信息,所以我们需要一个变量用来接收数据,所以这里注意一下。
如图:
因为alert是window对象的函数,也可以通过window.alert()来调用。
同理:var 变量名 = window.prompt ( ) ;
注意: console.log(window); 可以用这个语句进行对window的函数进行查询。右击界面,点击检查,控制台,便可以查到。
确定框(confirm)
confirm()的作用是弹出一个提示框或者警告框,对用户进行提示,并让用户做出选择。
数据会根据用户选择的不同,然后向接收变量传输的值也不一样,如果是确认的话,会传递true,如果是取消,会传递false。
确定框的使用: var 变量名 = confirm( ) ; 括号内填入相关的询问信息即可。
