標籤：匯入 連結 rip 路徑 order 運算子 不能 mic func
1、html標籤中內嵌JS(不提倡使用。)
<button onclick="javascript:alert(‘你真點啊。‘)" > 有本事點我呀！！！！</button>
2、HTML頁面中直接使用JS：
<script type="text/javascript">
//js代碼
</script>
3、引用外部JS檔案：
<script language="javascript" src="Js檔案路徑">
</script>
1、行內樣式表：直接在HTML開始標籤中使用style=""的方式引用；
特點：將CSS代碼與HTML代碼完全糅雜在一起，不符合W3C關於內容與表現分離的要求。不利於樣式複用；
優先順序：最高。
2、內部樣式表： 在<head></head>中，使用<style type="text/css"></style>方式引用；
特點：將CSS代碼與HTML代碼分離，但是沒有徹底分離CSS檔案與HTML檔案，不利於多頁面複用樣式。
3、外部樣式表：使用link標籤連結CSS檔案。
<link rel="stylesheet" type="text/css" href="css/01css.css" />
特點：實現了CSS與HTML的徹底分離，有利於樣式複用及後期維護。
【JS中的DOM0事件模型】
1、內聯模型：直接將函數名作為HTML標籤的某個事件屬性的屬性值；
eg: <button onclick="func()">按鈕</button>
缺點：違反W3C關於Html與JavaScript分離的基本原則；
2、指令碼模型：在JS指令碼中通過事件屬性進行綁定；
eg: document.getElementsByTagName(‘input’)[0].onclick = func1(){}
局限性：同一節點，只能綁定一個同類型事件；
【JS中的DOM2事件模型】
1、添加事件綁定：
IE10之前：btn1.attachEvent("onclick",函數);
其他瀏覽器：btn1.addEventListener("click",函數,true/false);
參數三：false(預設)，表示事件冒泡，true，表示事件捕獲
相容寫法：if(btn1.attachEvent){
btn1.attachEvent();
}else{
btn1.addEventListener();
}
優點：同一節點，可以添加多個同類型事件的監聽器；
2、取消事件綁定：
註：如果要取消事件綁定，那麼在綁定事件時，回呼函數必須使用有名函數，而不能使用匿名函數。因為在取消事件綁定時，需要傳入函數名；
.removeEventListener("click",函數名);
.detachEvent("onclick",函數名);
1、聲明一個匿名函數，直接賦給某個事件；
window.onload=function(){}
2、使用函數運算式，聲明匿名函數；
聲明函數運算式：var func = function(){}
調用函數運算式：func()
>>> 使用匿名函數運算式，則調用語句，必須在聲明語句之後，否則報錯(對比常規函式宣告與調用區別!)
3、使用自執行函數，聲明並直接調用匿名函數；
!function(){}(); //使用任意運算子開頭，一般使用！
(function(){}()); //使用()將匿名函數及之後的括弧包裹
(function(){})(); //使用()只包裹匿名函數運算式
>>>>>三種寫法特點：
① 結構清晰，開頭加！，結尾加().不容易亂，推薦使用；
② 可以表明匿名函數與之後的()為一個整體，推薦使用；
③ 無法表明函數與之後()為一個整體，不推薦使用。
| 五、媒體查詢@media/@import的使用方式 |
1、直接在CSS檔案中使用
@media 類型and（條件1）and（條件2）{
標籤 {css樣式}
}
2、使用import匯入
@import url（"css/02-css.css"） all and (max-width:980px)
3.使用link連結，media屬性用於設定查詢方式：
<link rel="stylesheet" href="css/02-css.css" media="all and （max-width：980px）"/>
JS的三種使用方式/CSS的三種使用方式/JS中的DOM事件模型/JS中匿名函數的書寫及調用/媒體查詢@media的三種使用方式
