码迷,mamicode.com
首页 > 其他好文 > 详细

前端常用的几种弹窗函数

时间:2016-08-16 22:21:59      阅读:3176      评论:0      收藏:0      [点我收藏+]

标签:函数   前端   基本   弹窗   

1、alert("") 弹窗:提示

alert弹窗使我们写js时使用最多的一种弹窗,主要作为提示,一般我们经常用来测试js某段代码是否有没有出错。

//弹出对话框并输出一段提示信息  

function prompt() {  

  //弹出一个对话框  

  alert("提示信息!");  

}


2、confirm("") 弹窗:判断是否进行某一个操作

confirm() 方法主要用于显示一个带有指定消息和 OK 及取消按钮的对话框。如用户点击确定按钮,则返回 true。如点击取消,则返回 false。在点击确定或取消按钮关闭之前,它将阻止用户对浏览器的所有输入。

://弹出一个询问框,有确定和取消按钮  

function firm() {  

   //利用对话框返回的值 (true 或者 false)  

   if (confirm("你确定提交吗?")) {  

      alert("点击了确定");  

    }

    else {  

      alert("点击了取消");  

     }    

}

3、prompt("") 弹窗:用于输入文本内容

prompt("") 弹窗方法用于显示可提示用户进行输入的对话框。如用户单击取消按钮,则返回 null。如单击确认按钮,则返回输入的文本。在点击确定或取消关闭之前,它将阻止用户对浏览器的所有输入。在调用 prompt() 时,在用户作出响应之前,不会执行下一条语句。

//弹出一个输入框,输入一段文字,可以提交  

function prom() {  

   var name = prompt("请输入您的名字", ""); //将输入的内容赋给变量 name ,  

   //这里需要注意的是,prompt有两个参数,前面是提示的话,后面是当对话框出来后,在对话框里的默认值  

      if (name)//如果返回的有内容  

      {  

         alert("欢迎您:" + name)  

      }   



本文出自 “前端” 博客,请务必保留此出处http://xhlsky.blog.51cto.com/9087386/1839261

前端常用的几种弹窗函数

标签:函数   前端   基本   弹窗   

原文地址:http://xhlsky.blog.51cto.com/9087386/1839261

(0)
(5)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!