摘要：如何在HTML文件中添加JavaScript代碼，引用獨立JS文件，和JS變量聲明、變量類型，如何對它們進行賦值、改變、計算等一系列操作，掌握不同運算符的使用方法，靈活運用算術運算符、比較運算符、邏輯運算符對變量和數值進行操作。
Web前端開發師需要掌握什么技術?也許你已經了解HTML標記(也稱為結構)，知道了CSS樣式(也稱為表示)，會使用HTML+CSS創建一個漂亮的頁面，但這還不夠，它只是靜態頁面而已。我們還需使用JavaScript增加行為，為網頁添加動態效果。
JavaScript能做什么？
- 增強頁面動態效果(如:下拉菜單、圖片輪播、信息滾動等)
- 實現頁面與用戶之間的實時、動態交互(如:用戶注冊、登陸驗證等)
JS進階篇學習什么
在JavaScript入門篇中，我們學習了如何插入JS、輸出內容及簡單的DOM操作，JavaScript進階篇進一步的了解JS的變量、數組、函數、語法、對象、事件、DOM操作，制作簡單的網頁動態效果。
在網頁中插入JS代碼，實現輸出"JS進階篇",並彈出對話框，內容為"關注JS高級篇"。
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <script type="text/javascript"> 7 document.write('js進階篇'); 8 alert('關注JS高級篇') 9 </script> 10 </head> 11 <body> 12 </body> 13 </html>
測試在html頁面中的插入JavaScript腳本，打開頁面時，在頁面中顯示一句話 : "系好安全帶,准備啟航--目標JS"，並彈出一個提示框："准備好了，起航吧！"相關要求：
- 第一步:把注釋語句注釋。
- 第二步:編寫代碼，在頁面中顯示 “系好安全帶,准備啟航--目標JS”文字；
- 第三步:編寫代碼，在頁面中彈出提示框“准備好了，起航吧！”(提示: 可以把彈框方法寫在函數里。)
- 第四步:使用引入JS外部文件的方式實現以上的任務
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title></title> 6 <!--引入外部文件的方式--> 7 <script src="" type="text/javascript"></script> 8 <script type="text/javascript"> 9 //單行注釋 10 /* 11 我是多行注釋！ 12 我需要隱藏， 13 否則會報錯哦！ 14 */ 15 //在頁面中顯示文字 16 document.write('開始學習JS基礎語法'); 17 //頁面中彈出提示框 18 alert('准備好了，起航吧！'); 19 </script> 20 </head> 21 <body> 22 </body> 23 </html>