《泰牛程序員 韓順平 PHP 大牛班 javascript課程 完整筆記》由會(huì)員分享，可在線閱讀，更多相關(guān)《泰牛程序員 韓順平 PHP 大牛班 javascript課程 完整筆記（92頁珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

1、泰牛程序員 PHP 學(xué)院 htpp:/ 第 I 頁 javascript第第 1 章章JAVASCRIPT 課程介紹課程介紹.11.1JS可以做什么?11.2JS的一些特點(diǎn)（了解）11.3JS的小故事21.4JS運(yùn)行的原理圖21.5JAVASCRIPT的文檔哪里找?31.6第一個(gè)JS程序,HELLO,WORLD!31.7一個(gè)非常簡單的JS加法運(yùn)算41.8JS是弱數(shù)據(jù)類型語言，變量類型有JS引擎來決定.51.9JS變量的命名規(guī)范5第第 2 章章JS 的數(shù)據(jù)類型介紹的數(shù)據(jù)類型介紹.72.1JS的數(shù)據(jù)類型分類72.2舉例說明72.3小練習(xí)82.4JS數(shù)據(jù)類型的轉(zhuǎn)換9第第 3 章章JS 的運(yùn)算符的運(yùn)算

2、符.103.1JS運(yùn)算符的分類:103.2算術(shù)運(yùn)算符103.3關(guān)系運(yùn)算符123.4關(guān)系運(yùn)算符的小案例133.5邏輯運(yùn)算符143.6關(guān)于邏輯運(yùn)算的測試題153.7邏輯非的說明題16第第 4 章章三大流程控制三大流程控制.174.1概述:174.2分支控制174.2.1if 分支.174.2.2if.else 雙分支 .184.2.3多分支控制結(jié)構(gòu) if . else if .else.204.2.4多分支的案例.224.3多分支語句-SWITH234.3.1一個(gè)小的練習(xí)題.254.3.2關(guān)于 switch 的一個(gè)小練習(xí).254.4循環(huán)控制26泰牛程序員 PHP 學(xué)院 htpp:/ 第 II 頁

3、4.4.1for 循環(huán)控制 .264.5FOR循環(huán)的練習(xí)題28第第 5 章章函數(shù)函數(shù).305.1函數(shù)的必要性305.2函數(shù)的基本概念335.3函數(shù)的基本語法335.4函數(shù)的調(diào)用方式345.4.1方式 1:.345.4.2形參和實(shí)參的概念.355.4.3函數(shù)調(diào)用和返回的說明.355.5變量的作用域365.6函數(shù)的其它說明375.7就是三目運(yùn)算符的補(bǔ)充講解37第第 6 章章數(shù)組數(shù)組.386.1為什么需要數(shù)組386.2使用數(shù)組解決上面的問題396.3數(shù)組的基本概念396.4數(shù)組的傳遞方式406.5數(shù)組使用416.6數(shù)組的遍歷426.7二維數(shù)組了解436.7.1關(guān)于二維數(shù)組的訪問說明.436.7.2快

4、速入門案例.446.7.3快速入門案例 2.446.7.4二維數(shù)組的平均值.45第第 7 章章JS 的內(nèi)置對(duì)象的內(nèi)置對(duì)象.467.1概述467.2JS內(nèi)部類的分類467.3MATH對(duì)象477.3.1介紹:.477.3.2快速入門案例.487.4DATE對(duì)象497.4.1提出問題.497.4.2Date 對(duì)象的快速入門.497.5一個(gè)STRING的案例507.6ARRAY對(duì)象517.7NUMBER對(duì)象53泰牛程序員 PHP 學(xué)院 htpp:/ 第 III 頁 7.8全局函數(shù)55第第 8 章章事件及事件驅(qū)動(dòng)編程事件及事件驅(qū)動(dòng)編程.578.1概述:578.2JS的事件驅(qū)動(dòng)機(jī)制的理解578.3事件的分

