html网页怎么显示对话框、确认框、提示框

作者:没什么大不了 | 创建时间: 2023-07-06
上一篇中,我讲解了怎么在html网页中获得点击的坐标值及相对屏幕的坐标值。在这篇里,我来讲下怎么让网页显示对话框、确认框以及提示框。...
html网页怎么显示对话框、确认框、提示框

操作方法

打开文本编辑器或记事本程序,输入<html><body>以及<head>标签。 <html> <head></head> <body></body> </html>

在<head>头标签后输入<script>标签 <script type="text/javascript"> </script>

在<script>标签中定义一个函数duihua()来使网页弹出对话框。 function duihua() { alert("这个窗口是对话框!") }

然后,再定义一个函数命名为queren(),用来弹出确认框。 function queren() { var se=confirm("请选择点击一个按钮!"); if (se==true) { alert("你按下的是【确认】"); } else { alert("你按下的是【取消】"); } }

继续定义另一个函数tishi(),用来在网页中弹出提示框。 function tishi() { var t=prompt("请输入您的名字","KING视界") if (t!=null && t!="") { document.write("精彩MV就在," + t + "!属于你的世界") } }

函数定义好以后,点击<body>标签后,建立3个按钮分别用来调用这3个函数执行。 <input type="button" onclick="duihua()" value="点击显示对话框" /> <input type="button" onclick="queren()" value="点击显示确认框" /> <input type="button" onclick="tishi()" value="点击显示提示框" />

为了让按钮在一列显示,分别在<input>标签后加上<br><br>换行符。最后保存代码内容为html格式,打开网页预览效果。

温馨提示

如果您喜欢小编的文章,请点击右下角的分享按钮,分享给更多的朋友。
点击展开全文

更多推荐