function initcatalog(){ /* 重新認識 JavaScript 松崗出版社 ISBN: /6 / var Chap1=new 觀念篇 (); / 摘要事情要由重新認識 JavaScript 開始談起!JavaScript 和瀏覽

Size: px

Start display at page:

Download "function initcatalog(){ /* 重新認識 JavaScript 松崗出版社 ISBN: /6 */ var Chap1=new 觀念篇 (); /* 摘要事情要由重新認識 JavaScript 開始談起!JavaScript 和瀏覽"

煜昝
5 years ago
Views:

1 function initcatalog(){ /* 重新認識 JavaScript 松崗出版社 ISBN: /6 */ var Chap1=new 觀念篇 (); /* 摘要事情要由重新認識 JavaScript 開始談起!JavaScript 和瀏覽器 DOM 之間糾纏已久的關聯, 讓許多人在學習過程中, 產生混淆與不明確性本章, 以不同角度, 細說從頭, 為學習 JavaScript 作好準備 */ alert("javascript- 全球被誤解最深的語言 "); 關於本書內容編排方式!important 務必閱讀如何閱讀本書!important 重新認識 JavaScript JavaScript 不等於 JScrip JavaScript 不等於 Java JavaScript 難? 不難? 瀏覽器才是 JavaScript 活躍的主要舞台何謂標準為什麼有不相容問題

2 1.3 JavaScript 的物件導向特色什麼是物件導向使用物件導向的好處重複使用延伸繼承 1.4 什麼是 DOM 為什麼要使用 DOM DOM 的基礎 : 網頁的組成 JavaScript 不等於 DOM 什麼是 XML DOM XML 的組成 JavaScript 不等於 XML DOM 什麼是 AJAX JavaScript 與 XML 技術完美結合的產品

3 this.chap2=" 技術篇 "; /* 摘要 JavaScript 的使用方法基本語法核心物件等這些基本功力的建構, 並有練習題, 進行學習成效檢測 */ 語法測試區的使用方法 JavaScript 的使用方法網頁結構使用 <script> 標籤讀入外部 JavaScript 檔案在事件發生時直接指定 JavaScript 基本語法行的定義區分大小寫引號的規範自定變數 JavaScript 保留字 JavaScript 特殊字元 \ \f \n \r \t \o#### \x####

4 %## JavaScript 常數 JavaScript 運算子數學運算子 * / % 指定運算子 = = = *= /= %= 比較運算子 == === != > >= < <= 邏輯運算子 && !

5 2.7 JavaScript 陳述語法註解語法 // 或 /*...*/ 迴路語法 while 及 do...while for for...in break continue 條件語法 switch ? 例外處理 try..catch 其他 This Var With JavaScript 函式內建函式 escape() 與 unescape() eval() isfinite() isnan() parsefloat() parseint() 自訂函式

6 自訂函式的格式 Typeof Return JavaScript 核心物件日期物件 Date 什麼是 GMT 什麼是 UTC new Date() tolocalestring() var chap292=new Array(" 陣列物件 Array"); concat() join() pop() push() reverse() shift() slice() sort() splice() tostring() unshift() array 方法總結數學物件 Math ceil() floor() random() round() 字串物件 String indexof() lastindexof() replace()

7 split() substr() substring() tolowercase() / touppercase() JavaScript 正規表示法 (RegExp) test() exec() match() 與 replace() JavaScript 的 Cookie 處理 onclick="javascript 事件 (Event)"; onabort onblur onchange onclick ondblclick onfocus onkeydown onkeypress onkeyup onload onmouseout onmouseover onreset onresize onselect onsubmit onunload JavaScript 的偵錯方式 FireFox : JavaScript Debugger Microsoft Script Debugger

var Chap3={"name":" 進階觀念篇 "}; /* 摘要開始要接觸 DOM 了, 不過仍然要仔細區分 DOM 的學習步驟, 本章由頂層物件 window 開始, 逐步逐步剖析子物件 [DOM.tif] */ 3.1 prompt(" 先談陣列 ");...3-2 物件資料集 (Object as Data)...3-6 應用到 HTML 文件中...3-9 3.

8 var Chap3={"name":" 進階觀念篇 "}; /* 摘要開始要接觸 DOM 了, 不過仍然要仔細區分 DOM 的學習步驟, 本章由頂層物件 window 開始, 逐步逐步剖析子物件 [DOM.tif] */ 3.1 prompt(" 先談陣列 "); 物件資料集 (Object as Data) 應用到 HTML 文件中 HTML 才是 DOM 源頭徹底解析 HTML DOM 結構 getelementbyid() 解構 window 物件 Opener Parent Top innerheight 與 innerwidth length name screenleft 與 screentop status window 屬性總結

9 window 的方法 alert() blur() clearinterval() cleartimeout() close() confirm() focus() moveby() moveto() open() print() prompt() resizeby() resizeto() scrollby() scrollto() setinterval() settimeout() window 方法總結 showmodaldialog() navigator 物件 appname appversion language useragent javaenabled() navigator 物件總結 screen 物件 availheight 與 availwidth height 與 width left 與 top screen 物件總結 history 物件

10 length back() forward() go() location 物件 Search reload() replace() location 物件總結 frames 物件 frameset 和 iframe 的差異 document.title=" 解構 document 物件 "; /* 摘要 document 是 DOM 中最複雜的物件, 有必要獨立出來好好剖析一番, 舉凡想要進行圖層控制滑鼠控制鍵盤控制 CSS 樣式控制等等, 全部都在 document 物件中 */ cookie domain lastmodified title URL close() getelementbyid() getelementsbyname() getelementsbytagname() open() write()

11 writeln() document 子物件集合 anchors 物件集合 embeds 物件集合 forms 物件集合 this 保留字 action elements encoding method name target reset() submit() 各式表單元件說明 input type="text hidden password textarea"3-104 input type="radio" input type="checkbox" select input type="button reset submit" images 物件集合 links 物件集合 plugins 物件集合 // 再談 document.getelementbyid 表格相關表格屬性及方法的使用 CSS 樣式相關 CSS 樣式背景相關 CSS 樣式邊框相關 CSS 樣式邊界與留白相關

12 CSS 樣式版面相關 CSS 樣式清單相關 CSS 樣式區塊定位相關 CSS 樣式列印相關 CSS 樣式表格相關 CSS 樣式文字相關 document 事件 HTML DOM 總結當 HTML 遇上 JavaScript DOM 成了主角 XML 結構化文件觀念總匯整 3.7 完整的 DOM 概念節點彈性調整 DOM 的種類 XML DOM 的屬性及方法 /* 摘要 XML 雖然複雜, 但應用到網頁中, 只要擷取資料結構菁華, 就能和網頁進行完美搭配當進行到這裡,HTML 和 XML 就只是變成具有結構化的資料格式而已, 重點是觀念, 如何自由在各式標籤中游走進行標籤控制 */ document.createchapter(" 節點的概念 ");!important XML DOM 屬性

13 childnodes firstchild lastchild nextsibling nodename nodetype nodevalue parentnode previoussibling XML DOM 方法 appendchild() createelement() createtextnode() getattribute() getelementbyid() getelementsbyname() getelementsbytagname() haschildnodes() insertbefore() removeattribute() removechild() replacechild() setattribute() var xmlhttp=new XMLHttpRequest 物件 (); XMLHttpRequest 的屬性 onreadystatechange readystate responsetext responsexml status statustext XMLHttpRequest 的方法

14 abort() getallresponseheaders() getresponseheader() open() send() setrequestheader() ECMA 標準與 Scripts

15 Chap4.prototype. 應用篇 =function(){ /* 摘要不同主題, 不同範例, 包含所有先前學習的應用, 以十個主題, 十餘個範例, 將具實用的具技巧性的範例分享討論 */ this.exp4.1="javascript 自訂物件類別 "; this.exp4.2="javascript 的滑鼠應用 "; this.exp4.3.javascript 的視窗處理 =function(){ } 模擬 showmodaldialog() 簡易 Lighting Box 設計 this.exp4.4.javascript 的文件處理 =function(){ } CSS 樣式表切換器修飾標籤美化 textarea 程式碼 this.exp4.5."javascript 的表格處理 "; this.exp4.6.javascript 的表單處理 =fucntion(){ } 日期防呆設計自動加總限定輸入格式特定篩選及自動完成

16 this.exp4.7."javascript 的影像處理 "; this.exp4.8.javascript 的圖層處理 =function(){ } 基本圖層處理滑動側欄 this.exp4.9.javascript 的 CSS 處理 =function(){ } 動態載入 CSS 樣式表分頁功能 this.exp4.10.javascript 與 AJAX=function(){ } } 定時備份回復備份資料 autocomplete 解析 XML 檔案

17 var appendix=[]; // 附錄 appendix[0]="css 與 JavaScript 屬性對照表 "; appendix[1]="xhtml 撰寫規範 "; appendix[2]="html 標籤速查 "; } window.onload=initcatalog;

PowerPoint 演示文稿

PowerPoint 演示文稿按钮对象 (button) 当 JavaScript 读到标记中的 type 属性值为 button 时, 自动建立一个按钮对象, 并将该对象放到表单对象的 elements 数组当中按钮对象包括 : 普通按钮 (button) 提交按钮 (submit) 重置按钮 (reset) 1. 使用按钮对象的格式 document.forms[ 索引值 ].elements[ 索引值

function initcatalog(){ /* 重新認識 JavaScript 松崗出版社 ISBN: /6 */ var Chap1=new 觀念篇 (); /* 摘要 事情要由重新認識 JavaScript 開始談起!JavaScript 和瀏 覽

function initcatalog(){ /* 重新認識 JavaScript 松崗出版社 ISBN: /6 / var Chap1=new 觀念篇 (); / 摘要事情要由重新認識 JavaScript 開始談起!JavaScript 和瀏覽