·您当前的位置:首页 > 技术教程 > Html5技术 >

[总结]js弹出框、对话框、提示框、弹窗效果总结

时间:2017-11-24 16:35酷播
[总结]js弹出框、对话框、提示框、弹窗效果总结一、JS的三种最常见的对话框

一、JS的三种最常见的对话框

  1. //====================== JS最常用三种弹出对话框 ========================   
  2.    
  3.     //弹出对话框并输出一段提示信息   
  4.     function ale() {   
  5.         //弹出一个对话框   
  6.         alert("提示信息!");   
  7.    
  8.     }   
  9.    
  10.     //弹出一个询问框,有确定和取消按钮   
  11.     function firm() {   
  12.         //利用对话框返回的值 (true 或者 false)   
  13.         if (confirm("你确定提交吗?")) {   
  14.             alert("点击了确定");   
  15.         }   
  16.         else {   
  17.             alert("点击了取消");   
  18.         }   
  19.    
  20.     }   
  21.    
  22.     //弹出一个输入框,输入一段文字,可以提交   
  23.     function prom() {   
  24.         var name = prompt("请输入您的名字", ""); //将输入的内容赋给变量 name ,   
  25.    
  26.         //这里需要注意的是,prompt有两个参数,前面是提示的话,后面是当对话框出来后,在对话框里的默认值   
  27.         if (name)//如果返回的有内容   
  28.         {   
  29.             alert("欢迎您:" + name)   
  30.         }   
  31.    
  32.     }   

热门文章推荐

请稍候...

保利威视云平台-轻松实现点播直播视频应用

酷播云数据统计分析跨平台播放器