function initcatalog(){ /* 重新認識 JavaScript 松崗出版社 ISBN:978-986-204-229-8 2008/6 */ var Chap1=new 觀念篇 (); /* 摘要 事情要由重新認識 JavaScript 開始談起!JavaScript 和瀏 覽器 DOM 之間糾纏已久的關聯, 讓許多人在學習過程中, 產生混淆與不明確性 本章, 以不同角度, 細說從頭, 為學習 JavaScript 作好準備 */ alert("javascript- 全球被誤解最深的語言 ");...1-2 1.1 關於本書內容...1-5 1.1.1 編排方式!important...1-5 務必閱讀 1.1.2 如何閱讀本書!important...1-5 1.2 重新認識 JavaScript...1-6 1.2.1 JavaScript 不等於 JScrip...1-8 1.2.2 JavaScript 不等於 Java...1-9 1.2.3 JavaScript 難? 不難?...1-10 1.2.4 瀏覽器才是 JavaScript 活躍的主要舞台...1-11 1.2.5 何謂標準...1-13 1.2.6 為什麼有不相容問題...1-15
1.3 JavaScript 的物件導向特色...1-17 1.3.1 什麼是物件導向...1-17 1.3.2 使用物件導向的好處...1-20 重複使用延伸繼承 1.4 什麼是 DOM...1-24 1.4.1 為什麼要使用 DOM...1-24 1.4.2 DOM 的基礎 : 網頁的組成...1-25 1.4.3 JavaScript 不等於 DOM...1-28 1.5 什麼是 XML DOM...1-28 1.5.1 XML 的組成...1-29 1.5.2 JavaScript 不等於 XML DOM...1-30 1.6 什麼是 AJAX...1-30 JavaScript 與 XML 技術完美結合的產品...1-31
this.chap2=" 技術篇 "; /* 摘要 JavaScript 的使用方法 基本語法 核心物件等這些基本功力的建構, 並有練習題, 進行學習成效檢測 */ 語法測試區的使用方法...2-2 2.1 JavaScript 的使用方法...2-5 網頁結構...2-6 使用 <script> 標籤...2-7 讀入外部 JavaScript 檔案...2-8 在事件發生時直接指定...2-11 2.2 JavaScript 基本語法...2-12 行的定義...2-12 區分大小寫...2-12 引號的規範...2-12 自定變數...2-13 2.3 JavaScript 保留字...2-14 2.4 JavaScript 特殊字元...2-15 \...2-15 \f...2-15 \n...2-15 \r...2-15 \t...2-15 \o####...2-15 \x####...2-15
%##...2-15 2.5 JavaScript 常數...2-16 2.6 JavaScript 運算子...2-16 2.6.1 數學運算子 +...2-16 -...2-17 *...2-17 /...2-18 %...2-18 ++...2-19...2-19 2.6.2 指定運算子 =...2-20 +=...2-20 -=...2-20 *=...2-21 /=...2-21 %=...2-22 2.6.3 比較運算子 ==...2-22 ===...2-22!=...2-23 >...2-23 >=...2-24 <...2-24 <=...2-25 2.6.4 邏輯運算子 &&...2-25...2-26!...2-26
2.7 JavaScript 陳述語法 2.7.1 註解語法 // 或 /*...*/...2-27 2.7.2 迴路語法 while 及 do...while...2-27 for...2-29 for...in...2-31 break...2-32 continue...2-33 2.7.3 條件語法 switch...2-35?...2-37 2.7.4 例外處理 try..catch...2-38 2.7.5 其他 This...2-42 Var...2-44 With...2-46 2.8 JavaScript 函式 2.8.1. 內建函式 escape() 與 unescape()...2-47 eval()...2-47 isfinite()...2-49 isnan()...2-49 parsefloat()...2-49 parseint()...2-50 2.8.2 自訂函式
自訂函式的格式...2-52 Typeof...2-53 Return...2-54 2.9 JavaScript 核心物件 2.9.1 日期物件 Date 什麼是 GMT...2-57 什麼是 UTC...2-58 new Date()...2-58 tolocalestring()...2-59 2.9.2 var chap292=new Array(" 陣列物件 Array"); concat()...2-61 join()...2-62 pop()...2-63 push()...2-64 reverse()...2-64 shift()...2-65 slice()...2-66 sort()...2-67 splice()...2-67 tostring()...2-68 unshift()...2-69 array 方法總結...2-69 2.9.3 數學物件 Math ceil()...2-73 floor()...2-73 random()...2-74 round()...2-74 2.9.4 字串物件 String indexof()...2-76 lastindexof()...2-78 replace()...2-80
split()...2-83 substr()...2-84 substring()...2-86 tolowercase() / touppercase()...2-87 2.10 JavaScript 正規表示法 (RegExp)...2-87 test() exec() match() 與 replace()...2-95 2.11 JavaScript 的 Cookie 處理...2-96 2.12 onclick="javascript 事件 (Event)";...2-100 onabort...2-103 onblur...2-103 onchange...2-105 onclick...2-106 ondblclick...2-108 onfocus...2-109 onkeydown...2-110 onkeypress...2-111 onkeyup...2-113 onload...2-114 onmouseout...2-115 onmouseover...2-116 onreset...2-117 onresize...2-118 onselect...2-119 onsubmit...2-119 onunload...2-121 2.13 JavaScript 的偵錯方式...2-122 FireFox : JavaScript Debugger...2-122 Microsoft Script Debugger...2-125 2.14...2-126
var Chap3={"name":" 進階觀念篇 "}; /* 摘要 開始要接觸 DOM 了, 不過 仍然要仔細區分 DOM 的 學習步驟, 本章由頂層物件 window 開始, 逐步逐步剖析子物件 [DOM.tif] */ 3.1 prompt(" 先談陣列 ");...3-2 物件資料集 (Object as Data)...3-6 應用到 HTML 文件中...3-9 3.2 HTML 才是 DOM 源頭...3-11 3.3 徹底解析 HTML DOM 結構...3-13 getelementbyid()...3-16 3.4 解構 window 物件...3-17 Opener...3-21 Parent...3-22 Top...3-23 innerheight 與 innerwidth...3-24 length...3-25 name...3-26 screenleft 與 screentop...3-26 status...3-27 window 屬性總結...3-28
window 的方法...3-28 alert()...3-29 blur()...3-31 clearinterval()...3-32 cleartimeout()...3-32 close()...3-32 confirm()...3-33 focus()...3-34 moveby()...3-35 moveto()...3-36 open()...3-36 print()...3-40 prompt()...3-42 resizeby()...3-44 resizeto()...3-45 scrollby()...3-45 scrollto()...3-46 setinterval()...3-47 settimeout()...3-50 window 方法總結...3-54 showmodaldialog()...3-54 3.4.1 navigator 物件...3-55 appname...3-56 appversion...3-57 language...3-58 useragent...3-58 javaenabled()...3-60 navigator 物件總結...3-61 3.4.2 screen 物件...3-62 availheight 與 availwidth...3-64 height 與 width...3-64 left 與 top...3-64 screen 物件總結...3-65 3.4.3 history 物件...3-66
length...3-67 back()...3-67 forward()...3-67 go()...3-67 3.4.4 location 物件...3-67 Search...3-68 reload()...3-71 replace()...3-72 location 物件總結...3-73 3.4.5 frames 物件...3-73 frameset 和 iframe 的差異...3-74 3.5 document.title=" 解構 document 物件 ";...3-79 /* 摘要 document 是 DOM 中最複雜的物件, 有必要獨立出來好好剖析一番, 舉凡想要進行圖層控制 滑鼠控制 鍵盤控制 CSS 樣式控制等等, 全部都在 document 物件中 */ cookie...3-79 domain...3-79 lastmodified...3-79 title...3-80 URL...3-80 close()...3-81 getelementbyid()...3-81 getelementsbyname()...3-84 getelementsbytagname()...3-85 open()...3-87 write()...3-87
writeln()...3-88 document 子物件集合...3-88 3.5.1 anchors 物件集合...3-89 3.5.2 embeds 物件集合...3-90 3.5.3 forms 物件集合...3-91 this 保留字...3-94 action...3-96 elements...3-97 encoding...3-100 method...3-101 name...3-102 target...3-103 reset()...3-103 submit()...3-103 3.5.4 各式表單元件說明...3-104 input type="text hidden password textarea"3-104 input type="radio"...3-111 input type="checkbox"...3-115 select...3-118 input type="button reset submit"...3-122 3.5.5 images 物件集合...3-123 3.5.6 links 物件集合...3-127 3.5.7 plugins 物件集合...3-128 3.5.8 // 再談 document.getelementbyid...3-129 表格相關...3-134 表格屬性及方法的使用...3-138 CSS 樣式相關...3-142 CSS 樣式背景相關...3-146 CSS 樣式邊框相關...3-146 CSS 樣式邊界與留白相關...3-147
CSS 樣式版面相關...3-147 CSS 樣式清單相關...3-148 CSS 樣式區塊定位相關...3-148 CSS 樣式列印相關...3-149 CSS 樣式表格相關...3-149 CSS 樣式文字相關...3-149 3.5.9 document 事件...3-150 3.6 HTML DOM 總結...3-157 當 HTML 遇上 JavaScript...3-158 DOM 成了主角...3-159 XML 結構化文件...3-159 觀念總匯整 3.7 完整的 DOM 概念...3-160 節點...3-161 彈性調整...3-162 DOM 的種類...3-163 3.8 XML DOM 的屬性及方法...3-163 /* 摘要 XML 雖然複雜, 但應用到網頁中, 只要擷取資料結構菁華, 就能和網頁進行完美搭配 當進行到這裡,HTML 和 XML 就只是變成具有結構化的資料格式而已, 重點是 觀念, 如何自由在各式標籤中游走 進行標籤控制 */ document.createchapter(" 節點的概念 ");!important 3.8.1 XML DOM 屬性...3-165
childnodes...3-165 firstchild...3-167 lastchild...3-170 nextsibling...3-171 nodename...3-173 nodetype...3-174 nodevalue...3-176 parentnode...3-178 previoussibling...3-179 3.8.2 XML DOM 方法...3-180 appendchild()...3-181 createelement()...3-184 createtextnode()...3-186 getattribute()...3-188 getelementbyid()...3-189 getelementsbyname()...3-190 getelementsbytagname()...3-191 haschildnodes()...3-192 insertbefore()...3-193 removeattribute()...3-194 removechild()...3-196 replacechild()...3-197 setattribute()...3-199 3.9 var xmlhttp=new XMLHttpRequest 物件 ();...3-201 3.9.1 XMLHttpRequest 的屬性...3-207 onreadystatechange...3-207 readystate...3-210 responsetext...3-212 responsexml...3-213 status...3-213 statustext...3-215 3.9.2 XMLHttpRequest 的方法...3-218
abort()...3-218 getallresponseheaders()...3-219 getresponseheader()...3-221 open()...3-222 send()...3-224 setrequestheader()...3-228 3.10 ECMA 標準與 Scripts...3-229 3.11...3-231
Chap4.prototype. 應用篇 =function(){ /* 摘要不同主題, 不同範例, 包含所有先前學習的應用, 以十個主題, 十餘個範例, 將具實用的 具技巧性的範例分享討論 */ this.exp4.1="javascript 自訂物件類別 ";...4-2 this.exp4.2="javascript 的滑鼠應用 ";...4-11 this.exp4.3.javascript 的視窗處理 =function(){...4-19 } 模擬 showmodaldialog()...4-19 簡易 Lighting Box 設計...4-21 this.exp4.4.javascript 的文件處理 =function(){...4-27 } CSS 樣式表切換器...4-27 修飾標籤...4-30 美化 textarea 程式碼...4-34 this.exp4.5."javascript 的表格處理 ";...4-42 this.exp4.6.javascript 的表單處理 =fucntion(){...4-52 } 日期防呆設計...4-53 自動加總...4-56 限定輸入格式...4-60 特定篩選及自動完成...4-61
this.exp4.7."javascript 的影像處理 ";...4-67 this.exp4.8.javascript 的圖層處理 =function(){...4-74 } 基本圖層處理...4-74 滑動側欄...4-78 this.exp4.9.javascript 的 CSS 處理 =function(){...4-88 } 動態載入 CSS 樣式表...4-88 分頁功能...4-91 this.exp4.10.javascript 與 AJAX=function(){...4-95 } } 定時備份...4-99 回復備份資料...4-103 autocomplete...4-109 解析 XML 檔案...4-129
var appendix=[]; // 附錄 appendix[0]="css 與 JavaScript 屬性對照表 "; appendix[1]="xhtml 撰寫規範 "; appendix[2]="html 標籤速查 "; } window.onload=initcatalog;