【JS】几种常用的弹窗

JavaScript07

【JS】几种常用的弹窗,第1张

原生JS 有3种最常用的弹窗方式

最最最常用的是 alert()

alert 引发的弹窗,只有一个“确定”按钮。

alert( 内容 )

内容可以是变量,可以是字符串。

字符串需要用单引号或者双引号括起来。

需要注意的是,内容如果是 html 标签,是会直接输出字符串的。

如果需要换行,需要用到 html 的转义字符。

alert 无法直接展示 object。

confirm 对比 alert,会多出一个“取消”按钮。

而且 confirm 有一个回调值。

如果点击了“确定”,返回值为:true

如果点击了“取消”,返回值为:false

prompt 的比 confirm 多一个输入框。

同样,prompt 也是有返回值的。

如果按了确定,返回值是 输入的内容,字符串型。

如果按了取消,返回值是:null。

//弹出框

if(confirm("是否进行删除操作")){

alert("执行了删除操作")

}else{

alert("没有执行删除操作")

}

//输入框

var temp =prompt("请输入您想要输入的内容和")

alert(temp+":"+typeof(temp))