NJo Script@Google

[P] Pets - 藝廊/Gallery - 專輯特寫

2008-02-29T22:22:00.001+08:00

[P] Pets - 藝廊/Gallery - 巧克力貴賓犬/Poodle

2008-02-29T22:20:00.002+08:00

[P] Pets - 藝廊/Gallery - 德國臘腸狗/Dachshund

2008-02-29T22:19:00.001+08:00

[P] Pets - 藝廊/Gallery - 哈爾濱獵犬/Hound

2008-02-29T22:18:00.001+08:00

[P] Pets - 雪納瑞/Schnauzer - 家族特寫

2008-02-29T22:09:00.001+08:00

[P] Pets - 雪納瑞/Schnauzer - 妹妹

2008-02-28T17:31:00.001+08:00

[P] Pets - 雪納瑞/Schnauzer - 姐姐

2008-02-28T17:30:00.001+08:00

[P] Pets - 雪納瑞/Schnauzer - 媽媽

2008-02-28T17:28:00.001+08:00

[P] Pets - 頻道/Channel - 視訊專輯

2008-02-20T02:30:00.021+08:00

[F] JavaScript - blogcatalog

2008-02-16T03:11:00.001+08:00

[S] JavaScript - StrongD.net

2008-02-16T03:00:00.001+08:00

[F] Gadget - 倫倫3號/Beta-Log

2008-02-15T06:49:00.001+08:00

[B] Web2.0 - 圖書館觀點/Library Views

2008-02-15T04:30:00.001+08:00

[B] Web2.0 - Odds@Blog

2008-02-15T04:14:00.001+08:00

[F] Web2.0 - 我的網頁設計/MyWebDesign

2008-02-15T03:07:00.001+08:00

[G] Gadget - 字典/Dictionary - CDICT

2008-02-14T11:35:00.001+08:00

[G] Gadget - 字典/Dictionary - Yahoo!奇摩真人發音

2008-02-14T11:27:00.001+08:00

[G] Gadget - 電子郵件/GMail

2008-02-14T11:21:00.001+08:00

[G] Gadget - 電子郵件/YahooMail

2008-02-14T11:16:00.001+08:00

[G] Gadget - 天氣/Weather - 中央氣象局

2008-02-14T11:11:00.002+08:00

[G] Gadget - 網上論壇/Google Groups

2008-02-14T10:43:00.002+08:00

[G] Gadget - Google 服務/Services

2008-02-14T10:17:00.001+08:00

[H] Bravenet - Tips and Tricks

2008-02-14T02:30:00.001+08:00

[H] 統一發票對獎/Lottery

2008-02-14T01:56:00.001+08:00

[F] JavaScript - Chris Heilmann

2008-02-13T03:08:00.001+08:00

[F] JavaScript - Thomas Frank

2008-02-13T01:30:00.001+08:00

[F] JavaScript - 網頁製作學習誌/JaceJu

2008-02-13T01:17:00.002+08:00

[F] JavaScript - Tim Kadlec

2008-02-13T01:01:00.001+08:00

[F] JavaScript - 熱門推薦/Hot

2008-02-13T00:58:00.001+08:00

[F] 文章 & 回應/Posts & Comments

2008-02-12T17:06:00.001+08:00

[F] 問答集/Q&A

2008-02-12T16:52:00.001+08:00

[F] Web 2.0 / Web 3.0

2008-02-12T16:44:00.001+08:00

[F] Web 3.0

2008-02-12T16:32:00.001+08:00

[F] 藍芽/BlueTooth

2008-02-12T10:11:00.001+08:00

[F] 雲端運算/Cloud Computing

2008-02-12T10:03:00.001+08:00

[F] 小工具/Gadget

2008-02-12T09:54:00.001+08:00

[F] Feed - Label

2008-02-12T02:16:00.001+08:00

[F] Feed - RSS to JavaScript

2008-02-09T05:15:00.001+08:00

[F] Feed - RSS2JS

2008-02-09T02:55:00.001+08:00

[F] Feed - Feed2JS

2008-02-09T02:38:00.001+08:00

[J] JavaScript - The Script Asylum

2008-02-07T17:37:00.001+08:00

[T] Misc - ICAL and JFriends

2008-02-05T17:44:00.001+08:00

[T] Gadget - Mr.J 雜學無所不學

2008-02-04T07:36:00.001+08:00

[T] Gadget - jliao@MS的部落格

2008-02-04T06:57:00.001+08:00

