html+javascript实现三种对话框和模式对话框

最新推荐文章于 2024-07-14 12:56:12 发布

yayun0516

最新推荐文章于 2024-07-14 12:56:12 发布

阅读量1w

点赞数

分类专栏： javaScript 文章标签：对话框 html javascript

本文链接：https://blog.csdn.net/yayun0516/article/details/41548385

版权

本文介绍了如何使用HTML和JavaScript技术创建三种类型的对话框和模式对话框。通过示例代码展示了如何在主页面中实现对话框，并且详细说明了如何利用returnValue方法在关闭对话框时传递值。

摘要由CSDN通过智能技术生成

.html代码如下：

<!DOCTYPE html>
<html>
<head>
<title>对话框</title>
<script type="text/javascript">
	alert("Hello");
	if(confirm("test"))
		document.write("<img src='images/default.gif'/>");
	prompt("aaaa","1");//aaa为提示信息，1为默认输出
	var name;
	do{
	name = prompt("输入用户名");//带输入窗的对话框
	var correct = confirm("输入用户名为：\n<font color='red'>"+name+"</font>");//确认对话框
	}while(!correct);//警告框
	alert("用户名"+name);
</script>
</head>

<body >
	
</body>

</html>

下面介绍模式对话框：