學習JavaScript的路徑可以按照以下步驟進行: 瞭解基本概念:首先學習JavaScript的基本概念,包括變數、數據類型、運算符、數組、對象、迴圈和條件語句等。可以通過閱讀相關的教材、線上課程或者參考W3Schools和MDN文檔等來學習。 學習控制DOM元素:學習如何使用JavaScript ...
前面講了前端開發必備的三種語言。其中的HTML、CSS我們基本上有了比較正確的認識。這裡講一下JavaScript。
語言 | 功能 | |
---|---|---|
結構層 | HTML | 搭建結構、放置部件、描述定義 |
樣式層 | CSS | 美化頁面、實現佈局 |
行為層 | JavaScript | 實現交互效果、數據收發、表單驗證 |
- HTML構成了基礎的骨架。
- CSS 添加了很多效果, 使得頁面更好看。
- 而JavaScript(簡稱JS)使得 頁面數據“動”了起來。也就是說使得網頁有了交互能力。
所謂的交互能力, 就是不用刷新頁面,點擊一個按鈕後,就能動態渲染使得頁面的局部做出改變。就比如 百度一下,就可以載入出很多我們想要的內容,這其中就有JS的參與。
書寫位置
-
寫在script標簽中
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=<device-width>, initial-scale=1.0" /> <title>JS書寫位置</title> </head> <body> <script> // alert 是 JS當中的彈框 alert("hello world"); </script> </body> </html>
-
寫在單獨的js文件中,通過 進行引用。
js目錄下新建 demo.js。
alert('Halou World!');
新建文件 helloworld.html,併在其引用 demo.js。
微信公眾號