[T] Gadget - 羊男實驗の咖啡館/MetaMuse

2008-02-04T06:32:00.001+08:00

[J] JavaScript - Sleepless

2008-02-03T05:56:00.001+08:00

[J] JavaScript - Tim Kadlec

2008-02-03T04:51:00.001+08:00

00 - 主目錄

2008-01-18T03:16:00.000+08:00

JavaScript的迷思/Myth of JavaScript

01 - Why JavaScript? 02 - HTML & JavaScript 03 - 物件？ 04 - window 物件 05 - 自定 window 物件的屬性與方法 06 - 自定物件 07 - 程式物件化 ※ 網頁設計指南/Tutorial of Homepage Design

07 - 程式物件化

2008-01-18T02:18:00.000+08:00

以往，您或許已開發或運用了一些來自網路的「JavaScript 程式」。但，在往後加入新的程式時，是否有「變數」或「函數」名稱重複，而導致干擾或無法正確執行的疑慮呢？是否考慮將原有「JavaScript 程式」予以「物件化」，以強化它的「區隔性」與「可攜性」！請試著產生一個網頁文件內含以下內容，打開便可看到結果。 <html><head><title></title></head><body> <script type="text/javascript"> document.title="test"; var place="document.title"; var text=eval(place); function time() { var now=new Date(), hr=now.getHours(), min=now.getMinutes(); var sec=now.getSeconds(), kind=(hr<12?"am":"pm"); hr="(hr">12?hr-12:hr); hr=(hr<=9?"0"+hr:hr); min=(min<=9?"0"+min:min); sec=(sec<=9?"0"+sec:sec); return hr+":"+min+":"+sec+" "+kind; } function draw() { var clock=text+" [ "+time()+" ]"; eval(place+"=clock;"); } setInterval("draw(); ",1000); </script> </body></html> 　　在尚未「物件化」前，您可看見網頁視窗上端的時間顯示。緊接著，請試著產生另一個網頁文件內含以下內容，打開便可看到結果。 <html><head><title></title></head><body> <script type="text/javascript"> xClock=function(where) { this.place=where; this.text=eval(where); this.time=function() { var now=new Date(), hr=now.getHours(), min=now.getMinutes(); var sec=now.getSeconds(), kind=(hr<12?"am":"pm"); hr="(hr">12?hr-12:hr); hr=(hr<=9?"0"+hr:hr); min=(min<=9?"0"+min:min); sec=(sec<=9?"0"+sec:sec); return hr+":"+min+":"+sec+" "+kind; } this.draw=function() { var clock=this.text+" [ "+this.time()+" ]"; eval(this.place+"=clock;"); } } document.title="test"; clock1=new xClock("document.title"); setInterval("clock1.draw(); ",1000); /* clock2=new xClock("window.status"); setInterval("clock2.draw(); ",1000); */ </script> </body></html> 　　在「物件化」後，您可看見三個主要部份：「物件」的建立、「子物件」的產生與「子物件」內「方法」的執行。首先，先來探討後二步驟的部份。關於「子物件」的產生部份，透過「new」運算子來啟動「xClock」物件並產生「clock1」物件，並傳入「"document.title"」參數來告知時間顯示的位置。關於「子物件」內「方法」的執行部份，以「clock1.draw();」來呼叫「clock1」子物件內「draw」方法，再搭配「window」物件的「setInterval」方法令「draw」方法每1000毫秒 (即 1 秒)執行一次。　　關於「物件」的建立部份，我們以「函數」型態建立一個「xClock」物件，內含「place」與「text」兩個「屬性」，另包含「time」與「draw」兩個「方法」。其中，「place」屬性將接收來自於「where」參數的傳入值 ("document.title"，亦即代顯示位置)，「text」屬性則將取得「where」參數傳入值之實際值 (document.title，亦即網頁中「document」物件之標題設定值，在此為 "test")。「time」方法負責傳回現在時間的顯示值，而「draw」方法則用來將時間顯示值指定至「place」屬性所指定位置。　　如果您再加入「clock2=new xClock("window.status");」與「setInterval("clock2.draw(); ",1000);」二列，即可同時在「狀態列」顯示時間了。在此，就是將「/*」與「*/」二列刪除即可；因為，「/*」與「*/」內文字僅被視為文件說明，而非可執行步驟。因此，您可發現「物件化」後的「可複製性」與「簡便性」了。

[ 上一篇/Previous | 主目錄/Directory | 下一篇/Next ]

06 - 自定物件

