美文网首页
js中的三种弹出框

js中的三种弹出框

作者: 千锋小书童 | 来源:发表于2020-03-07 23:12 被阅读0次

JavaScript中有三种弹出框:alert(),confirm()和prompt()。

1、alert()弹出一个警示框

使用alert,浏览器可以弹出一个警示框。alert()中可以填写数字,填写文本和字符的时候需要加引号,如alert(‘请确认周围环境安全’),该消息框提供了一个“确定”按钮让用户关闭该消息框,并且该消息框是模式对话框,也就是说,用户必须先关闭该消息框然后才能继续进行操作。

代码:

<html>
<head>
<title>亦枫</title>
<script language="javascript"> //JavaScript脚本标注
alert("平仄平仄平平仄");//在页面上弹出上联
alert("仄平仄平仄仄平");//在页面上弹出下联
</script>
</head>
</html>

执行上面的小例子,在页面上弹出对话框并显示一句话“平仄平仄平平仄”,接着,单击“确认”按钮后再显示第二个对话框并显示“仄平仄平仄仄平”。

效果:

2、confirm()确认框

使用confirm,浏览器可以弹出一个确认框。 使用确认消息框可向用户问一个“是”或“否”问题,并且用户可以选择单击“确定”按钮或者单击“取消”按钮。confirm 方法的返回值为 true 或 false。该消息框也是模式对话框:用户必须在响应该对话框(单击一个按钮)将其关闭后,才能进行下一步操作。

代码:

<html>
<head>
<title>编写html页面</title>
<script language="javascript"> //js脚本标注
confirm("三人行,必有我师焉。"); //在页面上弹出确认对话框
</script>
</head>
</html>

效果:

3、prompt()提示消息框

提示消息框提供了一个文本字段,用户可以在此字段输入一个答案来响应您的提示。该消息框有一个“确定”按钮和一个“取消”按钮。如果您提供了一个辅助字符串参数,则提示消息框将在文本字段显示该辅助字符串作为默认响应。与alert( ) 和 confirm( ) 方法类似,prompt 方法也将显示一个模式消息框,用户在继续操作之前必须先关闭该消息框 。点击确认后,会返回您输入的结果,可以通过一个变量接收后,进行判断。

代码:

<html>
<head>
<title>编写html页面</title>
<script language="javascript"> //js脚本标注
var name,age;
name=prompt("你瞅啥"); /*在页面上弹出提示对话框,
将用户输入的结果赋给变量name*/
alert(name); //输出用户输入的信息
age=prompt("你再瞅一眼试试","你敢试试吗"); /*在页面上再一次弹出提示对话框,
讲用户输入的信息赋给变量age*/
alert(age)//输出用户输入的信息
</script>
</head>
</html>

效果:

相关文章

  • js中的三种弹出框

    JavaScript中有三种弹出框:alert(),confirm()和prompt()。 1、alert()弹出...

  • js1

    JS的编写位置 JS代码需要编写到script标签中: js的三种输入方式 1.控制浏览器弹出一个警告框:aler...

  • 2018-12-28三种常用到的JS弹出框。

    在做网站或者WEB系统的时候,常用到弹出框,下面介绍三种常用到的JS弹出框。 1:只是提醒,不能对脚本产生任何改变...

  • JS 第一天

    JS第一天 目录: JS语言介绍 三种存在位置 解释性语言特性决定JS代码位置 变量的定义 三种弹出框 四种调试方...

  • js基础

    js引入方式 行内:几乎不用 内联:次之 外联:首选 js注释 js常用的几句话 alert() 弹出框(流氓框)...

  • 完美解决vue项目中弹出框滑动时,内部页面也跟着滑动问题

    在main.js中设置全局函数: //弹出框禁止滑动Vue.prototype.noScroll = functi...

  • js+css插件库

    1、swiper.js 轮播插件2、layer.js 弹出框插件3、an...

  • iOS 收起键盘

    需求:在iOS生有的时间需要全局弹出框,但是弹出框弹出的时间有键盘,这个时间需要点击其他区域收起键盘。 三种方法:...

  • JS的三种最常见的对话框

    一、S的三种最常见的对话框 //弹出对话框并输出一段提示信息 function ale() { //弹出一个对话框...

  • Python webdriver API(十)处理对话框

    在实际系统中,在完成某些操作时会弹出对话框来提示,主要分为"警告消息框","确认消息框","提示消息对话"三种类型...

网友评论

      本文标题:js中的三种弹出框

      本文链接:https://www.haomeiwen.com/subject/xamkdhtx.html