html网页怎么显示对话框、确认框、提示框
上一篇中,我讲解了怎么在html网页中获得点击的坐标值及相对屏幕的坐标值。在这篇里,我来讲下怎么让网页显示对话框、确认框以及提示框。
操作方法
- 01
打开文本编辑器或记事本程序,输入<html><body>以及<head>标签。 <html> <head></head> <body></body> </html>
- 02
在<head>头标签后输入<script>标签 <script type="text/javascript"> </script>
- 03
在<script>标签中定义一个函数duihua()来使网页弹出对话框。 function duihua() { alert("这个窗口是对话框!") }
- 04
然后,再定义一个函数命名为queren(),用来弹出确认框。 function queren() { var se=confirm("请选择点击一个按钮!"); if (se==true) { alert("你按下的是【确认】"); } else { alert("你按下的是【取消】"); } }
- 05
继续定义另一个函数tishi(),用来在网页中弹出提示框。 function tishi() { var t=prompt("请输入您的名字","KING视界") if (t!=null && t!="") { document.write("精彩MV就在," + t + "!属于你的世界") } }
- 06
函数定义好以后,点击<body>标签后,建立3个按钮分别用来调用这3个函数执行。 <input type="button" onclick="duihua()" value="点击显示对话框" /> <input type="button" onclick="queren()" value="点击显示确认框" /> <input type="button" onclick="tishi()" value="点击显示提示框" />
- 07
为了让按钮在一列显示,分别在<input>标签后加上<br><br>换行符。最后保存代码内容为html格式,打开网页预览效果。