JS弹出对话框实现方法(三种方式)

2019-11-20 10:59:24

字体：大中小

来源：转载

供稿：网友

本文实例讲述了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程序设计有所帮助。

上一篇：最简单的JavaScript图片轮播代码(两种方法)

下一篇：jQuery Validate表单验证深入学习