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

2025-07-03 21:24:10

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

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

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

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

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

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

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

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

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

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

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

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

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

html网页怎么显示对话框、确认框、提示框
html网页怎么显示对话框、确认框、提示框
html网页怎么显示对话框、确认框、提示框
html网页怎么显示对话框、确认框、提示框
html网页怎么显示对话框、确认框、提示框
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