跳到主要內容

如何讓 button 被點下時,可以執行某一段 JavaScript 程式碼?

範例中第一個部分的原始碼如下:
<a href="javascript:open_window('javascript.html')">javascript:function</a>:JavaScript Pseudo Protocol.
一般 來說,href 的內容是 URL,但是我們卻設定了一串頗為奇怪的字串。讓我們解釋一下: Javascript 提供了一個特別的用法,稱之為 JavaScript Pseudo-Protocol,javascript: 之後會加上一個函數名稱,
函數可以是 Javascript 內建的函數,也可以是自行定義的函數。
例如,你可以直接在瀏覽器輸入 
javascript:alert(document.links.length) 來得知目前這個網頁總共有多少超連結(links)。
當然,你也可以將這段 程式碼用來取代這個範例的 href 值。
範例中第二個部分的原始碼如下:
<form>
<input type="button" name="Button1" value="請按我" onClick="sayhi()">
</form>
這是一個 form 元件,該元件內包含一個按鈕元件,該元件名稱為 Button1。 在按鈕元件中,我們也定義了一個事件處理的函數:"onClick="sayhi()"; 該定義說明了:如果使用者在按鈕上點一下,則執行 sayhi() 函數, 而 sayhi() 的程式碼如下:
<script language="javascript">
<!--
  function sayhi()
  {
    alert("What's up?");
  }
// -->
</script>
如果使用者在"請按我"的按鈕上點一下,螢幕上會出現包含 "What's up?" 訊息的視窗。

留言