當網頁執行 JavaScript 的 alert() 方法時，網頁就會彈出警告視窗，進行提示使用者的動作，這篇教學會介紹兩種呼叫 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() 輸入視窗

更多教學

大家好，我是 OXXO，是個即將邁入中年的斜槓青年，我有個超過一千篇教學的 STEAM 教育學習網，有興趣可以參考下方連結呦～ ^_^

• Python 教學 ( 學習導讀 )
• Scratch 教學
• GA4 ( Google Analytics 4 ) 教學
• 生成式 AI ( AIGC ) 教學
• ChatGPT 教學
• Midjourney 教學
• Leonardo.Ai 教學
• HTML 教學