溫馨提示×

溫馨提示×

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

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

javascript中alert怎么用

發(fā)布時間:2021-06-15 11:11:05 來源:億速云 閱讀:246 作者:小新 欄目:web開發(fā)

這篇文章給大家分享的是有關(guān)javascript中alert怎么用的內(nèi)容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。

在javascript中,alert的用法是“alert(在對話框中顯示的純文本)”。alert方法用于顯示帶有一條指定消息和一個OK按鈕的警告框,可以用來向用戶警示信息,也可以用來調(diào)試程序。

本教程操作環(huán)境:windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

alert() 方法用于顯示帶有一條指定消息和一個 OK 按鈕的警告框。

語法

alert(message)

message是指要在 window 上彈出的對話框中顯示的純文本(而非 HTML 文本)

實例:

<html>
<head>
<script type="text/javascript">
function disp_alert()
{
alert("我是一個消息框!")
}
</script>
</head>
<body>

<input type="button" onclick="disp_alert()" value="顯示消息框" />

</body>
</html>

JS中的alert,作用是在瀏覽器中彈出一個警告框。

而使用alert,有三種方式,不同的方式,所呈現(xiàn)的效果也不相同。

第一種方式:直接寫在script標(biāo)簽中

代碼如下:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			alert("這是一個警告框");
		</script>
	</head>
	<body>
		 <p>你看我出不出來</p>;
	</body>
</html>

實現(xiàn)效果如下:

javascript中alert怎么用

由效果圖可見,本來應(yīng)該被執(zhí)行的p標(biāo)簽,并沒有被執(zhí)行。

這是因為用該方法使用alert,則alert以后的代碼,最開始都不會被執(zhí)行,只有在關(guān)閉警告框以后,才會執(zhí)行后面的內(nèi)容。

用這種方法最簡單,但因不能同時執(zhí)行alert后的代碼,影響用戶感官,不推薦使用。

第二種方式:寫在body中的某個標(biāo)簽內(nèi)部

代碼如下:

<body>
		<!--將alert編寫到onclick屬性中,單擊后,會彈出警告框-->
		 <button onclick="alert('點,點什么點')">你點我一下</button><br /><br />
		 	
		 <!--將alert寫在超鏈接的href屬性中,點擊超鏈接,會彈出警告框-->
		 <a href="javascript:alert('叫你別點,你非要點')">別點我</a><br />
		 
		  <p>你看我出不出來</p>
	</body>

實現(xiàn)效果圖如下:

javascript中alert怎么用

用這種方式,就不會存在第一種方式的問題,但是用這種方式,一個頁面中,alert就可能會出現(xiàn)很多地方

不方便維護(hù),也不推薦使用。

第三種方式:使用外部alert

外部alert代碼如下:

alert("這是外部alert");
//重新創(chuàng)建一個js文件,專門用于寫alert

引用外部alert的代碼如下:

<script type="text/javascript" src="alert.js">
		/*加入src="路徑",可以引入外部alert*/
			alert("這是一個警告框");
		</script>

實現(xiàn)效果圖如下:

javascript中alert怎么用

使用這種方式,需要記住外部alert的路徑,才能進(jìn)行引用

最好寫在同一個文件夾下。

該方式,不會出現(xiàn)第一種方式的問題,不會影響用戶觀感,也易于維護(hù)

但使用該方式后,這一個scrip標(biāo)簽下的內(nèi)部alert就不能執(zhí)行了,只能重新寫一個script

推薦使用這種方式。

感謝各位的閱讀!關(guān)于“javascript中alert怎么用”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,讓大家可以學(xué)到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI