JavaScript弹窗

最新推荐文章于 2024-03-25 12:39:35 发布

关山四月

最新推荐文章于 2024-03-25 12:39:35 发布

阅读量115

点赞数

分类专栏：前端HTML 文章标签： js

本文链接：https://blog.csdn.net/FinnZen/article/details/106940814

版权

前端HTML 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

在 JavaScript 中有三种消息弹框：警告框、确认框、提示框

警告框

语法

window.alert("sometext");

案例

<!DOCTYPE html>
<html>
<head>
</head>
<body>

<input type="button" onclick="btn()" value="按钮">

<script>
function btn(){
    alert("hello!");
}
</script>
</body>
</html>

确认框
语法

window.confirm("sometext");

案例

<!DOCTYPE html>
<html>
<head>
</head>
<body>

<input type="botton" onclick="btn()" value="按钮">

<script>
function btn(){
    var a = confirm("你觉得自己帅吗？");
    if(a==true){
        alert("真不要脸"！);
    }else{
        alert("不错");
    }
}
</script>
</body>
</html>

提示框
语法

window.prompt("sometext","defaultvalue");

案例

<!DOCTYPE mhtl>
<htmk>
	<head>
	</head>
	<body>
	<input type="button" value="按钮" onclick="btn()">
	<p id="demo"></p>
	<script>
		
	function btn(){
        var x;
		var a = prompt("请输入你的名字","靓仔");
		if(a !=null && a != ""){
		x="你好 " + a +" 今天天气不错！";
        document.getElementById("demo").innerHTML=x;
		}
	}
	</script>
	</body>
</html>

关山四月

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript弹窗

在 JavaScript 中有三种消息弹框：警告框、确认框、提示框警告框语法window.alert("sometext");案例<!DOCTYPE html><html><head></head><body><input type="button" onclick="btn()" value="按钮"><script>function btn(){ alert("hello!".
复制链接

扫一扫