經過前面的學習,大家可以使用HTML與CSS製作出比較簡單的靜態網頁,但是靜態網頁所能完成的功能有限,使用JavaScript可以製作內容更加豐富的動態網頁,從此篇開始將詳細講解JavaScript的用法。
JavaScript簡介與基本使用
JavaScript是一種可以直接被瀏覽器解析的直譯式腳本語言,同樣也是一種動態類型、弱類型、基於原型的語言。JavaScript可以直接嵌入HTML文件中也可以通過外部鏈接鏈入,二者的使用方法如下所示。
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <title>JavaScript腳本引入方式</title>
6 <!--內部嵌入-->
7 <script>
8 function myFunction() {
9 document.getElementById("test").innerHTML="JS引入";
10 }
11 </script>
12 </head>
13 <body>
14 <h1>初識JS</h1>
15 <p id="test">隱藏的一句話</p>
16 <button type="button" onclick="myFunction()">點擊一下</button>
17 </body>
18 <!--外部鏈入-->
19 <script src="test.js"></script>
20 </html>
運行結果如下圖所示。
點擊【點擊一下】按鈕,顯示結果如下圖所示。