JavaScript--01.學習內容及其他
阿新 • • 發佈:2021-10-16
1.1 JavaScript包含了3部分:
ECMAScript
DOM
BOM
1.2 JavaScript的特點
- 解釋型語言
- 類似於C和Java的語法結構
- 動態語言
- 基於原型的面向物件
1.3 基礎語法
<!--js程式碼需要編寫到script標籤中--> <script type="text/javascript"> // 控制瀏覽器彈出一個警告框 alert("這是我的第一行JS程式碼"); // 讓計算機在頁面中輸出一個文件 原始碼裡不可見 開發者工具裡可見在body下 // document.write() 可以向body中輸出一個內容 document.write("每天只睡3小時"); // 向控制檯輸出一個內容 f12在控制檯下檢視 console.log('向控制檯輸出一個內容'); </script>
1.4 javaScript 語法從上到下依次執行
1.5 javaScript的幾種寫法
1.5.1 可以將JS程式碼編寫到標籤的onclick屬性中,當點選按鈕時,js程式碼才會執行 雖然可以寫在標籤屬性中,但是屬於結構和行為耦合,不方便維護,不推薦 <body> <button onclick="alert('彈出視窗');">點選</button> 可以將js程式碼寫在超連結的href屬性中,這樣當點選超連結時,會執行js程式碼 <a href="javascript:alert('讓你點你就點~');">你也點我一下</a> 如果想點完了在內部執行而不顯示 <a href="javascript:;">你也點我一下</a> </body> 1.5.2 可以將js程式碼寫到script標籤中 <script type="text/javascript"> 控制瀏覽器彈出一個警告框 alert("這是我的第一行JS程式碼"); 讓計算機在頁面中輸出一個文件 document.write() 可以向body中輸出一個內容 document.write("每天只睡3小時"); 向控制檯輸出一個內容 console.log('向控制檯輸出一個內容'); </script> 1.5.3 可以將js程式碼編寫到外部js檔案中,然後通過script標籤引入 a.外部js檔案命名要注意,起名javascript無法引用 b.script標籤一旦用於引入外部檔案 就不能再編寫程式碼了 即便編寫了瀏覽器也會忽略 需要建立一個新script便籤用於編寫內部程式碼 <script type="text/javascript" src="js/script.js"></script> <script type="text/javascript"> alert('我是內部的JS程式碼') </script>