2008-01-18T02:17:00.000+08:00

截至目前，我們所看到的「window」物件與「document」物件都屬「內定物件」。但，我們也可針對特殊需求，「自定」所要「物件」。請試著產生一個網頁文件內含以下內容，打開便可看到結果。 <html><head><title></title></head><body> <script type="text/javascript"> xHello=function(x) { this.hi=x; this.draw=function() { document.write(this.hi); } this.hello=function() { alert(this.hi); } } hello1=new xHello("您好！"); hello1.draw(); hello2=new xHello(); hello2.hi="Hi!"; hello2.hello(); </script> </body></html> 　　簡言之，透過「自定物件」的建立，我們把一些「屬性」與「方法」包裝在一起；在需要時，再透過該「自定物件」產生「新物件」來執行個別的功能。首先，我們在此建立一個稱為「xHello」的「自定物件」，內含一個「屬性」稱為「hi」與兩個「方法」分別為「draw」與「hello」。「xHello」物件的建立方式是以「函數」型態產生；同樣地，它的兩個「方法」也是以「函數」型態產生。猶如「window」物件的「變數」與「函數」的設定；我們透過「this.」將「hi」屬性與「draw」方法、「hello」方法指定給「xHello」物件，並於稍後供「外部」呼叫。　　注意，少了「this.」將使「hi」變為「區域變數」，而「draw」與「hello」亦無法被「外部」呼叫了。在此，「this」指的是「xHello」物件「本身」；而「x」是「傳遞參數」，用來接收「外部傳入值」用。「draw」方法與「hello」方法，主要是將「物件」本身 (this) 的「hi」屬性的內容 (值) 顯示出來。「xHello」物件建立完成後，我們開始用它來產生新的「子物件」。但該注意的是，每個「子物件」的產生須以「new」運算子來建立。　　首先，以「new xHello("您好！");」來產生一個「新物件」，並命名為「hello1」；其中，透過「參數值」傳遞，將「hello1」物件的「hi」屬性「值」指定為「您好！」。緊接著，透過「hello1.draw();」來呼叫「hello1」物件中的「draw」方法。最後，以「new xHello();」產生另一個「新物件」，且命名為「hello2」，但暫不傳入任何「參數值」；緊接著，透過「hello2.hi="Hi!";」來指定「hello2」物件的「hi」屬性的「值」；再透過「hello2.hello();」來呼叫「hello2」物件中的「hello」方法。　　基本上，「hello1」物件與「hello2」物件都是透過「new」運算子從「xHello」物件產生出來的。它們擁有同樣的「屬性」與「方法」，唯獨「屬性」的「值」不同罷了。就如同一個媽媽生出的小孩們，身高即可能因基因的差異而有所不同。

[ 上一篇/Previous | 主目錄/Directory | 下一篇/Next ]

05 - 自定 window 物件的屬性與方法

2008-01-18T02:16:00.002+08:00

如果，您有撰寫「JavaScript 語法」的經驗，相信「變數」與「函數」的設定，都是您在編輯「JavaScript 語法」時經常執行的步驟。但，您有想過在設定「變數」與「函數」的同時，也為「window」物件設定了一些「自定屬性」與「自定方法」。請試著產生一個網頁文件內含以下內容，打開便可看到結果。 <html><head><title></title></head><body> <script type="text/javascript"> var hi="Hi !!"; document.write(window.hi); function hello() { alert(window.hi); } window.hello(); </script> </body></html> 　　表面上，我們剛設定了一組 hi「變數」與 hello「函數」，但卻可當成「window」物件的「屬性」與「方法」來呼叫與執行。無形間，一個「自定變數」自然被視為網頁總管「window」物件的「自定屬性」，而「自定函數」則被視為「window」物件的「自定方法」了。很有趣吧！「變數」與「函數」的設定都簡化為「window」物件的「自定屬性」與「自定方法」。整個「JavaScript 語法」就可視同為對於「物件」的控制語法了。因為，演變至今，整個電腦系統的表象，就是「物件」的管控與運用罷了。　　在這個例子裡，首先，我們透過「var hi="Hi !!";」設定了一個「變數」，但同時它也成了「window」物件的「自定屬性」。再透過「document」物件的「write」方法將它顯示出來。接著，我們透過「function hello() { alert(window.hi); }」設定了一個函數，同時成為「window」物件的「自定方法」；其中「alert」是「window」物件的「內定方法」，在這個例子也可寫為「window.alert(window.hi);」，但一般都省略「window.」寫為「alert(hi);」。　　最後，再以「window.hello();」來執行「hello」這個「window」物件的「自定方法」。注意，同樣是「物件」，「window」物件與「document」物件對於「屬性」與「方法」的呼叫與執行方式不同；「window.」可省略，但「document.」則否，而且「document」物件本身是「window」物件的一個「內定方法」。所以，除了與「window」物件相關「屬性」與「方法」外，其他「物件」對於「屬性」與「方法」的呼叫與執行在表示式上，均不可省略相關「物件」名稱。如：不可將「document.write(window.hi);」寫為「write(window.hi);」，但可寫為「document.write(hi);」。

[ 上一篇/Previous | 主目錄/Directory | 下一篇/Next ]

04 - window 物件

2008-01-18T02:16:00.001+08:00

我們已經知道，每當我們用網頁瀏覽器打開一個視窗，就會自動產生一個「window」物件；而每個「物件」都有它專屬的「屬性」與「方法」。那麼「window」物件又有哪些「屬性」與「方法」呢？請試著產生一個網頁文件內含以下內容，打開便可看到結果。 <html><head><title></title></head><body> <script type="text/javascript"> var type; document.write("「window」物件的屬性：<br>"); for (x in window) { type=eval("typeof(window."+x+")"); if (type !="function") { document.write(x+" [ "+type+" ]<br>"); } } document.write("<br>「window」物件的方法：<br>"); for (x in window) { type=eval("typeof(window."+x+")"); if (type=="function") { document.write(x+" [ "+type+" ]<br>"); } } </script> </body></html> 　　「window」物件的「方法」均以「function (函數)」型態呈現；而「屬性」則有多種型態，如：「object (物件)」、「string (文字)」、「number (數字)」、「boolean (布林值)」...等型態。注意，「window」物件的「屬性」與「方法」將隨著您使用不同的網頁瀏覽器，而有些許差異；所以，可能導致同一個網頁文件在不同的網頁瀏覽器，得到不同的結果，如：無法執行、錯誤訊息...等反應。但這都是正常的，主要因為不同網頁瀏覽器或不同版本的瀏覽器對「HTML 語法」解讀方式的支援所導致。只要在撰寫網頁時，多用幾種網頁瀏覽器測試即可；主要以 MSIE 與 Mozila 等相關系列網頁瀏覽器二大主流來測試即可。　　至於「window」物件的「屬性」與「方法」的使用細節，不妨到網路上透過搜索引擎找到一個「HTMLREF.chm」檔案，下載即可有一個深入的了解。唯一的缺陷是，「HTMLREF.chm」的內容都是英文，且主要與 MSIE 有關，部份功能在 Mozila 相關網頁瀏覽器 (如：Firefox) 無法執行。其他，亦可透過線上查詢至「微軟」的「http://msdn2.microsoft.com/en-us/library/aa155110.aspx」網址下找到相關使用說明，但這也是英文版的。　　當然，除了「window」物件以外，還有許多「內建物件」伴隨著「window」物件產生，而且剛好也都是「window」物件的「屬性」之一，這都有待您來發覺。除此之外，我們也可在「window」物件下，另行產生「自定物件」並賦予專屬的「屬性」與「方法」，以供特殊的需求與運用。而這「自定物件」才是我們稍後所要探討的主角。

[ 上一篇/Previous | 主目錄/Directory | 下一篇/Next ]

03 - 物件？

2008-01-18T02:14:00.000+08:00

