JavaScript在HTML中的嵌入方式
阿新 • • 發佈：2019-01-24
JavaScript作為客戶端的指令碼語言，主要的用途就是幫助HTML處理部分互動邏輯。JavaScript語言同其他指令碼語言一樣，通過控制語句、函式、物件方法屬性等來實現程式設計。先來介紹JavaScript是如何同HTML互動的，也就是嵌入的方式。根據JavaScript在HTML中載入方式的不同，嵌入方式可以分為內部引用、外部引用和內聯引用。
1．內部引用
通過<Script></Script>標記嵌入JavaScript，這是最常用也是最簡便的一種引用方式，可以在HTML程式碼的任何位置嵌入
<head>
<script type="text/javascript">
document.write("Hello world!");
</script></head>
2．外部引用
通過引用HTML檔案的方式載入JavaScript檔案，這種方式可以使HTML程式碼更簡潔，方便程式碼複用。
<head>
<script type="text/javascript" src="路徑"> </script>
</head>
可以放在<head>標籤內，如果是非關鍵javascript程式碼可以放在後面.
3．內聯引用
通過HTML標記的觸發事件屬性實現，比如通過onclick事件直接呼叫JavaScript程式碼。在HTML中有很多這樣的事件屬性，通常都是配合JavaScript這樣的前端指令碼語言來使用，示例程式碼如下：
<inputtype="button"value=""onclick="alert（'你內聯引用的方式呼叫了JavaScript程式碼'）;">