在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高階教學】
#以上是javascript中alert用法是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!