JS學習記錄------JS基本指令
阿新 • • 發佈:2018-11-10
對未來的恐慌,和想成為一名自由開發的夢想。讓我覺得應該點亮一個新的技能:WEB前端開發。
重新學習JS以及jQuery,讓我在日常code的過程中可以更得心應手,畢竟,我愛程式碼。
這篇文章主要記錄的內容是JS相關的基本指令,只有基本內容,沒有理論分析。比較深的理論知識會在後續的文章中進行對比分析。
和HTML以及CSS一樣,JS也是一個純文字語言,不需要用新的工具來編譯,建立一個新的記事本,把記事本的格式改成js即可。
按照學習語言的慣例。從Hello world!開始。
首先,建立一個hello.js的檔案,內容如下:
var message; message = 'Hello world!'; document.write(message);
接下來,在同一個資料夾下建立一個名為hello.html的檔案,內容如下:
<!DOCTYPE html> <html> <head><title><h1>HELLO</h1></title></head> <body> <script src = "hello.js"></script> </body> </html>
通過執行html檔案,通過<script src = "hello.js"></script> 呼叫js檔案,出現message中的內容。
知識點來了:
1.js檔案是大小寫敏感的,如果在編寫的過程中出現大小寫不一致,就得不到想要的效果。可以通過直接開啟JS檔案來檢視是否有語法錯誤。
2.在瀏覽頁面的時候,右擊滑鼠,選擇“檢查原始碼”,會發現顯示的只是js檔案的路徑。如果沒有出現想要的效果,排除了語法錯誤,可以雙擊路徑,看是否是路徑描述錯誤。
3.DOCUMENT物件:document物件表示整個Web介面。write()方法可以將新內容寫入頁面呼叫<script>標籤的地方。
在頁面出現了Hello world,邁出學習js的第一步。
因為是Web開發的初學者,而且全靠自學,如果在部落格內容中出現了過時的標籤和屬性。希望大家不吝指點。本人不勝感激。