Javascript實例

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>

在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章