5、類588.3.1鼠標(biāo)事件.588.3.2鍵盤事件.588.3.3html 事件.588.3.4其它事件.588.4事件驅(qū)動(dòng)機(jī)制編程的進(jìn)一步理解案例588.5一個(gè)事件可以被多個(gè)函數(shù)處理61第第 9 章章DOM 編程編程.629.1DOM的分類和介紹629.2DOM到底和HTML文件是什么關(guān)系629.3DOM編程的框架介紹639.4BOM649.5DOM編程的分類說明649.6BOM 和DOM的關(guān)系659.7DOM編程的一個(gè)體驗(yàn)案例659.8WINDOW對(duì)象669.8.1window 對(duì)象的常用方法舉例.669.8.2股票撤回案例.679.9窗口的打開和關(guān)閉679.10WINDOW案例-登錄成功后

6、跳轉(zhuǎn)到指定頁面68泰牛程序員 PHP 學(xué)院 htpp:/ 第 1 頁 第 1 章javascript 課程介紹1.1js 可以做什么?1. 游戲2. 網(wǎng)頁的特性3. web 聊天4. 地圖PHP 程序員后面大量的使用 js1.2js 的一些特點(diǎn)（了解）1. js 是一個(gè)腳本編程語言2. 腳本語言相對(duì)傳統(tǒng)的編程語言而已，語法和規(guī)則相對(duì)沒有那么嚴(yán)格。3. js 是解釋執(zhí)行。即 js 在執(zhí)行的時(shí)候，不會(huì)編譯成二進(jìn)制代碼。而是將 js 代碼調(diào)入引擎，然后解釋執(zhí)行.4. js 的主要的作用，可以對(duì)網(wǎng)頁的元素動(dòng)態(tài)編程體驗(yàn)案例:代碼 ：泰牛程序員 PHP 學(xué)院 htpp:/ 第 2 頁 5. js 文件是和

7、其它編程語言一起使用(html, php , jsp , )1.3js 的小故事1.4js 運(yùn)行的原理圖泰牛程序員 PHP 學(xué)院 htpp:/ 第 3 頁 1.5javascript 的文檔哪里找?1.6第一個(gè) js 程序,hello,world!泰牛程序員 PHP 學(xué)院 htpp:/ 第 4 頁 1.7一個(gè)非常簡單的 js 加法運(yùn)算補(bǔ)充說明：在 js 中，我們查看一個(gè)數(shù)據(jù)的類型可以使用 typeof 變量名 ,或者typeof(變量名);泰牛程序員 PHP 學(xué)院 htpp:/ 第 5 頁 1.8js 是弱數(shù)據(jù)類型語言，變量類型有 js 引擎來決定.1.9js 變量的命名規(guī)范(1) 變量變量

