|
|
|---|
|
壹、前言： ⊕JavaScript 語言是網站客服端的最佳動態利器，製作一個生動的網頁絕對不能少了他。 ⊕超文字標記語言(HyperText Markup Language)，是一種靜態的網頁，必須透過瀏覽器才能解讀。 ⊕如果您想讓網頁動起來，除了使用各種程式語言外，JavaScript 語言是最容易運用的方法之一。 ⊕對初學者而言，想輕鬆的使用網頁各式電腦語言或程式語言，的確是一件比較困難的事。 ⊕對一個不瞭解 HTML 標籤者，而又想寫一個自己喜歡的 JavaScript 語言，確實比登天還難。 ⊕所幸的是，目前網路上已有成千上萬各式各樣現成的 JavaScript 範例，讓您不用學也可以輕鬆套用。 ⊕以下就介紹大家認識 JavaScript 語言及如何套用現成的 JavaScript 語言。 ⊕本報為免費訂閱性質，如果您需要這些報導資料，歡迎 索取資料 ，我們會完整的全部燒片給您。 ⊕本站所有報導版權均為 網頁研習室 所有，提供完全免費學習，如需轉載請註明出處。 |
|
貳、認識 JavaScript 語言： 早期的網頁都是用 HTML 語法，向用戶顯示一些固定不變的資料，這都是屬於被動性的操作。 若想要讓網頁有較多的活躍變化，您就必須加上某些程式語言，如 Script (描述)語言。 Script language 是屬於使用前不需先編釋譯的程式語言，很適合網路學習，他將程式的文字直接放在網頁內。 當瀏覽器下載該網頁時，會使用一個名為 runtime machine 的程序來執行 Script 的指示，然後造就出一些動態效果。 JavaScript 前名是 Live Script，是 Netscape 的產品。 後因 Netscape 支援 JAVA(Sun Microsystems) 的產品， LiveScript 也就改名為 JavaScript。 ⊕請注意：Java 和 JavaScript 程式是完全不同的兩件事。 VBScript 是微軟的產品，操作與 JavaScript 相似，使用的是 Visual Basic 語言，可惜的是他只能在 IE 中運作。 而 JavaScript 大部份語法是可以在 IE 或 Netscape 中使用。 ⊕Script language 最大好處是他屬於客戶端程式，您可用檢視原始碼輕易取得，並只要略有語言基本觀念，就能很容易修改他了。 |
|
參、使用 JavaScript 語言的優點： ⊕使用單純，內容易懂；修改簡單，很好套用。 ⊕不需編譯，取得方便；功能齊全，運用廣大。 ⊕不用主機，也能測試；客端語言，執行快速。 |
|
肆、JavaScript 語言的基本架構： <script language="JavaScript"> <!-- 在此處寫入 Script 語言 //--> </script> JavaScript 註解： //。 JavaScript 換行： ; (分號)為換行之意。 JavaScript 字串： "文字''或'文字'使用雙引號或單引號包圍。 JavaScript 數值： -011.25可以處理16、10、8進位，小數則以"."來表示。 JavaScript 變數： 變數名稱必須要用"_"(dash)或英文字母(大小寫有別)為開端。 JavaScript 也可以使用外部鏈結方式：<script src="檔案名稱.js"></script> ⊕這個寫法及用法與CSS相同。 簡單 JavaScript 架構： 物件.屬性="值" 或 事件.方法()。 物件： 網頁中所接觸(用)到的功能幾乎全部是物件，如 document (網頁)、window (視窗)、Date (日期)....。 屬性： 物件所擁有的值，如背景色、文字顏色、疊層....等都是。 事件： 事件是 JavaScript 一種內建事件處理器。 如 OnMouseOver ，我們想當滑鼠移到鏈結上，便產生事件處理作用。 方法： 給物件下達的指令，便是方法。 其他： 屬性、方法、物件名稱、屬性名稱、方法名稱，都以" . "區格做記述。 如果沒有區別屬性名稱及方法名稱時，在指令後面加上 ( ) 的就是方法，否則就是屬性。 JavaScript 屬程式語言，如果您有興趣，可到下列國內外網站進一步取得訊息。 |
|
伍、JavaScript 語言存放位置： 在網頁中，您可以在以下幾個地方找到JavaScript語言存放位置 放置在<HEAD>...</HEAD> 之間  放置在<BODY>...</BODY> 之間 放置在<BODY ....> 內 放置在<HEAD>...</HEAD>及<BODY>...</BODY> 之間 放置在<HEAD>...</HEAD> 及 <BODY ....> 及 <BODY>...</BODY>之間 放置在<Tags ....> 之內 |
|
陸、如何套用 JavaScript 程式碼： ⊕步驟一： 平常就要養成蒐集及管理資料習慣，並徹底學會前面所教的【如何檢視原始碼】要領。 ⊕步驟二： 您務必對 HTML & JavaScrip 有相當基本認知，瞭解基本架構才能知道 JavaScript 碼是甚麼或放在何處。 ⊕步驟三： 查看原始碼的方式您應該已很熟悉，那接下來就發揮複製(Copy)及貼上(Paste)功能了。 ⊕注意：大部程式碼都不允許任意斷行，甚至於一個符號都不能有誤，請特別注意。 ⊕步驟四： 大部份程式碼可直接套用，如果您已瞭解運作原理，請逐一修改部份內容，以配合您網站需要。 ⊕步驟五： 最後便是測試效果，沒有把握請一面修改一面測試；反覆的練習，您會發現原來是如此的容易。 ⊕注意事項： 修改後，養成另存新檔習慣，如此您才不會因修改不慎，無法重來。 ⊕下面提供一些我常逛的網站給您參考，就從現在開始學習上述要領吧。 |
|
柒、國內 JavaScript 網站： ⊕以下網址蒐錄時保證一定可以連結，由於網站變動很快，如因時空此造成連結失敗，請見諒。 Javascript 基本結構 JavaScript 教學網頁語法 Javascript 基本教學 Javascript 語言教程 Javascript 程式編輯技巧 JavaScript 程式簡介 JavaScript 基礎課程 JavaScript 描述語言 JavaScript 問答集 JavaScript 下載中心 JavaScript 範例一 JavaScript 範例二 JavaScript 視窗小技巧 javascript 網頁常用小技巧 Javascript 全部導覽 Javascript 網頁特效 JavaScript 教室 JavaScript 開發工具 Jacascript 推薦網站 JavaScript Note Java e-Learning 電腦程式設計的範例程式 中央研究院計算中心 張智星 動態網頁特效 開發程式設計技巧與實例 動態網頁特效 老師不在時 網風-程式管理 麻辣學園 程式設計俱樂部 腦地方 小恐龍 JavaScript 示範 小恐龍網頁特效 真實人生 特效程式教學 爪哇島 爪哇博物館 網頁特效 網頁語法 阿盛網站 i-Web 網頁教學 數位生活與網頁設計 全部導覽 JavaScript 代碼大全 (簡體) JavaScript 語言猜參考手冊 (簡體) 網頁教學網 (簡體) 未名網頁制作 (簡體) 網頁特效演示 (簡體) |
|
玖、重要通告： ⊕免費 PcHome 空間已於95.09.29日起停止空間服務，本報導93.08.10日之前所有電子報圖檔，將無法順利瀏覽圖檔。 ⊕完整第一、二、三期電子報所有檔案資料，已遷移至 網頁研習室 主機內。 ⊕如果您想完整取得電子報內所有檔案資料，我們提供 燒錄光碟片 給您。 |
|
拾、結論與建議： ⊕本報每篇報導都花上很多時間搜集、整理及撰稿，絕對值得初學者或想徹底學會 HTML 語法網友永久保存。 ⊕本電子報 第三階段 報導資料，將繼續每隔 30 日發表一次，以嘉惠更多想學會 HTML 網友，歡迎 繼續訂閱 。 ⊕強烈建議您【學會 HTML 語法】，她真的簡單易學，懂了她您就能駕馭她，將【所見即所得】軟體當做輔助工具吧。 ⊕為因應網友要求，本報自即日起全面改為 索取教材資料 方式 ，繼續提供及服務有此需求網友。 ⊕本報導屬於完全免費性質， 索取教材資料 屬個人自由意願，而回饋給您的兩套光碟片，則是我們的誠意而已。 ⊕本報導內容或資料，因限人力、時間，非 索取教材資料包含線上指導 網友，不接受任何疑惑解答，敬請見諒。 |
|
第三階段95.10.31.發行第028期 前期：93.08.05日前電子報圖檔將無法顯示 |
|
| © 網頁研習室【電子報】李文能 主編 © |