HTML----從頁面結構，語義上描述頁面
CSS------從審美的角度裝飾頁面
JavaScript--從交互的角度提升頁面用戶體驗
交互：就是網頁的元素針對用戶的特定行為，產生指定的變化。就是響應事件。
一、什么是JavaScript？
（1）JavaScript 是用來實現交互的。
（2）JavaScript是純文本的，用任何的純文本編輯器都能夠編輯它（記事本，notepad++、editplus、Dw、sublime）
（3）也是網頁的一部分，隨著html的請求，JavaScript也隨之加載到本地，在本地渲染運行的JavaScript 腳本不保密，所有的代碼都可以通過查看源代碼獲取。
（4）JavaScript、PHP、ASP、JSP區別：
? ? JavaScript和PHP、ASP、JSP完全不同；
? ? ? ? ? ?JavaScript是運行在 用戶的計算機 中的是前臺的腳本；PHP、ASP、JSP是運行在服務器上的
? ? ? ? ? JavaScript的功能單一，僅僅用來開發頁面效果的；PHP等語言可以與數據庫交互、開發網站程序的
? ? ? ? 有JavaScript的網頁是靜態網頁，不是動態網頁（假如一個網頁有JavaScript花花綠綠的，他仍然是靜態網頁，所謂的動態，靜態是指：能否與數據庫產生交互）；只有PHP、ASP、JSP這些網頁，才是動態網頁。
二、開發工具sublime
打開sublime，是一個空白文檔，此時輸入“html:xt”，按住快捷鍵"Ctrl+E" 即可。
一些快捷鍵：
按CTRL+鼠標滾輪：調整字號；
輸入div*5,在按Ctrl+E：就能生成5個div盒子模型；
按鼠標中鍵（即滾輪）：可以多行編輯；
CTRL+shift+K：刪除當前行；
CTRL+shift+D：復制當前行；
CTRL+shift+上下鍵：調整當前行的位置；
CTRL+Alt+[ ：可以讓CSS格式進行轉換（單行/多行）
三、對象、屬性、標題
對象：萬物皆對象。
所謂的對象，就是一個物體，一個實體。
對象一定是有一個名字的。在JavaScript中也有很多對象，這些對象是天生存在在JavaScript里面，比如：document是一個對象，window也是一個對象。
JavaScript想調用一個對象，非常的簡單，直接打他的名字就行。
每個對象負責的事情不一樣：document負責一切和文檔相關的事情；window負責一切和瀏覽器窗口相關的事情。
執行什么事情，就要寫找準對象
所有的對象都是名詞，“美麗”“可愛”“漂亮”都不是對象。
對象是有類型的，豬八戒、孫悟空、二郎神是一類；西瓜、饅頭、蟠桃是一類
屬性：屬性是描述一個對象的。
所以一提到屬性，一定是某一個對象。比如：豬八戒這個對象，就有 年齡、性別、身高、性別等屬性；西瓜的屬性：大小、顏色、重量。
對象或多或少都有屬性，屬性的不同，對象的不同。
所有的對象都有屬性：document對象，title就是document對象的屬性，描述的是文檔的標題；window對象，location是window對象的屬性，描述的是瀏覽器當前所在的頁面URL。
如果你想更改一個對象的屬性，就要用語法：對象。屬性=“新的值”；等號表示賦值，將等號右邊的值賦予左邊。這是一個命令，是命令計算機立即執行的。等號不是表示相等，而是命令
正確的語法：document。cookie=“新的值”；（對象。屬性=“新的值”）
方法：就是一個對象能夠做的行為。比如：豬八戒有睡覺方法、打怪方法、化緣等行為。
JavaScript 中的對象，也都有一些能夠做的事情，也都有一定的方法。
比如：widow 對象就有一個alert方法。window對象能夠做alert這個事情
命令一個對象立即執行它的方法 ? 的方法：對象。睡覺（“參數”）；如：豬八戒。睡覺（“5小時”）；那豬八戒就會立即停止手上的工作，進行睡覺。
所謂的“參數”就是一定的配置這個方法的一定的數據。
用戶看不見控制臺，是為了方便調試程序，我們經常在控制臺輸出文字。我們要用的對象是 console 對象，調用它的log方法，參數就是要輸出的文字，比如：console.log（“哈哈”）
響應事件的一個能力，讓一個html元素能夠響應事件，就給這個標簽加上onclick=“自己起名（）”即可。
四、操作頁面元素
事件源：有監聽的HTML標簽，能響應事件的HTML標簽，就是事件源。
事件名：用戶的特定行為，比如 onclick。
事件的響應：就是一個個function。
事件的響應，就是function，那么編程就是編寫事件的響應。響應中，最重要的就是要想清楚被操作的對象。
第一個程序：點擊第一個盒子第二個盒子變藍；
第一個盒子為事件源，第二個盒子稱為被操作對象。
getElementById ?—— 通過Id得到元素
document.getElementById("box2").style.backgroundColor= "blue";
現在要讓盒子2變藍，所以就要讓JavaScript得到盒子2這個元素。得到元素的方法，就需要通過Ｉd得到它。
document.getElementById("")；這種命名法稱為駝峰命名法。
長的一個單詞，是由多個單詞組成的，第一個單詞的首字母小寫，之后的每一個單詞的字母都大寫。很像一個低頭吃草的駱駝。
點擊一個盒子讓另外一個盒子變色。點擊誰，誰的身上就有onclick；你要操作誰，誰就必須要有id，書寫document.getElementById("")得到它。
找準事件源，用戶點擊哪個盒子，會有事情發生，這個盒子就是事件源，它身上就有onclick屬性，
找準誰是被操作的對象，被操作的對象可能不止一個，并且事件源自己也有可能是被操作的對象，被操作的對象身上一定要有id.
第一次分享跟技術有關的文章，以后會陸續更新，歡迎小伙伴們一起交流，共同進步。
