我们在访问网站的时候,有时会突然弹出一个小窗口,上面写着一段提示信息文字。如果你不点击“确定”,就不能对网页做任何操作,这个小窗口就是使用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>
</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放入其中。