day02-複習JavaScript編寫注意事項 | 青訓營筆記
theme: channing-cyan highlight: a11y-light
這是我參與「第五屆青訓營 」伴學筆記創作活動的第 2 天
JavaScript編寫注意事項
script元素不能寫成單標籤
- 在外聯式引入
js文件
的時候,script標籤中不可以寫入JavaScript代碼
,並且script標籤
不能寫成單標籤
省略type屬性
在以前的代碼中,我們的script標籤會使用type=“text/javascript”
,不過現在咱們可以不用寫了,因為JavaScript
是所有現代瀏覽器以及HTML5
中默認的腳本語言
加載順序
- 作為
HTML
中的一部分,JavaScript
默認遵循HTML
文檔的加載順序,即自上而下的加載順序(這一點會在 《JavaScript高級程序設計(第4版)》 詳細講解,後續Coder Peng會持續更文) - 我們更推薦將
JavaScript代碼
和邊寫的位置放在body子元素
的最後一行
JavaScript代碼嚴格區分大小寫
這一點很多同學需要注意一下,可能以前有部分人學過Linux
,覺得大小寫比較隨意,但是在JavaScript
中,大小寫是嚴格區分的
此外,HTML元素
和CSS屬性
是不區分大小寫的
JavaScript的交互方式
我們日常學習JavaScript
的時候,最常用的調試語句為console.log
,下面Coder Peng為大家整理了在JavaScript
中一些常用的與用户交換的方式
| 交互方法 | 方法説明 | 效果查看 | | --------------- | ---------- | ------------- | | alert | 接受一個參數 | 彈窗查看 | | console.log | 接受多個參數 | 在瀏覽器控制枱查看 | | document.write | 接受多個字符串 | 在瀏覽器界面查看 | | prompt | 接受一個參數 | 在瀏覽器接受用户輸入 |
Chrome的調試工具
- 在前面的學習中,我們利用
Chrome
的調試工具來調試了HTML
、CSS
,它也可以幫助我們進行調試JavaScript
- 在接下來的學習中,當我們使用
console.log
進行調試的時候,我們可以在瀏覽器界面按下F12鍵
,打開彈出的窗口裏面的console
鍵,就能看到js代碼
打印輸出的內容
補充説明
- 如果在代碼中出現了錯誤,則瀏覽器會在
console
這一欄打印輸出錯誤的原因,方便我們去進行修改 - 如上圖所示,
console
裏面有一個>
的表示,這個表示控制枱的命令行,我們也可以在這個地方寫入js代碼
對瀏覽器進行調試(寫好之後按下Enter
就會立即執行代碼) - 如果希望編寫多行代碼,我們可以按下
shift+enter
進行換行編寫 - 在後續的學習中我們還會通過如何
debug
來進行調試,查看代碼的執行流程