有一件事必須事先與各位聲明，筆者使用的系統是 WinXP，所以這一系列的文章都是以此系統為基準的。但不論您使用的是 Windows, Linux 或 Mac 等相關的系統，它們共通的特性就是植基於「物件」這個概念上。　　那，在哪裡可以看到「物件」呢？眼前所看到的這個網頁視窗，本身就是一個「物件」。這個視窗物件在「JavaScript 語法」中用「window」表示；而每當您用網頁瀏覽器打開一個視窗，就自動產生一個「window」物件。不同的網頁視窗都有它獨立的「window」物件，互不干擾。每個網頁視窗顯示不同的網頁內容，而控制它們的就是那個別獨立的「window」物件。只要您懂得如何用「JavaScript 語法」控制「window」物件─在被打開的網頁內容加入所要的「JavaScript 語法」，您就是那個網頁視窗的掌控者。　　那，「物件」又是什麼？生活化一點來說，每個人本身就可視為一個獨立的「物件」。他具有個別的姓名、身分證字號、居家住址、長相、身高、體重、...，在「物件」的領域統稱為「屬性」(property)；也各有各的專長能力、喜好興趣、...，在「物件」的領域統稱為「方法」(method)。每個人的身體包含頭、四肢、... 等部位，在「物件」領域視同「屬性」；而個別的部位也可視為一個的「物件」。就我們的手而言，它的外型、長短、顏色、...等就是「手」物件的「屬性」；那一般用手可執行的任何動作，就可視為「手」物件的「方法」了。綜觀而言，「物件」具有靜態的「屬性」與動態的「方法」這兩個特質；而每一個「物件」也被允許擁有它個別的「子物件」群 (視同「屬性」)。各「子物件」本身就是一個「物件」，同時擁有「屬性」、「方法」二特質，以此類推。　　那，網頁視窗的「window」物件也具有「屬性」、「方法」這兩個特質嗎？答案是肯定的。其中，「status」屬性就是「window」物件的一個重要「屬性」。只要您未將網頁視窗的「狀態列」隱藏，一行「window.status="歡迎光臨!!";」的「JavaScript 語法」，就可指定網頁視窗的「狀態列」顯示內容。另外，「screen」物件也是「window」物件的專有「屬性」，透過取得「screen」物件的「width」與「height」屬性即可得知目前螢幕解析度下的螢幕「寬度」與「高度」。「resizeTo」方法是「window」物件的一個「方法」，透過執行這個「方法」，即可改變網頁視窗大小的「寬度」與「高度」。而透過執行「window」物件的「moveTo」方法，即可移動網頁視窗至指定位置。同樣的，「alert」方法也是「window」物件的一個常用「方法」。請試著產生一個網頁文件內含以下內容，打開便可看到結果。 <html><head><title></title></head><body> <script type="text/javascript"> window.status="歡迎光臨!!"; window.resizeTo(500,400); window.moveTo(100,100); window.alert("目前螢幕的寬度是 "+window.screen.width+", 高度是 "+window.screen.height+"."); </script> </body></html> 　　總之，「window」物件本身是網頁視窗的總管，而透過「JavaScript 語法」即可掌控「window」物件的外觀與行為。在實際透過「JavaScript 語法」掌控「window」物件的「屬性」與「方法」時，也可將「window.」的語法省略，其他的「物件」則不適用。例如：可將「window.screen.width」省略為「screen.width」；但若將「screen.width」省略為「width」，則令「window」物件不解您指的是什麼的「寬度」。注意，「物件」與「屬性」或「方法」間以「.」區隔；而「.」可用「的」來聯想。例如：「window.status」可在內心默念成「window 的 staus」。

[ 上一篇/Previous | 主目錄/Directory | 下一篇/Next ]

02 - HTML & JavaScript

2008-01-18T02:13:00.000+08:00

試著「檢視」本網頁的「原始檔」或「頁面原始碼」，遊歷於「HTML 語法」後，翻至「最末頁」。呈現眼前位於 <script type="text/javascript"> 與 </script> 間的文字，就是筆者曾與您提及的 JavaScript。　　雖然陌生，但它就在那，親切誠懇的服務著你我。也為本網頁展現最佳風貌，無私無悔、克盡職守的工作著。暫且「關閉」這內含「HTML 語法」的視窗或檔案。試想，您也能像本網頁般在自己的網頁內擁有自己專屬的 JavaScript 嗎？　　其實不難！就請跟著我的腳步，試做一個簡單的內含 JavaScript 指令的 HTML 檔案吧！　　01.首先，打開一個簡易的文書編輯器 (如：「附屬應用程式」中的「記事本」)；　　02.緊接著，將以下文字「拷貝」入該「文書編輯器」內； <html><head><title></title></head><body> <script type="text/javascript"> alert("Hi! 你好。"); </script> </body></html> 　　03.最後，於「檔案」功能中執行「儲存檔案」，切換至「桌面」並改變「存檔類型」為「所有檔案」，「檔名」暫定為「test.htm」後「儲存」。　　04.「關閉」這視窗或檔案後，以滑鼠於「桌面」上「test.htm」敲二下，結果就出現了。祝您測試順利！　　不賴吧！如果這是您的第一次，下次也可參考其他作者的推薦與協助，輕鬆讓您的網頁動起來，更讓自己的心靈脈動跟著活絡起來。

[ 上一篇/Previous | 主目錄/Directory | 下一篇/Next ]

01 - Why JavaScript?

