Javascript实例

不羁的心 提交于 2020-01-16 00:14:22

1、Javascript消息框
(1)Alert(警告)框
(2)带有换行的警告框

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript的使用</title>
</head>
<body>

<p>点击按钮在弹窗总使用换行。</p>
<button onclick="myFunction()">点我</button>
<p id="demo"></p>
<script>
function myFunction(){
	alert("Y\nHow are you?");
}
</script>

</body>
</html>

(3)确认框

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Javascript的使用</title>
</head>
<body>

<p>点击按钮,显示确认框。</p>
<button onclick="myFunction()">点我</button>
<p id="demo"></p>
<script>
function myFunction(){
	var x;
	var r=confirm("按下按钮!");
	if (r==true){
		x="你按下了\"确定\"按钮!";
	}
	else{
		x="你按下了\"取消\"按钮!";
	}
	document.getElementById("demo").innerHTML=x;
}
</script>

</body>
</html>

(4)提示框

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript的使用</title>
</head>
<body>

<p>点击按钮查看输入的对话框。</p>
<button onclick="myFunction()">点我</button>
<p id="demo"></p>
<script>
function myFunction(){
	var x;
	var person=prompt("请输入你的名字","YX");
	if (person!=null && person!=""){
	    x=person + ", 近来可好?";
	    document.getElementById("demo").innerHTML=x;
	}
}
</script>

</body>
</html>

在这里插入图片描述
2、

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!