8、可以由任意順序的大小字母、下劃線, 美元符號(hào)($)組成，但不能以數(shù)字開頭，不能是 JavaScript 中的保留關(guān)鍵字(2) JavaScript 變量是區(qū)分大小寫(3) JavaScript 程序的注釋 /*/ 或者 /注釋案例說明:泰牛程序員 PHP 學(xué)院 htpp:/ 第 6 頁 如何使用 firefox 中對(duì) js 代碼進(jìn)行調(diào)式使用快捷接 ctrl+shift+J 彈出我們的 js 的提示信息泰牛程序員 PHP 學(xué)院 htpp:/ 第 7 頁 第 2 章js 的數(shù)據(jù)類型介紹2.1js 的數(shù)據(jù)類型分類(1) 基本數(shù)據(jù)類型：數(shù)值類型整數(shù)、浮點(diǎn)型，布爾型(true , false) , 字符

9、串 (2) 復(fù)合數(shù)據(jù)類型： 數(shù)組, 對(duì)象(3) 特殊數(shù)據(jù)類型：null undefined;2.2舉例說明泰牛程序員 PHP 學(xué)院 htpp:/ 第 8 頁 2.3小練習(xí)泰牛程序員 PHP 學(xué)院 htpp:/ 第 9 頁 2.4js 數(shù)據(jù)類型的轉(zhuǎn)換泰牛程序員 PHP 學(xué)院 htpp:/ 第 10 頁 第 3 章js 的運(yùn)算符3.1js 運(yùn)算符的分類: (1) 算術(shù)運(yùn)算符x = 5 + 6;(2) 賦值運(yùn)算符x = 7;(3) 比較運(yùn)算符x 5;(4) 邏輯運(yùn)算符x 6 & x圖解法泰牛程序員 PHP 學(xué)院 htpp:/ 第 12 頁 小結(jié):1. + 分為 前 + 和 后 +2. 如果是前 +

10、比如 +a; 就是先 自加，再賦值, 如果是 a+ ，則是 先賦值在自加3. - 分為 前 - 和 后-4. 如果是前 - 比如 -a; 就是先 自減，再賦值, 如果是 a- ，則是 先賦值在自減3.3關(guān)系運(yùn)算符泰牛程序員 PHP 學(xué)院 htpp:/ 第 13 頁 強(qiáng)調(diào)：= = 等于 = = = 全等3.4關(guān)系運(yùn)算符的小案例泰牛程序員 PHP 學(xué)院 htpp:/ 第 14 頁 3.5邏輯運(yùn)算符案例:泰牛程序員 PHP 學(xué)院 htpp:/ 第 15 頁 小結(jié)：1. 在邏輯運(yùn)算中，0、false、null、undefined、NaN 均表示 false2. 在邏輯運(yùn)算中，非 0 表示 ture ,

11、 比 1 ,或者 -43.6關(guān)于邏輯運(yùn)算的測試題泰牛程序員 PHP 學(xué)院 htpp:/ 第 16 頁 3.7邏輯非的說明題泰牛程序員 PHP 學(xué)院 htpp:/ 第 17 頁 第 4 章三大流程控制4.1概述: 順序控制：沒有加控制，默認(rèn)就是從上到下，從左到右的執(zhí)行順序.分支控制: 根據(jù)不同的情況，來執(zhí)行不同的語句循環(huán)控制: 更加用戶的輸入，來反復(fù)的執(zhí)行某段代碼.4.2分支控制4.2.1 if 分支基本語法:if(條件判斷)/語句塊.說明:當(dāng)條件判斷為真時(shí)，則執(zhí)行內(nèi)的代碼,否則不執(zhí)行.快速入門案例:編寫一個(gè)程序,可以輸入人的捐款,如果該同志的捐款大于 1000 元,則輸出 “你的捐款大于 10

12、00,為您愛心點(diǎn)贊!”代碼 ：泰牛程序員 PHP 學(xué)院 htpp:/ 第 18 頁 流程圖 ：4.2.2 if.else 雙分支 基本語法泰牛程序員 PHP 學(xué)院 htpp:/ 第 19 頁 if(條件判斷 A)/語句塊 Aelse/語句塊 B:說明：如果判斷條件 A 成立，則執(zhí)行語句塊 A,否則，執(zhí)行語句塊 B.快速入門案例:流程圖:泰牛程序員 PHP 學(xué)院 htpp:/ 第 20 頁 4.2.3 多分支控制結(jié)構(gòu) if . else if .else.基本語法:if(條件判斷 A)/語句塊 Aelse if(條件判斷 B)/語句塊 Belse if(條件判斷 C)/語句塊 Celse泰牛程序

13、員 PHP 學(xué)院 htpp:/ 第 21 頁 /語句塊 C說明：條件判斷 A 成立,則執(zhí)行/語句塊 A., 如果判斷條件 B 成立，則執(zhí)行 B 語句塊，如果所有的判斷條件都不成立，就執(zhí)行 else 的語句塊.快速入門：代碼 ：流程圖:泰牛程序員 PHP 學(xué)院 htpp:/ 第 22 頁 4.2.4 多分支的案例泰牛程序員 PHP 學(xué)院 htpp:/ 第 23 頁 4.3多分支語句-swith基本語法:switch(表達(dá)式)case 常量/變量:語句塊;break;case 常量/變量:語句塊;break;case 常量/變量:語句塊;break;.default:語句塊;break;快速入門案

14、例:泰牛程序員 PHP 學(xué)院 htpp:/ 第 24 頁 小結(jié):1. 選擇 switch 還是 if else答：如果是判斷某幾個(gè)值的范圍，比如 a b, 選擇使用 switch, 如果是一個(gè)范圍比較，我們選擇使用 if. else if .else泰牛程序員 PHP 學(xué)院 htpp:/ 第 25 頁 4.3.1 一個(gè)小的練習(xí)題4.3.2 關(guān)于 switch 的一個(gè)小練習(xí)泰牛程序員 PHP 學(xué)院 htpp:/ 第 26 頁 4.4循環(huán)控制4.4.1 for 循環(huán)控制基本語法是for(var i = 0; i 值; i+)語句;for(循環(huán)初值循環(huán)初值;循環(huán)條件循環(huán)條件;步長步長) 語句語句;/

15、循環(huán)體循環(huán)體 快速入門案例快速入門案例:泰牛程序員 PHP 學(xué)院 htpp:/ 第 27 頁 執(zhí)行分析過程如何使用 firebug 來進(jìn)行調(diào)試功能泰牛程序員 PHP 學(xué)院 htpp:/ 第 28 頁 4.5for 循環(huán)的練習(xí)題代碼如下:泰牛程序員 PHP 學(xué)院 htpp:/ 第 29 頁 泰牛程序員 PHP 學(xué)院 htpp:/ 第 30 頁 第 5 章函數(shù)5.1函數(shù)的必要性舉例一個(gè)案例:輸入兩個(gè)數(shù),再輸入一個(gè)運(yùn)算符(+,-,*,/)，得到結(jié)果代碼 ：泰牛程序員 PHP 學(xué)院 htpp:/ 第 31 頁 從這個(gè)案例，我們提出一個(gè)新的問題?請(qǐng)思考,如果在另外的 html 文件比如 a.html,b

16、.html,c.html中也需要完成: 入兩個(gè)數(shù),再輸入一個(gè)運(yùn)算符(+,-,*,/)，得到結(jié)果. 又該怎么辦? 提出一個(gè)解決方案-函數(shù)建議： 當(dāng)一段代碼重復(fù)使用，超過 3 次以上，我們應(yīng)該考慮封裝成函數(shù) 使用函數(shù)來解決上面的問題fun.js泰牛程序員 PHP 學(xué)院 htpp:/ 第 32 頁 在需要的文件中，比如 xxx.html泰牛程序員 PHP 學(xué)院 htpp:/ 第 33 頁 5.2函數(shù)的基本概念概念: 為完成某一個(gè)功能的程序指令(語句)的集合.分類: 自定義函數(shù)，系統(tǒng)函數(shù)5.3函數(shù)的基本語法泰牛程序員 PHP 學(xué)院 htpp:/ 第 34 頁 5.4函數(shù)的調(diào)用方式在調(diào)用函數(shù)的時(shí)候，需要

17、在后面寫上 分號(hào); 這里說一下,js 代碼在頁面中的使用的方式：5.4.1 方式 1:基本語法是:函數(shù)名(實(shí)參 1, 實(shí)參 2, .);比如:泰牛程序員 PHP 學(xué)院 htpp:/ 第 35 頁 5.4.2 形參和實(shí)參的概念我們可以這樣來區(qū)分 ： 當(dāng)我們定義一個(gè)函數(shù)時(shí)，則該函數(shù)的()內(nèi)的，我們稱為形參.當(dāng)我們調(diào)用一個(gè)函數(shù)時(shí)，我們傳入的參數(shù)，已經(jīng)確定了，則我們講這個(gè)傳入的值，稱為實(shí)參5.4.3 函數(shù)調(diào)用和返回的說明說明: 1. 對(duì)于有返回值的函數(shù)調(diào)用，也可以在程序中直接使用返回的結(jié)果，例如：alert(“res=“ + sum(2,3);2. 沒有返回值的函數(shù)，則返回 undefined。舉例說

18、明:3. 關(guān)于函數(shù) return 的說明(1) 是否有返回，由程序員的業(yè)務(wù)邏輯泰牛程序員 PHP 學(xué)院 htpp:/ 第 36 頁 (2) 返回的數(shù)據(jù)類型，可以是數(shù)值，字符串，數(shù)組或其他5.5變量的作用域全局變量和局部變量的小結(jié):1. 全局變量可以在函數(shù)外使用，也可以在函數(shù)內(nèi)部使用2. 局部變量只可以在函數(shù)內(nèi)部使用3. 全局變量有三種方式 , 看上面的代碼4. 局部變量的定義有一種, 在函數(shù)內(nèi)， var 變量名 = 值;5. 全局變量的隱式定義，我們要避免，這樣代碼更干凈.泰牛程序員 PHP 學(xué)院 htpp:/ 第 37 頁 5.6函數(shù)的其它說明5.7就是三目運(yùn)算符的補(bǔ)充講解泰牛程序員 PHP

19、 學(xué)院 htpp:/ 第 38 頁 第 6 章數(shù)組數(shù)組: 就是把多個(gè)數(shù)據(jù)放在一起管理，就是數(shù)組。6.1為什么需要數(shù)組代碼:思考: 上面的問題是，如果烏龜很多，就沒有玩了。-數(shù)組.泰牛程序員 PHP 學(xué)院 htpp:/ 第 39 頁 6.2使用數(shù)組解決上面的問題代碼 ：6.3數(shù)組的基本概念泰牛程序員 PHP 學(xué)院 htpp:/ 第 40 頁 6.4數(shù)組的傳遞方式結(jié)論是： js 中，數(shù)組是引用傳遞:泰牛程序員 PHP 學(xué)院 htpp:/ 第 41 頁 在一個(gè)案例說明數(shù)組的引用傳遞6.5數(shù)組使用泰牛程序員 PHP 學(xué)院 htpp:/ 第 42 頁 如果我們使用數(shù)組，其實(shí)就是使用數(shù)組的元素:數(shù)組名下標(biāo)

20、名 ; 比如 a10; 表示訪問 a 數(shù)組的第 11 個(gè)元素. 數(shù)組的使用案例6.6數(shù)組的遍歷泰牛程序員 PHP 學(xué)院 htpp:/ 第 43 頁 6.7二維數(shù)組了解概念: 一維數(shù)組的元素，又是數(shù)組，這樣的數(shù)組，就是二維數(shù)組。6.7.1 關(guān)于二維數(shù)組的訪問說明泰牛程序員 PHP 學(xué)院 htpp:/ 第 44 頁 6.7.2 快速入門案例6.7.3 快速入門案例 2泰牛程序員 PHP 學(xué)院 htpp:/ 第 45 頁 6.7.4 二維數(shù)組的平均值泰牛程序員 PHP 學(xué)院 htpp:/ 第 46 頁 第 7 章js 的內(nèi)置對(duì)象7.1概述7.2js 內(nèi)部類的分類說，在 js 中有提供好的類，我們成為

21、內(nèi)部類Array, String , Number , Boolean, Date, Math, 通過類，我們可以創(chuàng)建對(duì)應(yīng)的實(shí)例，這個(gè)實(shí)例我們稱為一個(gè)對(duì)象。該對(duì)象有對(duì)應(yīng)的屬性和方法。 說明了一下靜態(tài)類和動(dòng)態(tài)類的特性泰牛程序員 PHP 學(xué)院 htpp:/ 第 47 頁 7.3Math 對(duì)象7.3.1 介紹:泰牛程序員 PHP 學(xué)院 htpp:/ 第 48 頁 7.3.2 快速入門案例泰牛程序員 PHP 學(xué)院 htpp:/ 第 49 頁 7.4Date 對(duì)象7.4.1 提出問題d = new Date()獲取當(dāng)前時(shí)間，year=Date.getFullYear()獲取當(dāng)前年，month=Date.

22、getMonth()獲取當(dāng)前月，day=Date.getDate()獲取當(dāng)前日期，然后 d year-month-day 00:00:00 來判斷7.4.2 Date 對(duì)象的快速入門泰牛程序員 PHP 學(xué)院 htpp:/ 第 50 頁 7.5一個(gè) string 的案例泰牛程序員 PHP 學(xué)院 htpp:/ 第 51 頁 小結(jié):1. 如果我們需要取出從第幾個(gè)位置，到第幾個(gè)位置的字符串，則使用 substring 2. 如果我們需要取出從第幾個(gè)位置開始，取多少個(gè)字符，則使用 substr7.6Array 對(duì)象數(shù)組的基本介紹:泰牛程序員 PHP 學(xué)院 htpp:/ 第 52 頁 案例 1-講解 ar

23、ray 的基本用法:關(guān)于數(shù)組的一個(gè)作業(yè):泰牛程序員 PHP 學(xué)院 htpp:/ 第 53 頁 7.7Number 對(duì)象 快速入門案例泰牛程序員 PHP 學(xué)院 htpp:/ 第 54 頁 案例說明泰牛程序員 PHP 學(xué)院 htpp:/ 第 55 頁 7.8全局函數(shù) encodeURI 和 decodeURI在以前 http:/?index.php?name=泰牛&no=sn 001; isNaN eval 案例泰牛程序員 PHP 學(xué)院 htpp:/ 第 56 頁 泰牛程序員 PHP 學(xué)院 htpp:/ 第 57 頁 第 8 章事件及事件驅(qū)動(dòng)編程8.1概述: 8.2js 的事件驅(qū)動(dòng)機(jī)制的理解泰牛程

24、序員 PHP 學(xué)院 htpp:/ 第 58 頁 8.3事件的分類8.3.1 鼠標(biāo)事件8.3.2 鍵盤事件8.3.3 html 事件8.3.4 其它事件8.4事件驅(qū)動(dòng)機(jī)制編程的進(jìn)一步理解案例泰牛程序員 PHP 學(xué)院 htpp:/ 第 59 頁 代碼:泰牛程序員 PHP 學(xué)院 htpp:/ 第 60 頁 泰牛程序員 PHP 學(xué)院 htpp:/ 第 61 頁 8.5一個(gè)事件可以被多個(gè)函數(shù)處理泰牛程序員 PHP 學(xué)院 htpp:/ 第 62 頁 第 9 章dom 編程9.1dom 的分類和介紹dom 包括 html dom 、xml dom 和 css dom ,event dom9.2dom 到底和

25、 html 文件是什么關(guān)系 New Document 我的標(biāo)題 點(diǎn)擊跳轉(zhuǎn)到泰牛 該文檔，對(duì)應(yīng)額 dom 樹是如下的情況 ：泰牛程序員 PHP 學(xué)院 htpp:/ 第 63 頁 9.3dom 編程的框架介紹泰牛程序員 PHP 學(xué)院 htpp:/ 第 64 頁 9.4bombom 是瀏覽器對(duì)象模型,將瀏覽器的各個(gè)組件看成對(duì)象，: 主要提供了訪問和操作瀏覽器各組件(比如 window、history、location、navigator、screen、document)的方法。因?yàn)?document 對(duì)象占的比例很大。因此 doucment 編程的核心就是 bom 的核心。9.5dom 編程的分類說

26、明泰牛程序員 PHP 學(xué)院 htpp:/ 第 65 頁 9.6bom(瀏覽器對(duì)象模型) 和 dom 的關(guān)系9.7dom 編程的一個(gè)體驗(yàn)案例泰牛程序員 PHP 學(xué)院 htpp:/ 第 66 頁 9.8window 對(duì)象window 對(duì)象是全局對(duì)象，在使用它的方法和屬性時(shí)，不需要帶 window. 可以直接使用其方法和屬性.9.8.1 window 對(duì)象的常用方法舉例setInterval 和 clearInterval / setTimeout / clearTimeout 小鬧鐘泰牛程序員 PHP 學(xué)院 htpp:/ 第 67 頁 9.8.2 股票撤回案例9.9窗口的打開和關(guān)閉window.o

27、pen(url, 窗口名 _self _blank, 設(shè)置窗口的樣式);window.close();泰牛程序員 PHP 學(xué)院 htpp:/ 第 68 頁 9.10 window 案例-登錄成功后跳轉(zhuǎn)到指定頁面泰牛程序員 PHP 學(xué)院 htpp:/ 第 69 頁 思路 ： 編寫 login.html loginOk.html manage.htmllogin.html泰牛程序員 PHP 學(xué)院 htpp:/ 第 70 頁 loginOk.htmlmanage.html泰牛程序員 PHP 學(xué)院 htpp:/ 第 71 頁 第 10 章 document 對(duì)象10.1 概述：document 對(duì)象是

28、 dom 的編程核心，內(nèi)容很多，涉及的知識(shí)點(diǎn)很雜，而且不同的瀏覽器還存在兼容性問題。這里我們主要對(duì) document 核心內(nèi)容和框架做一個(gè)介紹.10.2 document 的案例泰牛程序員 PHP 學(xué)院 htpp:/ 第 72 頁 10.3 關(guān)于 css 的屬性和 js dom 編程中對(duì) css 屬性的對(duì)應(yīng)關(guān)系10.4 document 的計(jì)算器泰牛程序員 PHP 學(xué)院 htpp:/ 第 73 頁 泰牛程序員 PHP 學(xué)院 htpp:/ 第 74 頁 10.5 History 對(duì)象(了解)泰牛程序員 PHP 學(xué)院 htpp:/ 第 75 頁 簡述:該對(duì)象保存了用戶訪問瀏覽器的記錄，通過這個(gè)對(duì)象

29、，我們可以去訪問改用曾經(jīng)訪問過的某個(gè)頁面，比如向前，或者向后。10.5.1histroy 的常用方法10.5.2舉例說明 ：代碼 ：泰牛程序員 PHP 學(xué)院 htpp:/ 第 76 頁 test.htmlb.html泰牛程序員 PHP 學(xué)院 htpp:/ 第 77 頁 10.6 location 對(duì)象概述: 即:該對(duì)象包含客戶端當(dāng)前的 URL 信息。,主要的用處是可以重新加載當(dāng)前頁面，還可以指定或者設(shè)置新的 url 地址10.6.1舉例-定時(shí)刷新本頁面和定時(shí)跳轉(zhuǎn)代碼:泰牛程序員 PHP 學(xué)院 htpp:/ 第 78 頁 10.7 navigator 常用的方法和屬性 案例:代碼:泰牛程序員 P

30、HP 學(xué)院 htpp:/ 第 79 頁 10.8 screen 對(duì)象該對(duì)象包含了關(guān)于瀏覽器屏幕的信息案例:泰牛程序員 PHP 學(xué)院 htpp:/ 第 80 頁 如果同學(xué)們希望看到更多信息for(var key in screen)document.write(key + + screenkey);10.9 event 對(duì)象event 是操作或者運(yùn)行時(shí)，會(huì)產(chǎn)生. event 對(duì)象代表事件的狀態(tài)，比如事件在其中發(fā)生的元素、鍵盤按鍵的狀態(tài)、鼠標(biāo)的位置、鼠標(biāo)按鈕的狀態(tài),事件通常與函數(shù)結(jié)合使用。10.9.1事件綁定的方式泰牛程序員 PHP 學(xué)院 htpp:/ 第 81 頁 第一個(gè)方式，就是前面講過.第二

31、個(gè)方式，先獲取到該對(duì)象，然后綁定.泰牛程序員 PHP 學(xué)院 htpp:/ 第 82 頁 事件綁定的另外一種方式10.10 event 對(duì)象10.10.1第一個(gè)案例-星星點(diǎn)燈泰牛程序員 PHP 學(xué)院 htpp:/ 第 83 頁 實(shí)現(xiàn)的思路:1. 響應(yīng)用戶點(diǎn)擊的事件2. 獲取到用戶點(diǎn)擊的橫坐標(biāo)和縱坐標(biāo)3. 把星星放到頁面代碼:10.10.2控制輸入框中，只能輸入六個(gè)數(shù)字泰牛程序員 PHP 學(xué)院 htpp:/ 第 84 頁 泰牛程序員 PHP 學(xué)院 htpp:/ 第 85 頁 第 11 章 html+javascript+css 的綜合應(yīng)用實(shí)例11.1 第一個(gè)功能登錄頁面代碼:泰牛程序員 PHP 學(xué)院 htpp:/ 第 86 頁 11.2 注冊(cè)頁面代碼:看源代碼:11.3 使用 js 來完成隱藏和顯示功能泰牛程序員 PHP 學(xué)院 htpp:/ 第 87 頁 思考：1. 我們可以獲取到 div，然后通過 display 屬性來控制顯示和隱藏2. 圖片的顯示可以通過 .src 來修改代碼 ：11.4 刪除指定行的內(nèi)容泰牛程序員 PHP 學(xué)院 htpp:/ 第 88 頁 思路:代碼:泰牛程序員 PHP 學(xué)院 htpp:/ 第 89 頁