前端開發者或者想要學習前端開發的朋友，應該都知道前端開發就是學習HTML，CSS和javascript。這是前端開發必不可少三種技能，HTML是結構層，搭建框架；CSS是表現層，做裝飾的；javascript是行爲層，做動態交互。可能有人要問還是Jquery，vue等，這些都是javascript的框架，只要學好javascript，這些框架也會好學的。接下來簡單介紹一下javascript。
一、javascript是什麼
javascript是一種輕量級的腳本編程語言，由WEB瀏覽器解釋和執行。常用在WEB網頁中，用來實現網頁中各種交互行爲。比如表單驗證、表單異步提交、標籤切換和單擊事件等。
javascript很容易學習，開發環境也很簡單，只需要一個文本編輯器和一個瀏覽器即可。不過想要提高開發效率，最好還是選擇一個適合自己的開發工具，一般選擇vscode編輯器。
二、準備工作
學習javascript一定要有一些HTML，CSS的基礎。vscode編輯器和chrome瀏覽器或者Firefox瀏覽器。
三、javascript歷史知識
javascript是Netscape公司與Sun公司合作開發的。在javascript出現之前，WEB瀏覽器只是一個顯示超文本文檔的簡單軟件，在javascript出現之後，網頁內容不再是枯燥的純文本了，而是增加了網頁交互。
javascript第一個版本，出現在1995年推出的Netscape Navigator2瀏覽器中，即javascript1.0版本。
在javascript1.0發佈時，Netscape Navigator主宰着瀏覽器市場，當時微軟的IE瀏覽器則是追趕者的角色。
微軟的推出IE3的時候，發佈了自己的VBScript語言，同時以JScript爲名發佈了javascript第一個版本，然後很快跟上了Netscape的步伐。
面對微軟的競爭，Netscape和Sun公司聯合了ECMA（歐洲計算機製造商協會）對javascript語言進行了標準化，於是ECMAScript語言就出現了。當然這個名字沒有流傳下來，但人們現在談論的javascript其實就是ECMAScript。
四、javascript能做什麼
1.前端開發。
隨便找到一個網頁（比如淘寶首頁），頁面上的交互行爲都是用javascript來實現的。登錄頁面裏密碼錯誤提示，註冊頁面裏填寫信息不合規範的信息提示等。登錄窗口的標籤切換。單擊某個按鈕就能出來一個窗口。
2.後端開發。
這裏指的主要是NODEJS，可以操作後端數據。
3.客戶端開發。
這種開發不常用。
五、javascript怎麼用
javascript用法有三種方式。
1.行內用法 - 不推薦使用
<button οnclick="alert('試試');"></button>
2.內嵌用法 - 不建議使用
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
</head>
<body>
<button id = 'btn'>按鈕</button>
</body>
<script>
var btn = document.getElementById('btn');
btn.onclick = function(){
alert('aaa');
}
</script>
</html>
3.外鏈用法 - 推薦使用，可以做到HTML與js分離，利於開發工作。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
</head>
<body>
<button id = 'btn'>按鈕</button>
</body>
<script src='test.js'>
</script>
</html>
簡單介紹了javascript，能讓剛開始學習的朋友有個簡單認識。其中也有一段javascript發展歷史的介紹，可以知道javascript已經發展很多年了，而且一直髮展很好，特別是進幾年javascript發展很快，變化很大，應用很廣，前景可觀，而且容易學習。希望初學者能夠多學多練多想，慢慢成長起來。
關注老徐WEB公衆號（ 老徐WEB前端開發教程 ），一起學習前端開發技術，共同進步。