跳轉至內容

BTEC IT 單元 20 - 網站設計/JavaScript/彈出框

來源:華夏公益教科書,開放世界的開放書籍

彈出框(非結構化程式碼)

<input type="button" value="Click me" onclick="alert('Thanks... I feel much better now!');">

彈出框(結構化程式碼)

<head>
<script>
// Wait for DOM to load
document.addEventListener("DOMContentLoaded", function(event) {

  // Put the button into a variable
  var e = document.getElementById("go");
  
  // Wait for user to click the button  
  e.addEventListener("click", function() {
  
      // Do the alert box
      alert("Hello");
      
  }, false);
  
});
</script>
</head>
<body>
<form name="myForm">
  <input id="go" type="button" value="Click me">
</form>
</body>
華夏公益教科書