JS動(dòng)態(tài)網(wǎng)頁(yè).doc

知識(shí)點(diǎn)總結(jié) 1JavasScript 動(dòng)態(tài)網(wǎng)頁(yè) 第一章JavaScript 基礎(chǔ) JS 概念 初始 JS JS 用法 編輯器的介紹 數(shù)據(jù)類(lèi)型 變量和作用域 第一章大綱 JS 語(yǔ)言基礎(chǔ) 操作符 表達(dá)式 數(shù)組 第一章知識(shí)點(diǎn)的總結(jié) JS 概念 JS 前身是 LiveScript 從 Sun 公司推出 Java 后 網(wǎng)景公司 NetsCape 引進(jìn)了 Sun 公司關(guān)于 JavaScript 的概念 將自己原有的 LiveScript 重新設(shè)計(jì) 改名為 JavaScript Js 是一種基于對(duì)象和事件驅(qū)動(dòng)并具有安全性能的腳本語(yǔ)言 有交互性 通過(guò)嵌入或調(diào)入在標(biāo)準(zhǔn)的 html 中實(shí)現(xiàn) 簡(jiǎn)單性 js 是一種解釋性語(yǔ)言 是一種腳本編寫(xiě)語(yǔ)言 它提供了一個(gè)簡(jiǎn)易的開(kāi)發(fā)過(guò)程 其結(jié)構(gòu)與 C 語(yǔ) 言 C C VB Delphi 類(lèi)似 動(dòng)態(tài)性 對(duì)于用戶的反映 是采用一事件驅(qū)動(dòng)的方式進(jìn)行的 跨平臺(tái)性 js 是依賴于瀏覽器本身 與操作環(huán)境無(wú)關(guān) 只要支持 js 的瀏覽器就可以正確的執(zhí)行 安全性 js 不允許用戶訪問(wèn)硬盤(pán) 不允許對(duì)網(wǎng)絡(luò)中的文檔進(jìn)行修改或刪除 高效性 js 是基于客戶端瀏覽器的語(yǔ)言 用戶在瀏覽中填表 驗(yàn)證的交互過(guò)程只是通過(guò)瀏覽器對(duì)掉入 html 文檔中的 javascript 源代碼進(jìn)行解釋執(zhí)行來(lái)完成的 Js 缺點(diǎn) 輕量級(jí) 不嚴(yán)格的數(shù)據(jù)類(lèi)型等 非面向?qū)ο?無(wú)法實(shí)現(xiàn)模擬現(xiàn)實(shí) 解決龐大復(fù)雜的問(wèn)題 因?yàn)椴恢С肿远x類(lèi) 封裝 繼承和多態(tài)等 區(qū)別 JavaScript java JSP 網(wǎng)景公司 NetsCape 推出的 JavaScript 基于對(duì)象的腳本語(yǔ)言 運(yùn)行在客戶端的瀏覽器上 JS 制作的是具有一定交互功能性的動(dòng)態(tài)網(wǎng)頁(yè) Java Sun 公司推出的 面向?qū)ο蟮某绦蛟O(shè)計(jì)語(yǔ)言 JSp 是以 Java 語(yǔ)法為基礎(chǔ)的 JSP 用在服務(wù)器端的程序 是用來(lái)控制交互式網(wǎng)頁(yè)的 JS 流派 微軟派 IE 瀏覽器 Netscape 公司 微軟的叫 Jscript 非微軟派 ECMA 歐洲計(jì)算機(jī)協(xié)會(huì)制造商 它以正統(tǒng)的身份與 Jscript 大戰(zhàn) JS 用法 1 寫(xiě)在 body 里 當(dāng)瀏覽器載入 body 部分時(shí)就執(zhí)行其中的 JavaScript 語(yǔ)句 執(zhí)行后輸出的內(nèi)容顯示在網(wǎng)頁(yè)中 格式有 2 種 2 寫(xiě)在 head 里 3 外部 js 文檔的調(diào)用 其格式為 body 編輯器 DW DreamWeaver 商業(yè)軟件 Ediplus 優(yōu)秀的 Aptana Js 優(yōu)點(diǎn) 知識(shí)點(diǎn)總結(jié) 2JavasScript 動(dòng)態(tài)網(wǎng)頁(yè) JavaScriptPlus http www vbsoftware cl JavaScriptEditor http www c 基本數(shù)據(jù)類(lèi)型 可用 10 進(jìn)制 常用 8 進(jìn)制 16 進(jìn)制表示 前綴加 0 表示 8 進(jìn)制整型 只包含 0 7 的數(shù)字 前綴為 0 同時(shí)包含 8 9 的數(shù)被解釋為 10 進(jìn)制 整數(shù) 正整數(shù) 負(fù)整數(shù) 0 前綴為 0 x 或 0X 表示 16 進(jìn)制整型 包含 0 9 及 A F 包括小寫(xiě) e g myvar 100 用 A F 表示 10 15 10的單個(gè)數(shù)字 e g 0 xF 15 0 x10 16 數(shù)值型 8 進(jìn)制 16 進(jìn)制可以為負(fù) 但不能為小數(shù) 不能為科學(xué)計(jì)數(shù)法 可以用科學(xué)計(jì)數(shù)法表示 E 或 e 表示 10 的次方 e g myvar 10 0 以 0 開(kāi)始且包含小數(shù)點(diǎn)的數(shù)字解釋為小數(shù)浮點(diǎn)數(shù) 實(shí)數(shù) 帶小數(shù)的部分的數(shù) 以 0 x 或 00 開(kāi)始且包含小數(shù)點(diǎn)的數(shù)將發(fā)生錯(cuò)誤 0 或 0 JavaScript 區(qū)分 0 或 0 字符型 字符 字符串 e g my var 12s 布爾型 用 true 或 false 表示 e g my var true 空值 null 變量和作用域 常量 在整個(gè)計(jì)算過(guò)程中 程序進(jìn)行數(shù)據(jù)處理 不會(huì)發(fā)生改變的量 變量 在整個(gè)計(jì)算過(guò)程中 程序進(jìn)行數(shù)據(jù)處理 可以改變的量 主要用作數(shù)據(jù)的存取容器 變量必須用字母或下劃線開(kāi)始 可由字母 數(shù)字 下劃線組成的字符串 可由字母 數(shù)字 下劃線組成的字符串 不能有空格和其他字符 且不能用不能有空格和其他字符 且不能用 JavaScriptJavaScript 的關(guān)鍵字和保留字的關(guān)鍵字和保留字 附 JavaScript 的關(guān)鍵字 Break 中斷Case 案 例 Catch 抓住 接住 Continue 繼續(xù)Debugger 調(diào)試器 調(diào)試程序Default 缺省Delete 刪除 Do 做Else 否則False 假 錯(cuò)Finally 結(jié)束Instanceof instance 事例 For 循環(huán)Function 函數(shù) If 如果New 新的In 在 里面Null 空值Return 返回Switch 如果This 這個(gè) True 真 對(duì)Try 試Typeof 類(lèi)型Var 聲明While 當(dāng) with 替代Throw 扔 投擲Void 聲明 JavaScript 的保留字 Abstract adj 抽象的 n 摘要 v 提取 Class 班 調(diào)用 Int 取整 整型 Transient adj 短暫的 Volatile 反復(fù)無(wú)常的 揮發(fā)性的 Synchronized 使同步 使 同時(shí)發(fā)生 Boolean 布爾Byte 字節(jié)Char 做Double 雙 兩 個(gè) Const 常量 常數(shù) Enum Extends 延長(zhǎng) 擴(kuò)大Final 結(jié)束最終Float 漂 浮Goto 到 去Import 進(jìn)口輸入 Implements Interface 接口 界面Package 包Export 輸出Long 渴望 極想念Native 本地 本國(guó) Throws Protected 受保護(hù)的Public 公眾公開(kāi)Short 短Static 靜態(tài)的Super 上標(biāo) 聲明變量和賦值的 4 種方法 Var a 一次聲明一個(gè)變量 Var a b c 同時(shí)聲明多個(gè)變量 中間用 隔開(kāi) Var a 2 聲明一個(gè)變量時(shí) 同時(shí)賦予一個(gè)初始值 Var a 2 b 5 同時(shí)聲明多個(gè)變量 且有初始值 之間用 隔開(kāi) 作用域 指數(shù)據(jù)的作用范圍 全局變量 在整個(gè)程序運(yùn)行期間都有效的變量 局部變量 在程序的某一段有效的變量 通常這一段叫函數(shù)體或代碼塊 block 操作符 單 雙 3 目運(yùn)算符 一目運(yùn)算 所操作的只有一個(gè)數(shù)字 Writeln 表示空格輸 出 在 alert 等淡出函 數(shù)中換行用 n 知識(shí)點(diǎn)總結(jié) 3JavasScript 動(dòng)態(tài)網(wǎng)頁(yè) 取反 取補(bǔ) 用于位運(yùn)算 遞加 1 等效表達(dá)式 a a 1 遞減 1 等效表達(dá) a a 1 3 目運(yùn)算 所操作的要有 3 個(gè)數(shù)字 格式為 e g x y z 表示如果 x 為真時(shí)執(zhí)行 y 否則執(zhí)行 z 二目運(yùn)算 所操作的要有兩個(gè)數(shù)字 表達(dá)式 常量 變量 操作符的集合 e g 3 9 數(shù)字字符 False true 布爾字符 bool boolean x 1 y 2 對(duì)象字符 hello 字符串字符 null Null 值字符 1 3 4 數(shù)組字符 Function x return x x 函數(shù)字符m j n 表達(dá)式 實(shí)例 數(shù)組 Array 需要用 new 關(guān)鍵字或函數(shù)來(lái)構(gòu)造 Array 有一個(gè)很重要的屬性 length e g var a b length e g Var fruits new Array apple banana peach 創(chuàng)建數(shù)組對(duì)象時(shí)初始化數(shù)組 Var nums new Array 4 指定數(shù)組的長(zhǎng)度 Var students new Array 創(chuàng)建空數(shù)組 簡(jiǎn)便的創(chuàng)建 e g Var nums 1 2 3 4 Var fruits apple banana peach 通過(guò)索引可以訪問(wèn)數(shù)組 nums 0 32 為數(shù)組元素賦值 names 2 zhangsan 為組添加新的元素 第一章知識(shí)點(diǎn)的總結(jié) 一個(gè)數(shù)組可以存儲(chǔ)任何類(lèi)型的數(shù)據(jù) js 的基本數(shù)據(jù)類(lèi)型有 種分別是 4 種數(shù)值型 字符型 布爾型 空值 常量 變量 三目運(yùn)算 x y z 表示 在計(jì)算過(guò)程中 不 發(fā)生變化的量 如果 x 為真則 y 否則 z 第二章JavaScript 句型 一 js 語(yǔ)句 js 程序就是所有語(yǔ)句的集合 一個(gè)語(yǔ)句包括 多個(gè)表達(dá)式 關(guān)鍵詞 運(yùn)算符 注意 多句語(yǔ)句用分號(hào) 隔開(kāi) e g var today new Date 塊 block 用于函數(shù)和條件語(yǔ)句中 里面的內(nèi)容叫做塊 注釋 comments 單行注釋 多行注釋 二 判斷語(yǔ)句 單條件 If 語(yǔ)句 解決單雙條件判斷問(wèn)題 常用的 備注 舉例 常用的 備注 舉例 不常用的 加 連接Var sum eval a eval b Abc a b c 區(qū)別 賦值運(yùn)算符 Frm a b value 給 b 賦予空值 按位或 邏輯或 5 2 1 小于 If a 大于等于 If a b 或 條件 a 條件 b 一假全假 不等于 If a b 2 章總結(jié) 判斷語(yǔ)句有 3 種 if if else 和 switch 循環(huán)語(yǔ)句有 4 種 for for in while 和 do while 其它語(yǔ)句主要有 with 對(duì)象操作語(yǔ)句 With 不用 with 語(yǔ)句 x Math cos 3 Math PI Math sin Math LN10 y Math tan 14 Math E 使用 with 語(yǔ)句 with Math x cos 3 PI sin LN10 y tan 14 E document writeln x x y y js 以及通常的程序語(yǔ)句有哪幾種結(jié)構(gòu) Key Javascript 腳本代碼是由語(yǔ)句 statements 塊 blocks 和注釋 comments 構(gòu)成 知識(shí)點(diǎn)總結(jié) 4JavasScript 動(dòng)態(tài)網(wǎng)頁(yè) 可嵌套使用 e g If 表達(dá)式 語(yǔ)句 多條件 if 表達(dá)式 If expression statement1 else expression statement if 語(yǔ)句的嵌套 嵌套 1 e g Var grade If grade 0 Else if Else if Else if Else Switch 語(yǔ)句 格式為 Switch Case1 Statement1 Break Case2 Statement2 Break Case3 Statement3 Break Default 上面的條件均不滿足 的時(shí)候執(zhí)行此語(yǔ)句 Statementdefault 三 循環(huán)語(yǔ)句 for 語(yǔ)句 執(zhí)行順序 1 2 4 3 2 4 3 2 4 3 普通的 for 語(yǔ)句 for 初始值 變量 增量 for in Var myObject new Object myObject a x myObject b y myObject c z 第三章 JavaScript 函數(shù) 一 函數(shù)的概念 把一個(gè)程序劃分為若干個(gè)程序塊來(lái)執(zhí)行 這些程序塊就 是一個(gè)個(gè)的函數(shù) 函數(shù)的分類(lèi) 有 無(wú) 返回值 有返回值函數(shù) 無(wú)返回值函數(shù) 有 無(wú) 參數(shù) 有參函數(shù) 無(wú)參函數(shù) 自定義 內(nèi)置 自定義函數(shù) 內(nèi)置 系統(tǒng) 函數(shù) 不帶參數(shù) function clickme 帶一個(gè)參數(shù) function clickme txt 二 自定義函數(shù) 有返回值 return XX 既有參數(shù)又有返回值 e g Function getSum a b return a b 三 內(nèi)置 系統(tǒng) 函數(shù) alert confirm prompt isNaN eval 具體用法 alert 警告內(nèi)容 無(wú)返回值 Confirm 提示內(nèi)容 返回值為 true 或 false Prompt 提示文本 返回值為輸入框的內(nèi)容為字符串 isNaN 字符 返回值為 true 或 false eval 字符串 將字符轉(zhuǎn)換為字符串 parseInt 裝換為整形 parseFloat 轉(zhuǎn)換為實(shí)數(shù) 浮點(diǎn)型 可帶有小數(shù) 第四章 JavaScript 對(duì)象 一 對(duì)象的概念 a 類(lèi)是具有某些特性的一個(gè)抽象集合 b 對(duì)象則是類(lèi)的一個(gè)實(shí)例 對(duì)象的基本結(jié)構(gòu) 由屬性 properties 和方法 methods 兩個(gè)基本元素構(gòu)成 屬性 是對(duì)象類(lèi)存放特征信息數(shù)據(jù)的載體 其與變量相關(guān)聯(lián) 方法 是對(duì)象類(lèi)的動(dòng)作行為 其與函數(shù)相關(guān)聯(lián) 引用對(duì)象的途徑 引用 JavaScript 內(nèi)部對(duì)象 系統(tǒng)已有的對(duì)象 直接提供的 由瀏覽器環(huán)境提供的對(duì)象 創(chuàng)建新對(duì)象 自定義的對(duì)象 對(duì)象的創(chuàng)建和使用 1 new 關(guān)鍵字 var 變量名 new 類(lèi)名 參數(shù)列表 e g var currentDate new Date birthday newDate 1999 8 6 知識(shí)點(diǎn)總結(jié) 5JavasScript 動(dòng)態(tài)網(wǎng)頁(yè) myObject d z 1 for m in myObject Document write 顯示 m myObject m While 語(yǔ)句 while Do while 語(yǔ)句 do while Break 中斷 只能用于循環(huán)語(yǔ)句中 continue 繼續(xù) 2 對(duì)象屬性的引用 for in 語(yǔ)句 格式 for 對(duì)象屬性名 in 已知對(duì)象名 function showData object for var prop in object document write object prop 3 with 方法應(yīng)用對(duì)象屬性 with object 4 this 的含義 對(duì)象方法的引用 this 是對(duì)當(dāng)前對(duì)象的引用 對(duì)象的屬性和方法 對(duì)象是由屬性和方法構(gòu)成的 對(duì)象屬性的引用 使用點(diǎn) 運(yùn)算符 通過(guò)對(duì)象的下標(biāo)實(shí)現(xiàn)引用 通過(guò)字符串的形式實(shí)現(xiàn) e g 獲取長(zhǎng)度 var str hello wolrd var len str length 對(duì)組進(jìn)行排序 只支持一位數(shù) e g var arr new Array 3 8 4 6 arr sort var sortedArr arr sort 二 內(nèi)置對(duì)象 常用的有 日期時(shí)間 文本 數(shù)組 圖像 Math 對(duì)象 日期時(shí)間對(duì)象 Date 對(duì)象 the date new Date 表示當(dāng)前的日期和時(shí)間 the date new Date 1989 5 22 8 30 創(chuàng)建時(shí)指定具體的時(shí)間日期值 獲取日期和時(shí)間設(shè)置日期和時(shí)間方法功能 Date 對(duì)象獲取日期時(shí)間字符串 方法名功能方法名功能toString 獲默認(rèn)的日期時(shí)間的字符串 getYear 獲取年setYear 設(shè)置年toDateString 獲默認(rèn)的日期的字符串 getMonth 獲取月setMonth 設(shè)置月toTimeString 獲默認(rèn)的時(shí)間的字符串 getDate 獲取日setDate 設(shè)置日toLocaleString 獲當(dāng)前區(qū)域設(shè)置的日期時(shí)間的字符串 getHours 獲取小時(shí)setHours 設(shè)置時(shí)toLocaleDateString 獲當(dāng)前區(qū)域設(shè)置的日期的字符串 getMinutes 獲取分setMinutes 設(shè)置分toLocaleTimeString 獲當(dāng)前區(qū)域設(shè)置的時(shí)間的字符串 getSeconds 獲取秒setSeconds 設(shè)置秒toGMTString 獲格林威治標(biāo)準(zhǔn)時(shí)間 GMT 表示的字符串 getTime 獲取毫秒setTime 設(shè)置 mstoUTCString 獲全球標(biāo)準(zhǔn)時(shí)間 UTC 表示的字符串 getDay 獲取星期數(shù) 不能設(shè)置星期可以自動(dòng)得到 據(jù)西元?dú)v法 星期取值范圍是 0 6 0 表星期天 時(shí)間函數(shù)的調(diào)用 setTimeout function 函數(shù) x 只執(zhí)行 1 次 寫(xiě)在函數(shù)里面 x 秒以后執(zhí)行這個(gè)函數(shù) setInterval 函數(shù) x 每隔 x 秒執(zhí)行 可連續(xù)不斷的執(zhí)行 寫(xiě)在函數(shù)外面 時(shí)間函數(shù)的停止 clearTimeout 變量 文本對(duì)象 字符串 String String 對(duì)象提供了一些有關(guān)字符串的處理 e g var str hello world String 對(duì)象只提供了一個(gè)屬性 length 字符串的長(zhǎng)度 String 對(duì)象提供的主要方法如下 方法名功能 charAt index 返回指定索引位置處的字符 實(shí)例化創(chuàng)建一個(gè) university 對(duì)象 var university new University university Name 云南大學(xué) 大學(xué)名稱 university 1 昆明市 所在省市 university Date 1969 大學(xué)成立日期 with Math document write cos 35 document write Math sin 80 e g 定義一個(gè)圓形對(duì)象 circle 包含圓心坐標(biāo) x y 半徑 function Circle x y radius this x x x 的坐標(biāo) this y y y 的坐標(biāo) this radius radius 半徑 this getArea calcArea 添加 getArea 屬性 Var cir new Circle 2 2 5 Document write 圓的半徑是 cir radius 注意 Date 對(duì)象的月 份取值范圍是 0 11 知識(shí)點(diǎn)總結(jié) 6JavasScript 動(dòng)態(tài)網(wǎng)頁(yè) big 為字符添加標(biāo)記 toLowerCase 將字符串轉(zhuǎn)換為小寫(xiě) small 為字符添加標(biāo)記 toUpperCase 將字符串轉(zhuǎn)換為大寫(xiě) italics 為字符添加標(biāo)記 indexOf 從指定位置開(kāi)始搜索某字符第一次出現(xiàn)的位置 bold 為字符添加粗體標(biāo)記 substring 返回指定起始位置和結(jié)束位置的子字符串 blink 為字符添加閃爍 HTML 標(biāo)記 lastIndexOf 從末尾倒著數(shù)搜索某字符第一次出現(xiàn)的位置 fixed 為字符添加固定高亮 HTML 標(biāo)記但是位置 即下標(biāo) 的字符串是正著數(shù)的 fontsize 為字符添加字體大小標(biāo)記 substr 返回指定位置和指定長(zhǎng)度的子字符串 fontcolor 為字符添加字體顏色標(biāo)記 split 將字符串按指定的分隔符割為子字符串 返字符串組 數(shù)組對(duì)象 方法功能 排序?qū)嵗?內(nèi)部數(shù)組 Sort 返回一個(gè)元素已排好順序的數(shù)組 默認(rèn)以升序排列 只能以首位為準(zhǔn) Links 用定義多個(gè)超鏈接時(shí) Reverse 返回一個(gè)元素順序被反轉(zhuǎn)的數(shù)組 降序 Frames 建立框架時(shí) Join separator 分隔 返回一個(gè)字符串 包含連接到一起的數(shù)組 的所有元素 元素有指定的分隔符分開(kāi) Images elements 圖片 使用顯示圖片時(shí) 建立該數(shù)組 在一個(gè)表單中使用多個(gè)表單元素時(shí) forms 再文檔中使用多個(gè)表單時(shí) anchors 使用建立的錨鏈接的數(shù)組 var arr new Array 1 5 6 7 創(chuàng)建整形數(shù)組 arr sort 升序排列 此處最重要 記到就行了 arr reverse 反轉(zhuǎn)數(shù)組元素 降序 var str arr join 將數(shù)組元素拼接成字符串 document write str 圖像對(duì)象 其相關(guān)屬性如下表 屬性名說(shuō)明 width 圖像的寬度 Name 對(duì)象名稱 Border 圖像邊框?qū)挾?Src 圖像文件路徑 Hspace 水平空白 complete 上傳圖像是否完成的標(biāo)志 Vspace 垂直空白 height 圖像的高度 lowsrc 低分辨率 圖片的閃爍 Untitled Document function pic mypic style visibility mypic visibility visible mypic visibility hidden mypic visibility visible setInterval pic 80 圖片交換 e g Var img document imgs 0 src document imgs 0 src document imgs 1 src document imgs 1 src img 預(yù)先讀取圖片 寫(xiě)在之間 image1 new Image 100 50 image1 src image1 gif image2 new Image 100 50 image2 src image2 gif Math 對(duì)象 格式 Math 屬性名 或 Math 方法名 參數(shù)列表 Math 的常見(jiàn)屬性 屬性名說(shuō)明附加知識(shí) PI 圓周率的值 3 14159 E 自然對(duì)數(shù) euler 的底 2 718 LN10 10 的自然對(duì)數(shù) 2 302 方法名說(shuō)明方法名說(shuō)明 abs x X 的絕對(duì)值 Round x X 的四舍五入 Sin x X 的正弦值 以弧度為單位 Sqrt x X 的平方根 Cos x X 的余弦 以弧度為單位 Pow x y X 的 y 次冪 Min x y X y 中較小的兩個(gè)數(shù) Random 0 1 之間的隨機(jī)數(shù) Floor x x 的最小整數(shù) 關(guān)于 random 的應(yīng)用 e g var i parseInt Math random imgs length 知識(shí)點(diǎn)總結(jié) 7JavasScript 動(dòng)態(tài)網(wǎng)頁(yè) 網(wǎng)頁(yè)圖片的預(yù)先載入的屏蔽 自定義對(duì)象 對(duì)象的構(gòu)造函數(shù) 構(gòu)造函數(shù)創(chuàng)建一個(gè)新對(duì)象 賦予對(duì)象屬性 并在合適的時(shí)候賦予方法 e g 定義一個(gè)圓形對(duì)象 circle 包含圓心坐標(biāo) x y 半徑 function Circle x y radius this x x x 的坐標(biāo) this y y y 的坐標(biāo) this radius radius 半徑 this getArea calcArea 添加 getArea 屬性 Var cir new Circle 2 2 5 Document write 圓的半徑是 cir radius 對(duì)象的方法 方法是在構(gòu)造函數(shù)中添加一個(gè)屬性引用別處 定義的一個(gè)函數(shù) Function calcArea Return Math PI this radius this radius Document write 圓的面積是 cir getArea 第五章 瀏覽器對(duì)象 一 js 事件 概念 是用戶所做的 如鼠標(biāo)點(diǎn)擊 鍵盤(pán)敲擊 或系統(tǒng)自動(dòng)生成 如窗體加載等 的動(dòng)作 通常將鼠標(biāo)和鍵盤(pán)的動(dòng)作稱為事件 當(dāng)一個(gè)事件發(fā)生引發(fā)的一連串的程序動(dòng)作 這段程序稱為事件處理程序 事件處理程序常由函數(shù)來(lái)承擔(dān) 格式 function 事件處理名 參數(shù)列表 事件處理代碼 js 常見(jiàn)事件 事件名事件名觸發(fā)條件觸發(fā)條件事件名事件名觸發(fā)條件觸發(fā)條件 onClick 在元素上單擊鼠標(biāo)時(shí) onMouseDown 當(dāng)用戶按下鼠標(biāo)鍵時(shí) onChange 當(dāng)表單元素 如文本框 內(nèi)容發(fā)生變化時(shí) onMouseUp 當(dāng)用戶釋放鼠標(biāo)鍵時(shí) onBlur 當(dāng)某個(gè)元素失去焦點(diǎn)onLoad當(dāng)頁(yè)面 圖像加載完畢時(shí) body onload 函數(shù)名 變量和參數(shù)列表 onFocus 當(dāng)某個(gè)元素得到焦點(diǎn) onSubmit 當(dāng)用戶提交表單 通常為按下 提交 按鈕 時(shí) onMouseOver 當(dāng)鼠標(biāo)懸停在元素上時(shí) onResize 當(dāng) 用戶或程序 調(diào)整窗口或框架大小時(shí) onMouseOut 當(dāng)鼠標(biāo)離開(kāi)某個(gè)元素時(shí)onabort當(dāng)圖片加載被中斷時(shí)引發(fā) ondbclick鼠標(biāo)雙擊時(shí)引發(fā)Onerror當(dāng)加載當(dāng)加載文檔或圖像時(shí)發(fā)生某個(gè)錯(cuò)誤時(shí)引發(fā) onkeydown某個(gè)鍵盤(pán)的鍵被按下onkeypress某個(gè)鍵盤(pán)的鍵被按下或按住 onkeyup某個(gè)鍵盤(pán)的鍵被松開(kāi)onreset重置按鈕被點(diǎn)擊 onselect文本被選定onunload用戶退出頁(yè)面 事件的應(yīng)用 onMouseOver onMouseOut 事件 獲取標(biāo)記 html 代碼 javascript 中 linking src 第四章知識(shí)點(diǎn) Display block none 圖片以塊狀顯示或不顯示 知識(shí)點(diǎn)總結(jié) 8JavasScript 動(dòng)態(tài)網(wǎng)頁(yè) 標(biāo)準(zhǔn)的引用 var img document getElementById linking Img src 或者用數(shù)組表示 document imgs 0 src 二 通用瀏覽器對(duì)象 文檔對(duì)象 DOM 模型 Internet Explorer 瀏覽器對(duì)象模型 window 對(duì)象 是瀏覽器的窗口和窗口屬性的集合 是 html 文檔的所有其他對(duì)象的祖先對(duì)象 window 可以不寫(xiě) 一個(gè)瀏覽器窗口中的 DOM 順序是 window navigator 導(dǎo)航 簡(jiǎn)稱 nav screen history location document 訪問(wèn) location 對(duì)象 window Location 訪問(wèn) history 對(duì)象 window history 訪問(wèn) document 對(duì)象 window document 訪問(wèn)表單對(duì)象 window document 表單名 窗口對(duì)象提供的方法有兩個(gè) open 和 close open url 窗口名稱 窗口特征 3 個(gè)參數(shù) url 可以是文件所在路徑及文件名 或者直接就是圖片名稱 窗口特征 控制窗口的顯示樣式 參參 數(shù)數(shù) 名名說(shuō)說(shuō) 明明 status 控制是否顯示狀態(tài)欄 yes 為顯示 no 為不顯示 width 控制窗口的寬度 location 控制是否顯示地址欄 yes 為顯示 no 為不顯示 height 控制窗口的高度 directories 控制是否顯示更新信息按鈕 yes 為顯示 no 為不顯示 scrollbars 控制是否顯示滾動(dòng)條 resizable 控制是否固定窗口大小 yes 為允許 no 為不允許 toolbar 控制是否顯示工具欄 yes 為顯示 no 為不顯示 menubar 控制是否顯示菜單欄 close 關(guān)閉當(dāng)前瀏覽器窗口 用法就是 window close window 可以省略就是 close 全屏顯示 方式一 此方法沒(méi)有標(biāo)題欄 window open 01 htm fullscreen 方式二 此方式有標(biāo)題欄 表示瀏覽器的窗口 可用于檢索窗口狀態(tài) 顯 示 Document 對(duì)象和訪問(wèn)窗口中發(fā)生的事件等 表示瀏覽器窗口中的 HTML 文檔 用 于檢索文檔的信息 檢查和修改 HTML 元素和文檔中的文本 處理事 件 提供客戶最近訪問(wèn)的 URL 列表 包含當(dāng)前有關(guān)的 URL 信息 它提供了一種重 新加載窗口的 URL 方法 內(nèi)部數(shù)組 附加知識(shí) 1 innerText 顯示純文本 innerHTML 顯示超文本 可解析代碼 2 keyCode 鍵值 a 65 z 71 enter 13 3 url 中的 后面部分為請(qǐng)求參數(shù) 其格式為 鍵 值 多個(gè)之間用 borderStyle solid borderColor red 文字內(nèi)容 判斷是否為 IE 版本 這是通用標(biāo)準(zhǔn)文檔 層次結(jié)構(gòu) 知識(shí)點(diǎn)總結(jié) 9JavasScript 動(dòng)態(tài)網(wǎng)頁(yè) Var style width screen width height screen height top 0 left 0 scrollbars Window open 某某 html style Cookie 的使用 不是重點(diǎn) cookie 是一種服務(wù)器通過(guò)瀏覽器在訪問(wèn)者的硬盤(pán)上儲(chǔ)存信息的手段 關(guān)閉彈出窗口可以對(duì) cookie 進(jìn)行設(shè)置 location 對(duì)象 其描述的是某個(gè)窗口對(duì)象的 url 地址 主要屬性 1 自動(dòng)跳轉(zhuǎn) e g setTimeout location href xx html 3000 主要屬性加載 url 的方法 Hash 錨定名的附加 Href url 地址 常用 Assign url 加載 url 指定的新的 html 文檔 Host 服務(wù)器端名 Port 通信端口Reload 重新加載當(dāng)前頁(yè) hostname 服務(wù)器端名和 domain 名 Protoco l 訪問(wèn)方式 Replace url 通過(guò)加載 url 指定的文檔來(lái)替換當(dāng)前文檔 Pathnam e 路徑名 search 傳送服務(wù)器參數(shù) Search 可獲取 后面包括 的字符串 history 對(duì)象 方法名說(shuō)明 Back 相當(dāng)于瀏覽器的后退按鈕 Forword 相當(dāng)于瀏覽器的前進(jìn)按鈕 Go n 前進(jìn)或后退到指定的頁(yè)面 go 1 相當(dāng)于 forward go 1 相當(dāng)于 back go 2 后退 2 次 go 0 刷新當(dāng)前頁(yè)面 用法 document 對(duì)象 document 對(duì)象屬性 title 設(shè)置文檔的標(biāo)題 等價(jià) vlinkColor 以點(diǎn)擊過(guò)的鏈接顏色 bgColor 設(shè)置背景顏色 URL 設(shè)置 URL 屬性從而在同一窗口打開(kāi)另一網(wǎng)頁(yè) fgColor 前景顏色 Cookie 設(shè)置和讀出 cookie linkColor 未點(diǎn)擊過(guò)的鏈接 alinkColor 點(diǎn)擊鏈接 焦點(diǎn)在此鏈接上 的顏色 document 對(duì)象方法 Write text 將文本寫(xiě)入文檔 Clear 清除當(dāng)前文檔 Close 關(guān)閉輸出流并強(qiáng)制顯示 getEelmentById id 獲取指定的 id 屬性對(duì)象 getEelmentByName name 獲取指定 name 屬性的 html 對(duì)象集 合 第六章 表單對(duì)象 一 表單對(duì)象其屬性 及方法 表單對(duì)象 1 有如下表單 獲取表單對(duì)象 2 使用 表單對(duì)象 元素名 獲取表單元素對(duì)象 屬性名說(shuō)明方法名說(shuō)明 Action 表單提交方式 即屬性 Submit 提交表單等價(jià)于 提交 按鈕 Document 表單名 即 document useform Useform document forms 0 var myForm getElementById frm eg document userform username 或 document forms 0 elements 0 或 Var user docment getElementById uname 知識(shí)點(diǎn)總結(jié) 10JavasScript 動(dòng)態(tài)網(wǎng)頁(yè) Method 表單的提交地址 即屬性 Reset 重置表單 Target 提交后返回的窗口 即屬性 Length 該表單所含元素的數(shù)目 name 表單名 即屬性 二 表單元素 文本輸入控件 單 多行文本框 密碼框 單選框 復(fù)選框 下拉列表 普通按鈕 提交按鈕 隱藏域 文本輸入控件的常用事件 onfocus 文本框獲得焦點(diǎn) onblur 文本框失去焦點(diǎn) onchange 文本框的內(nèi)容改變或失去焦點(diǎn) 下拉列表框選中的項(xiàng)發(fā)生改變時(shí) onclick 當(dāng)點(diǎn)擊單選框 復(fù)選框 選擇或取消 單擊按鈕 三 表單應(yīng)用 復(fù)選框 onclick 事件示例 function show Var res n For i 0 i frm hobby length i If frm hobby i checked Res frm hobby i value Frm result value res 四 表單的驗(yàn)證與提交 表單是網(wǎng)頁(yè)中在客戶機(jī)與服務(wù)器之間傳遞消息的元素當(dāng)用戶填完數(shù)據(jù)后點(diǎn)擊提交 submit 時(shí) 表單內(nèi)容就從瀏覽器 傳到 web 服務(wù)器上 經(jīng)過(guò) web 服務(wù)器上的 jsp asp 處理再將用戶所需的信息傳回客戶端瀏覽器 1 數(shù)據(jù)長(zhǎng)度驗(yàn)證 在提交 onsubmit 中執(zhí)行表單驗(yàn)證函數(shù) 所有數(shù)據(jù)驗(yàn)證通過(guò)就提交否則阻止提交 返回一個(gè) 假 即 return flase 注意在 form 中寫(xiě)的 2 數(shù)據(jù)格式驗(yàn)證 新單詞 valid 正確的 有效地 專用函數(shù) validDate date 驗(yàn)證出生日期的 正則表達(dá)式 開(kāi)始與結(jié)束 e g var myreg d 4 d 1 2 d 1 2 if myreg test date return false d 表示匹配數(shù)字字符 4 表示匹配前一項(xiàng) 4 次 1 2 表示匹配前一項(xiàng) 1 到 2 次 整個(gè)式子表示 匹配 4 個(gè)數(shù)字字符 1 到 2 個(gè)數(shù)字字符 1 到 2 個(gè)數(shù)字字符 3 表單提交 重要 form 標(biāo)記的 action 屬性 e g 以 get 方式發(fā)送請(qǐng)求 會(huì)將表單信息附加在 url 之后 即 new html username wishsearch search substring 1 search length var params search split var keyVal params 0 split keyVal params 1 split keyVal params 2 split 五 其他對(duì)象的應(yīng)用 下拉選框 Onchange 事件示例 Var seasons new Array 某某 某某 某某 某某 某某 某某 Function show Var i frm season value If i 1 div 名 innerText else div 名 innerText seasons i Body 部分 XXX XX XX XX XX XX 局部例子 if validDate birthdate 調(diào)用日期驗(yàn)證函數(shù) alert 出生日期不合法 regForm birthdate focus 讓此輸入框成為焦點(diǎn) return false function validDate date 驗(yàn)證日期合法性 var myreg d 4 d 1 2 d 1 2 if myreg test date return false var ymd date split If ymd 0 2050 return false If ymd 1 12 return false If ymd 2 31 return false return true 在 form 中寫(xiě)的東西 Navigator 所提供的相關(guān)屬性 屬性名說(shuō)明 appVersion 顯示瀏覽器版本信息 appName 瀏覽器名稱 appCodeName 瀏覽器代碼名稱 userAgent 使用瀏覽器代理服務(wù)器 鏈接地址信息 link 對(duì)象 用來(lái)儲(chǔ)存網(wǎng)頁(yè)瀏覽器裝載的網(wǎng)頁(yè)的全部鏈接信息 Eg 部分代碼 function Links n document link length 獲得連接個(gè)數(shù) s for i 0 i n i s s document links i href n 獲得連接地址 if s s 沒(méi)有任何連接 alert s 知識(shí)點(diǎn)總結(jié) 11JavasScri