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

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

現在就開始來寫第一個 JavaScript 程式碼,請先開啟記事本或是 Notepade++ 程式碼編輯器,將以下程式碼複製到你的記事本或編輯器中,並另存新檔為 test.html,最後用瀏覽器開啟這個 test.html 檔案測試。
<html>
 <body>
 <script type="text/JavaScript">
 <!--
 document.write("歡迎光臨")
 //-->
 </script>
 </body>
</html>
順利的話應該可以看到網頁中顯示「歡迎光臨」的文字,如果出現亂碼則表示網頁邊碼有問題,請將程式碼中「歡迎光臨」這幾個字改成英文字母或數字,重新測試一次應該就可以正常顯示你寫的內容,關於編碼的問題稍微複雜,需要另外的篇幅才能做介紹,這裡就先不多寫,先專注於這個範例的了解吧!

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

推薦給您的相關主題
© Copyright wibibi.com 網頁設計教學百科 基礎的網頁設計規劃、資料庫與程式設計 Since 2012