2008-01-18T02:10:00.000+08:00

我們或許都注意過，在炎夏的陰涼處，慵懶的小貓恬靜地休息著，怡然自得的輕擺著尾巴。而 JavaScript 在靜謐的 HTML 語法中，也猶如那不停的尾巴，悠閒地執行您所賦予它的使命。　　您是否讚歎於網頁內容的絢爛，好奇地去「檢視」它神秘的內在，卻驚見一連串不解的答案─所謂的 HTML 語法。再細看其中，自 <script type="text/javascript"> 起至 </script> 止間的文字，也就是我們所要探討的主角─ JavaScript。　　但聽說不是還有 VBScript 與 JScript... 等不錯且好用的語法？而今天我們卻又獨鍾且專闢來討論它─ JavaScript！筆者相信，一直以來「它」在瀏覽器間，均能優雅從容地扮演著成功的角色。且在各系統間 (如：Windows, Mac 與 Linux... 等) 以堅韌不被打倒的勇士般風貌存活著。　　且不論您對「它」的了解有多深，就從現在起，讓我們一起攜手與「它」共遊。看看「它」和「HTML 語法」若即若離、藕斷絲連般的情愫，與「它」所特有的「物件」風情。就請拭目以待！

[ 上一篇/Previous | 主目錄/Directory | 下一篇/Next ]

網頁設計指南/Tutorial of Homepage Design

2008-01-02T01:41:00.000+08:00

HTML and CSS@en HTMLREF.chm@Google

[ 主目錄/Directory ]

[ 發表意見/Reply | 訪客留言/Guestbook | 問答集/Q&A | TOP ]

NJo Script@Google

[P] Pets - 藝廊/Gallery - 專輯特寫

[P] Pets - 藝廊/Gallery - 巧克力貴賓犬/Poodle

[P] Pets - 藝廊/Gallery - 德國臘腸狗/Dachshund

[P] Pets - 藝廊/Gallery - 哈爾濱獵犬/Hound

[P] Pets - 雪納瑞/Schnauzer - 家族特寫

[P] Pets - 雪納瑞/Schnauzer - 妹妹

[P] Pets - 雪納瑞/Schnauzer - 姐姐

[P] Pets - 雪納瑞/Schnauzer - 媽媽

[P] Pets - 頻道/Channel - 視訊專輯

[F] JavaScript - blogcatalog

[S] JavaScript - StrongD.net

[F] Gadget - 倫倫3號/Beta-Log

[B] Web2.0 - 圖書館觀點/Library Views

[B] Web2.0 - Odds@Blog

[F] Web2.0 - 我的網頁設計/MyWebDesign

[G] Gadget - 字典/Dictionary - CDICT

[G] Gadget - 字典/Dictionary - Yahoo!奇摩真人發音

[G] Gadget - 電子郵件/GMail

[G] Gadget - 電子郵件/YahooMail

[G] Gadget - 天氣/Weather - 中央氣象局

[G] Gadget - 網上論壇/Google Groups

[G] Gadget - Google 服務/Services

[H] Bravenet - Tips and Tricks

[H] 統一發票對獎/Lottery

[F] JavaScript - Chris Heilmann

[F] JavaScript - Thomas Frank

[F] JavaScript - 網頁製作學習誌/JaceJu

[F] JavaScript - Tim Kadlec

[F] JavaScript - 熱門推薦/Hot

[F] 文章 & 回應/Posts & Comments

[F] 問答集/Q&A

[F] Web 2.0 / Web 3.0

[F] Web 3.0

[F] 藍芽/BlueTooth

[F] 雲端運算/Cloud Computing

[F] 小工具/Gadget

[F] Feed - Label

[F] Feed - RSS to JavaScript

[F] Feed - RSS2JS

[F] Feed - Feed2JS

[J] JavaScript - The Script Asylum

[T] Misc - ICAL and JFriends

[T] Gadget - Mr.J 雜學 無所不學

[T] Gadget - jliao@MS的部落格

[T] Gadget - 羊男實驗の咖啡館/MetaMuse

[J] JavaScript - Sleepless

[J] JavaScript - Tim Kadlec

00 - 主目錄

07 - 程式物件化

06 - 自定物件

05 - 自定 window 物件的屬性與方法

04 - window 物件

03 - 物件？

02 - HTML & JavaScript

01 - Why JavaScript?

網頁設計指南/Tutorial of Homepage Design

[T] Gadget - Mr.J 雜學無所不學