alert() 彈出警告視窗

當網頁執行 JavaScript 的 alert() 方法時，網頁就會彈出警告視窗，進行提示使用者的動作，這篇教學會介紹兩種呼叫 alert() 開啟警告視窗的方法。

onclick 撰寫行內 JavaScript

在「HTML 元素屬性」教學裡，有介紹元素的「onclick」屬性 ( 點擊元素時觸 )，只要在 onclick 屬性裡撰寫行內的 JavaScript，點擊元素就會執行 alert() 方法，開啟警告視窗，警告視窗的樣式使用各個作業系統的預設樣式，alert() 基本寫法如下：

alert('警告說明文字');

以下面的網頁程式碼為例，不論點擊 button 按鈕或是 h2 標題，都會彈出警告視窗，並顯示警告文字。

<button onclick="alert('這是警告文字');">開啟警告視窗</button>
<h2 onclick="alert('這是警告文字');">開啟請告視窗</h2>

onclick 搭配外部 JavaScript

如果是使用 JavaScript 撰寫函式的方法開啟警告視窗，也可以透過 onclick 指定要執行的 JavaScript 函式，實現同樣的效果。

<button onclick="myFunction();">開啟警告視窗</button>
<h2 onclick="myFunction();">開啟警告視窗</h2>

<script>
  var myFunction = function(){
    alert('這是警告文字')
  }
</script>

其他開啟彈出視窗的方法

• confirm() 確認視窗
• prompt() 輸入視窗

意見回饋

如果有任何建議或問題，可傳送「意見表單」給我，謝謝～