1. 程式人生 > >JS學習記錄------JS基本指令

JS學習記錄------JS基本指令

對未來的恐慌,和想成為一名自由開發的夢想。讓我覺得應該點亮一個新的技能: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開發的初學者,而且全靠自學,如果在部落格內容中出現了過時的標籤和屬性。希望大家不吝指點。本人不勝感激。