您好,登錄后才能下訂單哦!
這篇文章給大家分享的是有關javascript中alert怎么用的內容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
在javascript中,alert的用法是“alert(在對話框中顯示的純文本)”。alert方法用于顯示帶有一條指定消息和一個OK按鈕的警告框,可以用來向用戶警示信息,也可以用來調試程序。
本教程操作環境:windows7系統、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,有三種方式,不同的方式,所呈現的效果也不相同。
第一種方式:直接寫在script標簽中
代碼如下:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> alert("這是一個警告框"); </script> </head> <body> <p>你看我出不出來</p>; </body> </html>
實現效果如下:
由效果圖可見,本來應該被執行的p標簽,并沒有被執行。
這是因為用該方法使用alert,則alert以后的代碼,最開始都不會被執行,只有在關閉警告框以后,才會執行后面的內容。
用這種方法最簡單,但因不能同時執行alert后的代碼,影響用戶感官,不推薦使用。
第二種方式:寫在body中的某個標簽內部
代碼如下:
<body> <!--將alert編寫到onclick屬性中,單擊后,會彈出警告框--> <button onclick="alert('點,點什么點')">你點我一下</button><br /><br /> <!--將alert寫在超鏈接的href屬性中,點擊超鏈接,會彈出警告框--> <a href="javascript:alert('叫你別點,你非要點')">別點我</a><br /> <p>你看我出不出來</p> </body>
實現效果圖如下:
用這種方式,就不會存在第一種方式的問題,但是用這種方式,一個頁面中,alert就可能會出現很多地方
不方便維護,也不推薦使用。
第三種方式:使用外部alert
外部alert代碼如下:
alert("這是外部alert"); //重新創建一個js文件,專門用于寫alert
引用外部alert的代碼如下:
<script type="text/javascript" src="alert.js"> /*加入src="路徑",可以引入外部alert*/ alert("這是一個警告框"); </script>
實現效果圖如下:
使用這種方式,需要記住外部alert的路徑,才能進行引用
最好寫在同一個文件夾下。
該方式,不會出現第一種方式的問題,不會影響用戶觀感,也易于維護
但使用該方式后,這一個scrip標簽下的內部alert就不能執行了,只能重新寫一個script
推薦使用這種方式。
感謝各位的閱讀!關于“javascript中alert怎么用”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。