JavaScript的物件、方法与参数.ppt

* * * * Dreamweaver CS3 與PHP5 MySQL資料庫網站實作 Chapter 07、程式語言二部曲-JavaScript 章節大崗 認識JavaScript JavaScript的語法 JavaScript的物件、方法與參數 JavaScript的變數 實例學JavaScript—請參考課本第七章節 認識JavaScript JavaScript是一種能夠讓網頁增加動態效果的程式語言，普遍被用來製作網站的歡迎訊息、具特效的跑馬燈與功能選單…等。透過這些特效能夠吸引訪客的注意力，對於想進階成為網站應用程式設計師的你，絕對不可以略過此門課程。 JavaScript是由NetScape網景公司與Sun公司以可以提高網頁處理能力的LiveScript為基礎所開發的Script語言，現階段都能夠正常的在新版本的IE瀏覽器和部份的Mozilla瀏覽器上執行。 認識JavaScript JavaScript 不等於 JAVA JavaScript 必須編寫在HTML 文件之中，直接查看網頁的原始碼就可以看到 JavaScript 的程式碼，因為JavaScript不需要經過編譯處理只要透過瀏覽器就能夠直接執行，故並不受到保護，任何的人都可以透過HTML文件複製程式碼進行修改。 而Java應用在網頁的程式稱為Java Applet，其是透過HTML語法載入Java Applet程式，故是與HTML分開的，而Java Applet在被使用之前，亦先經過編譯處理，故無法透過HTML看見程式碼。 相較之下，Java較JavaScript要來得安全，但是，對於網頁內容的控制和互動性方面，JavaScript則算是最方便好用的。 JavaScript的語法 撰寫JavaScript時，只要在HTML檔案的標籤中註明某個段落為JavaScript的程式碼，並且在標籤內撰寫JavaScript程式碼。 JavaScript的標籤 若要在某個HTML網頁加入JavaScript的程式碼，則只要在網頁的頁面HTML語法之中插入… 當然，也可以這樣寫… JavaScript的語法 那麼JavaScript的標籤要寫在HTML語法的那個部位呢？若曾經學習過HTML網頁設計就曉得HTML的基本語法架構為… 則可以將JavaScript程式碼插入在HEAD和/HEAD之間或者插入在BODY和/BODY之間，不同的插入位置亦有不同的效果呈現。 插入在HEAD和/HEAD之間 若希望所編寫的JavaScript程式碼產生的效果能夠在載入網頁內容之前就先被載入，則可以將JavaScript程式碼插入在這個段落裡，例如：希望載入網頁內容之前就先顯示一個歡迎光臨的訊息視窗。 範例程式碼請參閱課本第七章。 插入在BODY和/BODY之間 大部份的JavaScript程式碼都是寫在這個區域，可以依需求插入一個以上的script language=”JavaScript” … 你的JavaScript程式碼內容 … /script程式碼在這個區域裡。 JavaScript的註解-單行註解 寫程式的過程養成寫註解是個良好的習慣，不僅方便自己日後維護曾經寫過的程式碼，更能夠在某天要交接程式碼給其它同仁時，能夠讓別人很快的知道你的程式在寫什麼？ 當你的註解說明只有一行的時候，可以直接在註解說明文字的前端加上「//」當瀏覽器以JavaScript解讀JavaScript程式碼的過程，當讀取到以「//」開頭的字串時，就會自動忽略並繼續執行下一行程式碼。 JavaScript的註解-單行註解 (範例) JavaScript的註解-多行註解 當你的註解超過一行以上，則可以使用「/*」和「*/」包住要說明的文字內容，相同的當程式。 JavaScript的畫面輸出 編寫HTML網頁要輸出一段文字很簡單，不需要任何的語法，只要直接輸入要顯示的文字內容即可。但是，若要在一段JavaScript程式碼裡顯示一段文字，則必須透過 「document.write(“…要顯示的文字內容…”); 」來輸入想要呈現於瀏覽器畫面的文字內容。 JavaScript的區隔符號 和PHP程式語言一樣，每一行的程式敘述到一個段落時，都是以「;」為程式碼的區隔符號。在JavaScript程式中，某段敘述就算有換行，但是只要在這段敘述裡沒有「;」做區隔，則都算是一行程式碼。 當沒有正確的為程式碼加上區隔符號，則程式在被瀏覽器執行時，就會發生錯誤… JavaScript的型態-字串 JavaScript能處理包括「字串」、「數值」與「邏輯值」其分別： 字串 經由雙引號「”」或單引號「’」所包圍住的文字或數字就稱為「字串」，例如：”鑫智數位資訊團隊”、”02