CS note-taking: 如何引入JavaScript程式碼

要將Javascript套用到HTML文件中，我們可以使用2種方法：

透過script標籤，我們能達成兩個方法：
在HTML文檔中利用<script></script>來封裝JavaScript：

<script>...JavaScript Code...</script>

利用<script>的src屬性，將.js檔嵌入：

<script type="text/javascript" src="檔案名稱.js"></script>

HTML文檔中可以設置事件處理器，我們能透過HTML元素中的某些屬性來啟動一個腳本，這些屬性稱為事件屬性。比如說有這麼一段程式碼被包裝在<script>中：

function Click()
{
    alert("Clicked");
}

我們能透過設置HTML的事件屬性反應使用者的操作，就像這樣

<input type="button" value="Click" onclick="Click()">
當這個按鈕被按下時，onclick便會調用JavaScrpit函式Click，跳出訊息Clicked!

而在將程式碼插入至文檔前，我們還需要面對兩個問題：

可以放在<head></head>之間或<body></body>之間，混著放也是可行的，差別在於：

<head>中的程式碼，在頁面載入時就會執行完畢。

<body>中的程式碼，只有對應的函式被調用時才開始執行。

可以將程式碼包裝在當中，如果瀏覽器不支援JS便會自動跳過，比如

<script>
<!--
     Code
-->
</script>

或是利用<noscript>標籤，當腳本程式碼不被支援時，會在HTML頁面顯示提示資訊。

CS note-taking