您好,登錄后才能下訂單哦!
這篇文章給大家分享的是有關(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)效果如下:
由效果圖可見,本來應(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)效果圖如下:
用這種方式,就不會存在第一種方式的問題,但是用這種方式,一個頁面中,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)效果圖如下:
使用這種方式,需要記住外部alert的路徑,才能進(jìn)行引用
最好寫在同一個文件夾下。
該方式,不會出現(xiàn)第一種方式的問題,不會影響用戶觀感,也易于維護(hù)
但使用該方式后,這一個scrip標(biāo)簽下的內(nèi)部alert就不能執(zhí)行了,只能重新寫一個script
推薦使用這種方式。
感謝各位的閱讀!關(guān)于“javascript中alert怎么用”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,讓大家可以學(xué)到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
免責(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)容。