JavaScript 基礎學習（二）js 和 html 的結合方式

第一種

使用一個標籤

<script type="text/javascript">  js代碼; </script>

第二種

使用 script 標籤，引入一個外部的 js 文件

須要建立一個js文件寫js代碼

<script type="text/javascript" src="1.js"></script>

使用第二種方式時候，不須要在script標籤裏面寫js代碼

第三種：

與HTML標籤中屬性結合

<button onclick="alter("hhh")"></button>
<a href="javascript:alter('hhh');">hhh<a/>

注意事項

script標籤用於引入外部文件，就不能再編寫其餘script代碼了，即便編寫了也沒法執行

若是須要編寫，需再建立一個新的script標籤進行編寫

script標籤放在的位置

建議把script標籤放到 後面。好比如今有這樣一個需求：在js裏面須要獲取到input裏面的值，若是把script標籤放到head裏面會出現問題。html解析是從上到下解析的，script標籤放到的是

head裏面，直接在裏面取input裏面的值，。由於頁面尚未解析到input那一行，確定取不到。script代碼解析從上到下