Java Script -3.ppt

Java Script -3 課程大綱 第三週 寫在外部檔案區的JS DOM (Document Object Model) Window Document Form Cookie 建立 有效期 刪除 寫在外部檔案區的JS In HTML script src=“ChangePic.js/script a=AAA(); ChangePic.js !-- function AAA() { return p; } //-- DOM (Document Object Model) Document Object Model (文件物件模型) 瀏覽器載入網頁時，就會根據網頁的內容來建立相關的文件物件模型 DOM. DOM是階層式的物件模型，有網頁的各種物件的性質和方法. 用以產生動態網頁 Dynamical HTML. DOM (Document Object Model) DOM使用法 物件都有其相對應的Method(方法)與Property(屬性) objectNpertyName objectName[propertyName] DOM使用法-Window.status. srcipt language=“javascript” window.status=“歡迎光臨LEo小站; /script srcipt language=“javascript” window[“status”]=“歡迎光臨LEo小站; /script Document(文件)的property(屬性) document.location 網址 document.URL網址 document.lastModified 最後修改時間 document.fileModifiedDate 最後修改時間 document.fileUpdatedDate 檔案修改日期 document.fileCreatedDate 檔案產生日期 document.fileSize 檔案大小 document.bgColor 網頁背景顏色 document.fgColor 網頁前景顏色 document.linkColor 文字連結顏色 document.alinkColor 點選中的文字連結顏色 document.vlinkColor 點選後的文字連結顏色 document.defaultCharset 預設的字元集 document.cookie cookie字串值 document.referer 從哪連結而來 tocol 傳輸通訊協定 document.security 安全憑證資訊 列出所有的Property(無method) function showAllProp(obj, objName) { for (var i in obj) document.writeln(objName+.+i+=+obj[i]); } showAllProp(document, “document) Method(方法)之用法 a href=javascript:history.go(-1)前一頁/a a href=javascript:history.go(0)重新整理/a a href=javascript:history.go(+1)下一頁/a a href=javascript:window.print()列印網頁/a input type=“button” onClick=“javascript:window.moveBy(0,10)” value=“往下跑 document.body.background =“image URL”; (換背景圖) Method(方法)之用法 window.open([url],[Name],[ControlString],[keepHistory]); url：新視窗之網址 Name：新視窗名稱 ControlString：設定新視窗的寬度、高度、位置、是否顯示狀態列,工具列等功能 keepHistory：是否保留 History 資料 EX: window.open(.tw,‘NTHU,status=no,toolbar=no,width=800,height=600); Try Look Look! 請寫一個可換背景圖的程式 Cookie JavaScript 不能對使用端的硬碟做任何存取的動作. 除了餅乾（Cookie）可以存小部分有限的資料。 (Cookie是否啟動) navigator.cookieEnabled Cookie建立 document.cookie=“name=value;expires=expDate”; name=value (cookie名稱與值) ex