撰寫第一個 JavaScript 程式碼，以網頁做為範例

如果你有寫過 CSS 語法，那對於 JavaScript 的寫法應該很容易得心應手，因為配置有點類似，不過這並不是重點，以下這篇將以網頁的方式做一個簡單的 JavaScript 範例給各位看，撰寫 JavaScript 有三個簡單的步驟，第一步驟是宣告，也就是告訴瀏覽器你寫的這段程式碼是屬於 JavaScript 語法，這樣瀏覽器才會正確執行，而不是把你寫的程式碼當成一般字串顯示出來，第二步驟當然就是寫程式碼啦！第三步驟就是測試，在寫這類 Script 通常都是邊寫邊測試，有問題馬上修改，避免寫了一大串才開始除錯，那就累了。

現在就開始來寫第一個 JavaScript 程式碼，請先開啟記事本或是 Notepade++ 程式碼編輯器，將以下程式碼複製到你的記事本或編輯器中，並另存新檔為 test.html，最後用瀏覽器開啟這個 test.html 檔案測試。

順利的話應該可以看到網頁中顯示「歡迎光臨」的文字，如果出現亂碼則表示網頁邊碼有問題，請將程式碼中「歡迎光臨」這幾個字改成英文字母或數字，重新測試一次應該就可以正常顯示你寫的內容，關於編碼的問題稍微複雜，需要另外的篇幅才能做介紹，這裡就先不多寫，先專注於這個範例的了解吧！

這段程式碼中 HTML 的部分比較單純（如果不懂 HTML 語法請先參考此篇：撰寫第一個 HTML 網頁範例），重點在於 <script type="text/JavaScript"> 與 </script> 間是用來放你的 JavaScript 語法，瀏覽器看到這段 Script 標籤的宣告，就知道要執行其中的 JavaScript 語法，如果你沒有這樣的宣告，JavaScript 可能就不會正確執行囉！

推薦給您的相關主題