中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

如何在JavaScript中實現提示框功能

發布時間:2020-11-11 14:56:10 來源:億速云 閱讀:222 作者:Leah 欄目:開發技術

如何在JavaScript中實現提示框功能?相信很多沒有經驗的人對此束手無策,為此本文總結了問題出現的原因和解決方法,通過這篇文章希望你能解決這個問題。

三種提示框

  • alert ()
  • confirm()
  • prompt ()

alert ()

alert()方法是顯示一條彈出提示消息和確認按鈕的警告框。
需要注意的是 :alert()是一個阻塞的函數,如果我們不點確認按鈕,后面的內容就不會加載出來。

使用方式:

alert("想要提示的文本內容")

樣例代碼:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script>
			alert("這是彈出框提示文本")
		</script>
		<title></title>
	</head>
	<body>
		<p>alert是阻塞的函數</p>
		<p>這句話只有在確認彈出框的提示文本后才會顯示</p>
	</body>
</html>

效果截圖:

如何在JavaScript中實現提示框功能

confirm()

confirm()方法是顯示一個含有指定消息和確認和取消按鈕的確認框。
如果點擊"確定"返回true,否則返回false。

使用方式:

不接收返回值:

confirm("這樣寫可以直接顯示,不接收返回值。")

接收返回值:

var x; 
var r=confirm("請按下按鈕!");
if (r==true){
	x="你按下的是\"確定\"按鈕。";
}
else{
	x="你按下的是\"取消\"按鈕。";
}
document.write(x)

樣例代碼:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script>
			// 使用方式一
			confirm("這樣寫可以直接顯示,不接收返回值。")
			
			// 使用方式二
			var x; 
			var r=confirm("請按下按鈕!");
			if (r==true){
				x="你按下的是\"確定\"按鈕。";
			}
			else{
				x="你按下的是\"取消\"按鈕。";
			}
			document.write(x)
		</script>
		<title></title>
	</head>
	<body>
	</body>
</html>

效果截圖:

如何在JavaScript中實現提示框功能

prompt ()

prompt()方法是顯示提示用戶進行輸入的對話框。
這個方法返回的是用戶輸入的字符串。

使用方式:

不顯示默認文本:

prompt("開心嗎&#63;"); // 這個顯示內容也可以不寫,但就沒有交互的意義了。

顯示默認文本:

var x; 
var name=prompt("請輸入你的名字","Keafmd"); 
if (name!=null && person!=""){ 
 x="你好! " + name + "。";
 document.write(x)
} 

樣例代碼:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script>
			//方式一
			prompt("開心嗎&#63;"); // 這個顯示內容也可以不寫,但就沒有交互的意義了。
			
			//方式二
			var x; 
			var name=prompt("請輸入你的名字","Keafmd"); //顯示默認文本 "Keafmd"
			if (name!=null && name!=""){ 
			 x="你好! " + name + "。";
			 document.write(x)
			} 
		</script>
		<title></title>
	</head>
	<body>
	</body>
</html>

效果截圖:

如何在JavaScript中實現提示框功能

看完上述內容,你們掌握如何在JavaScript中實現提示框功能的方法了嗎?如果還想學到更多技能或想了解更多相關內容,歡迎關注億速云行業資訊頻道,感謝各位的閱讀!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

陇西县| 射阳县| 老河口市| 营口市| 内乡县| 黑龙江省| 兴海县| 大厂| 拉萨市| 崇义县| 曲阳县| 安化县| 搜索| 浮梁县| 盐津县| 南安市| 若羌县| 丰城市| 易门县| 酉阳| 紫金县| 榆林市| 木兰县| 双鸭山市| 内乡县| 宁国市| 长沙县| 浦江县| 淮南市| 澳门| 宜章县| 云林县| 滦南县| 育儿| 罗平县| 衡阳县| 通河县| 深圳市| 互助| 宁乡县| 合水县|