JS弹出对话框实现方法(三种方式)
作者:HackerVirus
这篇文章主要介绍了JS弹出对话框实现方法,结合实例形式分析了三种方式,包括alert、confirm及prompt,非常简单实用,需要的朋友可以参考下
本文实例讲述了JS弹出对话框实现方法。分享给大家供大家参考,具体如下:
1.警告框
<html> <head> <script type="text/javascript"> function disp_alert() { alert("我是警告框!!") } </script> </head> <body> <input type="button" onclick="disp_alert()" value="显示警告框" /> </body> </html>
2.确定取消框
<html> <head> <script type="text/javascript"> function disp_confirm() { var r=confirm("按下按钮") if (r==true) { document.write("您按了确认!") } else { document.write("您按了取消!") } } </script> </head> <body> <input type="button" onclick="disp_confirm()" value="显示确认框" /> </body> </html>
3.有输入的框
<html> <head> <script type="text/javascript"> function disp_prompt() { var name=prompt("请输入您的名字","Bill Gates") if (name!=null && name!="") { document.write("你好!" + name + " 今天过得怎么样?") } } </script> </head> <body> <input type="button" onclick="disp_prompt()" value="显示提示框" /> </body> </html>
希望本文所述对大家JavaScript程序设计有所帮助。