当前位置: 首页 > 编程笔记 >

javascript实现对话框功能警告(alert 消息对话框)确认(confirm 消息对话框)

公孙森
2023-03-14
本文向大家介绍javascript实现对话框功能警告(alert 消息对话框)确认(confirm 消息对话框),包括了javascript实现对话框功能警告(alert 消息对话框)确认(confirm 消息对话框)的使用技巧和注意事项,需要的朋友参考一下

我们在访问网站的时候,有时会突然弹出一个小窗口,上面写着一段提示信息文字。如果你不点击“确定”,就不能对网页做任何操作,这个小窗口就是使用alert实现的。

注:alert弹出消息对话框(包含一个确定按钮)。

语法:

alert(字符串或变量); 

注意:

1. 在点击对话框"确定"按钮前,不能进行任何其它操作。

2. 消息对话框通常可以用于调试程序。

3. alert输出内容,可以是字符串或变量,与document.write 相似。

<title>alert</title>
 <script type="text/javascript">
 function rec(){
 var mychar="I love JavaScript";
 alert(mychar);
 }
 </script>
</head>
<body>
 <input name="button" type="button" onClick="rec()" value="点击我,弹出对话框" />
</body>

确认(confirm 消息对话框)

confirm 消息对话框通常用于允许用户做选择的动作,如:“你对吗?”等。弹出对话框(包括一个确定按钮和一个取消按钮)。

语法:

confirm(str);

参数说明:

str:在消息对话框中要显示的文本

返回值: Boolean值

返回值:

当用户点击"确定"按钮时,返回true

用户点击"取消"按钮时,返回false

注: 通过返回值可以判断用户点击了什么按钮

<script type="text/javascript">
function rec()
{
 var mymessage=confirm("你喜欢javascript吗?");
 if(mymessage==true)
 {
 document.write("很好,加油!");
 }
 else if(mymessage==false)
 {
 document.write("要学javascript,而且必须学");
 }
}
</script>

webkit-text-stroke-width: 0px">

</head>
<body>
 <input type="button" name="button" value="点击我,弹出确认对话框" onclick="rec()" />
</body>
<script type="text/javascript">
function resc()
{
 var myname=prompt("请输入你的姓名");
 if(myname!=null)
 {
 document.write("你好"+myname);
 }
 else
 {
 document.write("你好"+朋友);
 }
}
</script>
<body>
 <input type="button" name="button" value="点击我,弹出提问对话框" onclick="resc()" />
</body>

总结

以上所述是小编给大家介绍的javascript实现对话框功能警告(alert 消息对话框)确认(confirm 消息对话框),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对小牛知识库网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

 类似资料:
  • 定义 模拟对话框。 图片展示 代码演示 import Dialog from 'pile/dist/components/dialog' const {Confirm} = Dialog <Confirm show={true} type='fail' title='我喜欢pile' buttons={[ { label: '取消', onClick: function

  • 本文向大家介绍Android Alertdialog(实现警告对话框),包括了Android Alertdialog(实现警告对话框)的使用技巧和注意事项,需要的朋友参考一下 在Android开发中,我们经常会需要在Android界面上弹出一些对话框,比如询问用户或者让用户选择。这些功能我们叫它Android Dialog对话框,AlertDialog实现方法为建造者模式。下面我们模拟卸载应用程序

  • 本文向大家介绍Android中创建对话框(确定取消对话框、单选对话框、多选对话框)实例代码,包括了Android中创建对话框(确定取消对话框、单选对话框、多选对话框)实例代码的使用技巧和注意事项,需要的朋友参考一下 Android中可以创建三种对话框、确定取消对话框、单选对话框、多选对话框 android中的确定取消对话框演示示例 Android中使用单选对话框的演示案例 android中使用多选

  • 本文向大家介绍基于.Net实现前端对话框和消息框,包括了基于.Net实现前端对话框和消息框的使用技巧和注意事项,需要的朋友参考一下 关于前端对话框、消息框的优秀插件多不胜数。造轮子是为了更好的使用轮子,并不是说自己造的轮子肯定好。所以,这个博客系统基本上都是自己实现的,包括日志记录、响应式布局等等一些本可以使用插件的。好了,废话不多时。我们来实现自己的对话框和消息框。 对话框 要求:可拖动、点击按

  • 问题内容: 我有一个功能,可以汇总我的甜蜜提示对话框。我想在很多地方使用它,因此在类似以下的函数中进行设置: 我想做的很简单:在某个地方调用该函数,然后根据用户的回答进行操作,因此: 但是我没有任何回应。实际上,我找不到这样的示例,我认为这不是常见的使用方式。但是怎么可能呢? 问题答案: 听起来您想要基于用户是否按下确认按钮或取消按钮的不同行为。 SweetAlert通过回调函数上的参数公开用户响

  • 问题内容: 我希望对话框中的消息文本居中对齐。 问题答案: 创建您自己的TextView对象,然后将其作为View提供给弹出窗口生成器: 您可以控制所有其他文本参数(样式,颜色,大小…)。要控制边距,您可以以编程方式创建LinearLayout,设置LayoutParams,然后将TextView放入其中。