原⽣html页⾯弹窗_javascript原⽣弹出框
提到弹出框，⾸先想到的alert()了，其次想到的也还是alert()，其实在js中有三种弹出框，下⾯我们⼀⼀说明。
1、仅确定。
即：对话框界⾯上只有确定按钮。该功能可以使⽤alert()⽅法实现。
代码：
//alert弹出框实例
alert("Hello Everyone!");
alert("Bye!");
结果：
点击确定后：javascript说明
总结：
1，js中每个alert()语句都会弹出⼀个对话框，不覆盖。
2，对话框是由浏览器产⽣的，js语句只是触发其发⽣⽽已。因此不同浏览器的弹出框样式会有所差别。
2、确定和取消
即：对话框界⾯上有确定和取消，⽤confirm()实现
代码：
//confirm弹出框实例
confirm("confirm 弹出框");
结果：
这⾥需要注意：⽆论我们点击确定还是取消，弹出框都会关闭，不同的是我们点击确定，confirm()返回true，否则返回false。下⾯我们⽤代码展⽰：
代码：
//confirm弹出框实例
var conf=confirm("confirm 弹出框 请选择确定或取消");
//显⽰⽤户选择的confirm
if(conf==true){
alert("您选择了：确定");
}else {
alert("您选择了：取消")
}
结果：
点击确定后：
3、允许输⼊内容
界⾯显⽰⽂本框，⽤户可输⼊，⽤prompt()实现
代码：
//prompt弹出框实例
var name=prompt("请输⼊您的名字：");
//弹出⽤户输⼊的信息；
alert(name);
结果：
点击确定后：
点击取消后：
三种样式的弹出框是最基本的，也是最简单的，根据不同情况选择使⽤哪种。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。