《網(wǎng)頁設(shè)計(jì)制作》課件-項(xiàng)目9_第1頁
《網(wǎng)頁設(shè)計(jì)制作》課件-項(xiàng)目9_第2頁
《網(wǎng)頁設(shè)計(jì)制作》課件-項(xiàng)目9_第3頁
《網(wǎng)頁設(shè)計(jì)制作》課件-項(xiàng)目9_第4頁
《網(wǎng)頁設(shè)計(jì)制作》課件-項(xiàng)目9_第5頁
已閱讀5頁，還剩78頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

《網(wǎng)頁設(shè)計(jì)制作》項(xiàng)目99.1javaScript基礎(chǔ)9.2流程控制9.3函數(shù)9.4BOM對(duì)象與DOM對(duì)象9.5事件與事件調(diào)用目

錄9.1javaScript基礎(chǔ)什么是JavaScript？說起JavaScript其實(shí)大家并不陌生，在我們?yōu)g覽的網(wǎng)頁中或多或少都有JavaScript的影子。9.1javaScript基礎(chǔ)9.1javaScript基礎(chǔ)知識(shí)點(diǎn)概述在設(shè)計(jì)之初，JavaScript是一種可以嵌入到網(wǎng)頁中的腳本語言，它的主要作用是在Web上創(chuàng)建網(wǎng)頁特效。使用JavaScript腳本語言實(shí)現(xiàn)的動(dòng)態(tài)應(yīng)用，在網(wǎng)頁上隨處可見。例如1.驗(yàn)證用戶輸入的內(nèi)容9.1javaScript基礎(chǔ)知識(shí)點(diǎn)概述在設(shè)計(jì)之初，JavaScript是一種可以嵌入到網(wǎng)頁中的腳本語言，它的主要作用是在Web上創(chuàng)建網(wǎng)頁特效。使用JavaScript腳本語言實(shí)現(xiàn)的動(dòng)態(tài)應(yīng)用，在網(wǎng)頁上隨處可見。例如2.網(wǎng)頁動(dòng)態(tài)效果9.1javaScript基礎(chǔ)知識(shí)點(diǎn)概述在設(shè)計(jì)之初，JavaScript是一種可以嵌入到網(wǎng)頁中的腳本語言，它的主要作用是在Web上創(chuàng)建網(wǎng)頁特效。使用JavaScript腳本語言實(shí)現(xiàn)的動(dòng)態(tài)應(yīng)用，在網(wǎng)頁上隨處可見。例如3.窗口的應(yīng)用9.1javaScript基礎(chǔ)知識(shí)點(diǎn)概述在設(shè)計(jì)之初，JavaScript是一種可以嵌入到網(wǎng)頁中的腳本語言，它的主要作用是在Web上創(chuàng)建網(wǎng)頁特效。使用JavaScript腳本語言實(shí)現(xiàn)的動(dòng)態(tài)應(yīng)用，在網(wǎng)頁上隨處可見。例如4.文字特效跳動(dòng)的文字9.1javaScript基礎(chǔ)JavaScript語法規(guī)則執(zhí)行順序大小寫敏感結(jié)尾分號(hào)JavaScript程序按照在HTML文件中出現(xiàn)的順序逐行執(zhí)行。如果某些代碼（例如函數(shù)、全局變量等）需要在整個(gè)HTML文件中使用，最好將其放在HTML文件的<head>…</head>標(biāo)簽中。某些代碼，如函數(shù)體內(nèi)的代碼，不會(huì)被立即執(zhí)行，只有當(dāng)所在的函數(shù)被其他程序調(diào)用時(shí)，該代碼才會(huì)被執(zhí)行。注釋 大小寫敏感結(jié)尾分號(hào)注釋 9.1javaScript基礎(chǔ)JavaScript語法規(guī)則JavaScript嚴(yán)格區(qū)分字母大小寫。說明在輸入關(guān)鍵字、函數(shù)名、變量以及其他標(biāo)識(shí)符時(shí)，都必須采用正確的大小寫形式。例如，變量username與變量userName是兩個(gè)不同的變量。執(zhí)行順序大小寫敏感結(jié)尾分號(hào)注釋 大小寫敏感結(jié)尾分號(hào)注釋 執(zhí)行順序9.1javaScript基礎(chǔ)JavaScript語法規(guī)則在JavaScript中，每行結(jié)尾的分號(hào)可有可無。說明JavaScript語言并不要求必須以分號(hào)（；）作為語句的結(jié)束標(biāo)簽。如果語句的結(jié)束處沒有分號(hào)，JavaScript會(huì)自動(dòng)將該行代碼的結(jié)尾作為語句的結(jié)尾。但是，通常習(xí)慣在每行代碼的結(jié)尾處加上分號(hào)，來保證代碼的嚴(yán)謹(jǐn)性、準(zhǔn)確性。執(zhí)行順序大小寫敏感結(jié)尾分號(hào)注釋 大小寫敏感結(jié)尾分號(hào)注釋 執(zhí)行順序9.1javaScript基礎(chǔ)JavaScript語法規(guī)則JavaScript中主要包括兩種注釋：?jiǎn)涡凶⑨尯投嘈凶⑨?。語法格式單行注釋使用雙斜線“//”作為注釋標(biāo)簽，將“//”放在一行代碼的末尾或者單獨(dú)一行的開頭，它后面的內(nèi)容就是注釋部分。多行注釋可以包含任意行數(shù)的注釋文本。多行注釋是以“/*”標(biāo)簽開始，以“*/”標(biāo)簽結(jié)束，中間的所有內(nèi)容都為注釋文本。執(zhí)行順序大小寫敏感結(jié)尾分號(hào)注釋 大小寫敏感結(jié)尾分號(hào)注釋 執(zhí)行順序9.1javaScript基礎(chǔ)JavaScript引入方式1、行內(nèi)式行內(nèi)式是將JavaScript代碼作為HTML標(biāo)簽的屬性值使用。例如單擊“test”時(shí)，彈出一個(gè)警告框提示“Happy”。<ahref="javascript:alert('Happy');">test</a>單擊網(wǎng)頁中的一個(gè)按鈕時(shí)，就會(huì)觸發(fā)按鈕的單擊事件。<inputtype="button"onclick="alert('Happy');"value="test">9.1javaScript基礎(chǔ)JavaScript引入方式2、嵌入式在HTML中運(yùn)用<script>標(biāo)簽及其相關(guān)屬性可以嵌入JavaScript腳本代碼。基本語法格式<head><scripttype="text/javascript">//此處為JavaScript代碼</script></head>在編寫JavaScript代碼時(shí)可以省略type屬性。9.1javaScript基礎(chǔ)JavaScript引入方式3、外鏈?zhǔn)酵怄準(zhǔn)绞菍⑺械腏avaScript代碼放在一個(gè)或多個(gè)以.js為擴(kuò)展名的外部JavaScript文件中，通過<src>標(biāo)簽將這些JavaScript文件鏈接到HTML文檔中基本語法格式<scripttype="text/Javascript"src="腳本文件路徑"></script>在編寫JavaScript代碼時(shí)可以省略type屬性。9.1javaScript基礎(chǔ)JavaScript引入方式外鏈?zhǔn)降膬?yōu)勢(shì)1）利于后期修改和維護(hù)2）減輕文件體積、加快頁面加

載速度9.1javaScript基礎(chǔ)常用輸出語句1、alert()alert()用于彈出一個(gè)警告框，確保用戶可以看到某些提示信息。利用alert()可以很方便的輸出一個(gè)結(jié)果，因此alert()經(jīng)常用于測(cè)試程序。聲明變量基本語法格式window.alert(提示信息);alert(提示信息);或9.1javaScript基礎(chǔ)常用輸出語句2、console.log()console.log()用于在瀏覽器的控制臺(tái)中輸出內(nèi)容。例如：在網(wǎng)頁腳本中使用console.log（"HelloWorld"）9.1javaScript基礎(chǔ)常用輸出語句3、document.write()document.write()用于在頁面中輸出內(nèi)容。例如：在網(wǎng)頁腳本中使用document.write('<b>這是加粗文本</b>');9.1javaScript基礎(chǔ)腳下留心：需要注意的是，運(yùn)用document.write()時(shí)，如果輸出的內(nèi)容中包含JavaScript結(jié)束標(biāo)簽，會(huì)導(dǎo)致代碼提前結(jié)束。document.write('<script>alert(123);</script>');【示例】9.1javaScript基礎(chǔ)簡(jiǎn)單的JavaScript頁面該程序包含“警告框”和“頁面文字”兩部分。當(dāng)單擊圖中的“確定”按鈕后，警告框消失，顯示后面的網(wǎng)頁文字。9.1javaScript基礎(chǔ)數(shù)值型字符串型布爾型特殊類型字符串型布爾型特殊類型數(shù)字（number）是最基本的數(shù)據(jù)類型。JavaScript和其他程序設(shè)計(jì)語言（如C和Java）的不同之處在于它并不區(qū)分整型數(shù)值和浮點(diǎn)型數(shù)值。例如：整型數(shù)據(jù)：123十六進(jìn)制：0x5C八進(jìn)制：023浮點(diǎn)型數(shù)據(jù)：3.11（即小數(shù)）數(shù)據(jù)類型數(shù)值型字符串型布爾型特殊類型字符串(string)是由Unicode字符、數(shù)字、標(biāo)點(diǎn)符號(hào)等組成的序列，它是JavaScript用來表示文本的數(shù)據(jù)類型。例如：'name="myname"‘"Youcancallme'Tom'!"數(shù)值型字符串型布爾型特殊類型9.1javaScript基礎(chǔ)數(shù)值型字符串型布爾型特殊類型數(shù)值型數(shù)據(jù)類型和字符串型數(shù)據(jù)類型的值有無窮多個(gè)，但布爾型數(shù)據(jù)類型只有兩個(gè)值，分別由“true”和“false”表示。數(shù)值型字符串型布爾型特殊類型例如：'name="myname"‘"Youcancallme'Tom'!"JavaScript的if…else語句就是在布爾值為true時(shí)執(zhí)行一個(gè)動(dòng)作，而在布爾值為false時(shí)執(zhí)行另一個(gè)動(dòng)作。9.1javaScript基礎(chǔ)數(shù)值型字符串型布爾型特殊類型數(shù)值型字符串型布爾型特殊類型空值（null）空型（Null）用于表示一個(gè)不存在的或無效的對(duì)象與地址，它的取值只有一個(gè)null。并且由于JavaScript對(duì)大小寫字母書寫要求嚴(yán)格，因此變量的值只有是小寫的null時(shí)才表示空型。9.1javaScript基礎(chǔ)數(shù)值型字符串型布爾型特殊類型數(shù)值型字符串型布爾型未定義值未定義型（Undefined）用于聲明的變量還未被初始化時(shí)，變量的默認(rèn)值為undefined。與null不同的是，undefined表示沒有為變量設(shè)置值，而null則表示變量（對(duì)象或地址）不存在或無效。9.1javaScript基礎(chǔ)9.1javaScript基礎(chǔ)數(shù)據(jù)基本操作1、算術(shù)運(yùn)算JavaScript支持加（+）減（-）乘（*）除（/）四則運(yùn)算例如：alert(220+230); //輸出結(jié)果：450alert(2*3+25/5-1); //輸出結(jié)果：10alert(2*(3+25)/5-1); //輸出結(jié)果：10.2先乘除后加減小括號(hào)（）優(yōu)先9.1javaScript基礎(chǔ)數(shù)據(jù)基本操作2、比較大小JavaScript支持<、>、<、>、==（等于）等比較符號(hào)（比較運(yùn)算符），通過比較運(yùn)算符號(hào)可以比較兩個(gè)數(shù)字的大小例如：alert(22>33); //輸出結(jié)果：falsealert(22<33); //輸出結(jié)果：truealert(22==33); //輸出結(jié)果：falsealert(22==22); //輸出結(jié)果：true表示算式不成立表示算式成立9.1javaScript基礎(chǔ)數(shù)據(jù)基本操作3、賦值賦值需要使用賦值運(yùn)算符，最基本的賦值運(yùn)算符是等于號(hào)“=”。其他運(yùn)算符可以和賦值運(yùn)算符“=”聯(lián)合使用，構(gòu)成組合賦值運(yùn)算符賦值運(yùn)算符描述=將右邊表達(dá)式的值賦給左邊的變量。例如，username=“name”+=將運(yùn)算符左邊的變量加上右邊表達(dá)式的值賦給左邊的變量。例如，a+=b，相當(dāng)于a=a+b-=將運(yùn)算符左邊的變量減去右邊表達(dá)式的值賦給左邊的變量。例如，a-=b，相當(dāng)于a=a-b9.1javaScript基礎(chǔ)數(shù)據(jù)基本操作4、使用字符串保存數(shù)據(jù)在JavaScript中，使用單引號(hào)或雙引號(hào)包裹的數(shù)據(jù)是字符串，當(dāng)需要在警告框中輸出“Hello”時(shí)，為了在代碼中保存“Hello”這個(gè)數(shù)據(jù)，就需要用到字符串這種數(shù)據(jù)類型。例如：alert('Hello'); //單引號(hào)字符串a(chǎn)lert("Hello"); //雙引號(hào)字符串9.1javaScript基礎(chǔ)數(shù)據(jù)基本操作5、比較兩個(gè)字符串是否相同使用“==”運(yùn)算符可以比較兩個(gè)字符串是否相同例如：alert('22'=='22'); //輸出結(jié)果：truealert('22'=='33'); //輸出結(jié)果：false9.1javaScript基礎(chǔ)數(shù)據(jù)基本操作6、字符串與數(shù)字的拼接使用“+”運(yùn)算符操作兩個(gè)字符串時(shí)，表示字符串拼接例如：alert('220'+'230'); //輸出結(jié)果：220230alert('220+230='+220+230); //輸出結(jié)果：220+230=220230alert('220+230='+(220+230)); //輸出結(jié)果：220+230=4509.1javaScript基礎(chǔ)數(shù)據(jù)基本操作7、使用變量保存數(shù)據(jù)變量是指在程序運(yùn)行過程中，值可以發(fā)生改變的量，可以看作是存儲(chǔ)數(shù)據(jù)的容器。每一個(gè)變量都有唯一的名稱，通過名稱可以訪問其保存的數(shù)據(jù)。例如：varnum1=22; //使用名稱為num1的變量保存數(shù)字22varnum2=33; //使用名稱為num2的變量保存數(shù)字33alert(num1+num2); //輸出結(jié)果：55alert(num1-num2); //輸出結(jié)果：-11變量名用于將右邊的數(shù)據(jù)賦值給左邊的變量9.1javaScript基礎(chǔ)數(shù)據(jù)基本操作變量的值可以被修改例如：vartemp=num1; //將變量num1的值賦給變量tempnum1=num2; //將變量num2的值賦給變量num1num2=temp; //將變量temp的值賦給變量num2alert('num1='+num1+',num2='+num2); //輸出結(jié)果：num1=33,num2=22由于直接將num1和num2互相賦值，會(huì)導(dǎo)致其中一個(gè)變量的值丟失，因此需要使用第3個(gè)變量temp臨時(shí)保存其中一個(gè)變量的值。9.1javaScript基礎(chǔ)9.2流程控制9.3函數(shù)9.4BOM對(duì)象與DOM對(duì)象9.5事件與事件調(diào)用目

錄條件語句什么是if條件語句？9.2流程控制條件語句if條件語句是最基本、最常用的條件語句。通過判斷條件表達(dá)式的值為true或者false來確定是否執(zhí)行某一條語句。if條件語句主要包括單向判斷語句、雙向判斷語句和多向判斷語句9.2流程控制條件語句if語句1.單向判斷語句if（執(zhí)行條件）{

執(zhí)行語句

}單向判斷語句執(zhí)行流程9.2流程控制條件語句if語句1.單向判斷語句2.雙向判斷語句if（執(zhí)行條件）{執(zhí)行語句1}else{執(zhí)行語句2}9.2流程控制條件語句if語句1.單向判斷語句2.雙向判斷語句3.多向判斷語句if（執(zhí)行條件1）{執(zhí)行語句1}elseif（執(zhí)行條件2）{執(zhí)行語句2}elseif（執(zhí)行條件3）{執(zhí)行語句3}......9.2流程控制條件語句什么是for循環(huán)語句？9.2流程控制循環(huán)語句基本語法格式：for（初始化表達(dá)式;循環(huán)條件;操作表達(dá)式）{

執(zhí)行語句

………}for循環(huán)語句for循環(huán)語句也稱為計(jì)次循環(huán)語句，一般用于循環(huán)次數(shù)已知的情況循環(huán)體9.2流程控制循環(huán)語句用①表示初始化表達(dá)式、②表示循環(huán)條件、③表示操作表達(dá)式、④表示循環(huán)體，通過序號(hào)來具體分析for循環(huán)的執(zhí)行流程。for（①;②;③）{

④}第一步，執(zhí)行①第二步，執(zhí)行②，如果判斷結(jié)果為true，執(zhí)行第三步，如果判斷結(jié)果為false，執(zhí)行第五步第三步，執(zhí)行④第四步，執(zhí)行③，然后重復(fù)執(zhí)行第二步第五步，退出循環(huán)9.2流程控制跳轉(zhuǎn)語句break語句continue語句continue語句基本語法格式break;9.2流程控制跳轉(zhuǎn)語句break語句continue語句continue語句基本語法格式continue;break語句9.2流程控制9.1javaScript基礎(chǔ)9.2流程控制9.3函數(shù)9.4BOM對(duì)象與DOM對(duì)象9.5事件與事件調(diào)用目

錄在JavaScript程序中，經(jīng)常會(huì)遇到需要多次重復(fù)操作的情況，這時(shí)就需要重復(fù)書寫相同的代碼。工作量變大！維護(hù)困難！11.2JavaScript基礎(chǔ)入門什么是函數(shù)？11.2JavaScript基礎(chǔ)入門在Javascript程序設(shè)計(jì)中，為了使代碼更為簡(jiǎn)潔并可以重復(fù)使用，通常會(huì)將某段實(shí)現(xiàn)特定功能的代碼定義成一個(gè)函數(shù)。所謂的函數(shù)就是在計(jì)算機(jī)程序中由多條語句組成的邏輯單元。11.2JavaScript基礎(chǔ)入門認(rèn)識(shí)函數(shù)在JavaScript中，函數(shù)使用關(guān)鍵字function來定義。定義函數(shù)基本語法格式<scripttype="text/javascript"> function函數(shù)名([參數(shù)1,參數(shù)2,……])｛

函數(shù)體

｝</script>function：在聲明函數(shù)時(shí)必須使用的關(guān)鍵字函數(shù)名：創(chuàng)建函數(shù)的名稱，函數(shù)名是唯一的。

參數(shù)：外界傳遞給函數(shù)的值，它是可選的，當(dāng)有多個(gè)參數(shù)時(shí)，各參數(shù)用“，”分隔。函數(shù)體：函數(shù)定義的主體，專門用于實(shí)現(xiàn)特定的功能。11.2JavaScript基礎(chǔ)入門調(diào)用函數(shù)函數(shù)的調(diào)用非常簡(jiǎn)單，只需引用函數(shù)名，并傳入相應(yīng)的參數(shù)即可。調(diào)用函數(shù)基本語法格式函數(shù)名稱(參數(shù)1,參數(shù)2,……)11.2JavaScript基礎(chǔ)入門調(diào)用函數(shù)的參數(shù)必須具有確定的值，以便把這些值傳送給形參，這類參數(shù)被稱為“實(shí)參”函數(shù)中變量的作用域什么是變量的作用域？11.2JavaScript基礎(chǔ)入門函數(shù)中變量的作用域函數(shù)中的變量需要先定義后使用，但這并不意味著定義變量后就可以隨時(shí)使用。變量需要在它的作用范圍內(nèi)才可以被使用，這個(gè)作用范圍稱為變量的作用域。全局變量定義在所有函數(shù)之外，作用于整個(gè)程序的變量。局部變量定義在函數(shù)體之內(nèi)，作用于函數(shù)體的變量。11.2JavaScript基礎(chǔ)入門9.1javaScript基礎(chǔ)9.2流程控制9.3函數(shù)9.4BOM對(duì)象與DOM對(duì)象9.5事件與事件調(diào)用目

錄認(rèn)識(shí)對(duì)象什么是對(duì)象？9.4BOM對(duì)象與DOM對(duì)象認(rèn)識(shí)對(duì)象9.4BOM對(duì)象與DOM對(duì)象“人”具有姓名、性別、年齡、身高、體重等特性“人”可以做吃飯、開車、運(yùn)動(dòng)等動(dòng)作認(rèn)識(shí)對(duì)象在計(jì)算機(jī)世界中，不僅包括來自于客觀世界的對(duì)象，還包含為解決問題而引入的抽象對(duì)象。例如，一個(gè)用戶可以看做一個(gè)對(duì)象，它包含用戶名、用戶密碼等特性，也包含注冊(cè)、注銷等動(dòng)作。一個(gè)web頁可以看做一個(gè)對(duì)象，它包含背景色、段落文本、標(biāo)題等特性，同時(shí)又包含打開、關(guān)閉和寫入等動(dòng)作?！窘Y(jié)論】對(duì)象就是一組屬性與方法的集合。9.4BOM對(duì)象與DOM對(duì)象認(rèn)識(shí)對(duì)象屬性：用來描述對(duì)象特性的數(shù)據(jù)，即若干變量。方法：用來操作對(duì)象的若干動(dòng)作，即若干函數(shù)。9.4BOM對(duì)象與DOM對(duì)象window對(duì)象9.4BOM對(duì)象與DOM對(duì)象知識(shí)點(diǎn)概述window對(duì)象表示整個(gè)瀏覽器窗口，用于獲取瀏覽器窗口的大小、位置，或設(shè)置定時(shí)器等。屬性/方法說明document、history、location、navigator、screen返回相應(yīng)對(duì)象的引用。例如document屬性返回document對(duì)象的引用。parent、self、top分別返回父窗口、當(dāng)前窗口和最頂層窗口的對(duì)象引用。screenLeft、screenTop、screenX、screenY返回窗口的左上角、在屏幕上的X、Y坐標(biāo)。Firefox不支持screenLeft、screenTop，IE8及更早的IE版本不支持screenX、screenY。innerWidth、innerHeight分別返回窗口文檔顯示區(qū)域的寬度和高度。outerWidth、outerHeight分別返回窗口的外部寬度和高度。closed返回當(dāng)前窗口是否已被關(guān)閉的布爾值。opener返回對(duì)創(chuàng)建此窗口的窗口引用。open()、close()打開或關(guān)閉瀏覽器窗口。alert()、confirm()、prompt()分別表示彈出警告框、確認(rèn)框、用戶輸入框。moveBy()、moveTo()以窗口左上角為基準(zhǔn)移動(dòng)窗口，moveBy()是按偏移量移動(dòng)，moveTo()是移動(dòng)到指定的屏幕坐標(biāo)。scrollBy()、scrollTo()scrollBy()是按偏移量滾動(dòng)內(nèi)容，scrollTo()是滾動(dòng)到指定的坐標(biāo)。setTimeout()、clearTimeout()設(shè)置或清除普通定時(shí)器。setInterval()、clearInterval()設(shè)置或清除周期定時(shí)器。window對(duì)象9.4BOM對(duì)象與DOM對(duì)象1window對(duì)象的基本使用2打開和關(guān)閉窗口3setTimeout()定時(shí)器的使用4setInterval()定時(shí)器的使用document對(duì)象9.4BOM對(duì)象與DOM對(duì)象知識(shí)點(diǎn)概述document對(duì)象用于處理網(wǎng)頁文檔，通過該對(duì)象可以訪問文檔中所有的標(biāo)簽。屬性/方法說明body訪問<body>元素。lastModified獲得文檔最后修改的日期和時(shí)間。referrer獲得該文檔的來路URL地址，當(dāng)文檔通過超鏈接被訪問時(shí)有效。title獲得當(dāng)前文檔的標(biāo)題。write()向文檔寫HTML或JavaScript代碼。元素對(duì)象常用操作9.4BOM對(duì)象與DOM對(duì)象知識(shí)點(diǎn)概述元素對(duì)象表示HTML標(biāo)簽，例如一個(gè)“<div>”元素對(duì)象就表示網(wǎng)頁文檔中的一個(gè)“<div>”標(biāo)簽。類型方法說明訪問指定節(jié)點(diǎn)getElementById()獲取擁有指定ID的第一個(gè)標(biāo)簽對(duì)象的引用。getElementsByName()獲取帶有指定名稱的標(biāo)簽對(duì)象集合。getElementsByTagName()獲取帶有指定標(biāo)簽名的標(biāo)簽對(duì)象集合。getElementsByClassName()獲取指定class的標(biāo)簽對(duì)象集合。（不支持IE6~8瀏覽器）創(chuàng)建節(jié)點(diǎn)createElement()創(chuàng)建元素節(jié)點(diǎn)createTextNode()創(chuàng)建文本節(jié)點(diǎn)節(jié)點(diǎn)操作appendChild()為當(dāng)前節(jié)點(diǎn)增加一個(gè)子節(jié)點(diǎn)（作為最后一個(gè)子節(jié)點(diǎn)）insertBefore()為當(dāng)前節(jié)點(diǎn)增加一個(gè)子節(jié)點(diǎn)（插入到指定子節(jié)點(diǎn)之前）removeChild()刪除當(dāng)前節(jié)點(diǎn)的某個(gè)子節(jié)點(diǎn)元素對(duì)象常用操作9.4BOM對(duì)象與DOM對(duì)象元素屬性與內(nèi)容操作類型屬性/方法說明元素內(nèi)容innerHTML獲取或設(shè)置元素的HTML內(nèi)容樣式屬性className獲取或設(shè)置元素的class屬性style獲取或設(shè)置元素的style樣式屬性位置屬性offsetWidth、offsetHeight獲取或設(shè)置元素的寬和高（不含滾動(dòng)條）scrollWidth、scrollHeight獲取或設(shè)置元素的完整的寬和高（含滾動(dòng)條）offsetTop、offsetLeft獲取或設(shè)置包含滾動(dòng)條，距離上或左邊滾動(dòng)過的距離scrollTop、scrollLeft獲取或設(shè)置元素在網(wǎng)頁中的坐標(biāo)屬性操作getAttribute()獲得元素指定屬性的值setAttribute()為元素設(shè)置新的屬性removeAttribute()為元素刪除指定的屬性元素對(duì)象常用操作9.4BOM對(duì)象與DOM對(duì)象Style屬性中CSS樣式名稱說明background設(shè)置或返回元素的背景屬性backgroundColor設(shè)置或返回元素的背景色display設(shè)置或返回元素的顯示類型height設(shè)置或返回元素的高度left設(shè)置或返回定位元素的左部位置listStyleType設(shè)置或返回列表項(xiàng)標(biāo)簽的類型overflow設(shè)置或返回如何處理呈現(xiàn)在元素框外面的內(nèi)容textAlign設(shè)置或返回文本的水平對(duì)齊方式textDecoration設(shè)置或返回文本的修飾width設(shè)置或返回元素的寬度textIndent設(shè)置或返回文本第一行的縮進(jìn)自定義對(duì)象9.4BOM對(duì)象與DOM對(duì)象知識(shí)點(diǎn)概述除了直接使用JavaScript中的內(nèi)置對(duì)象，用戶也可以自己創(chuàng)建一個(gè)自定義對(duì)象，并為對(duì)象添加屬性和方法。{}即可創(chuàng)建自定義對(duì)象創(chuàng)建后通過賦值的方式可以為對(duì)象添加成員賦值的是一個(gè)可調(diào)用的函數(shù)表示添加的是方法賦值的是一個(gè)不可調(diào)用的函數(shù)表示添加的是屬性9.1javaScript基礎(chǔ)9.2流程控制9.3函數(shù)9.4BOM對(duì)象與DOM對(duì)象9.5事件與事件調(diào)用目

錄事件和事件調(diào)用什么是事件？事件和事件調(diào)用與事件和事件調(diào)用事件是指可以被JavaScript偵測(cè)到的交互行為，例如在網(wǎng)頁中滑動(dòng)、點(diǎn)擊鼠標(biāo)，滾動(dòng)屏幕，敲擊鍵盤等。當(dāng)發(fā)生事件以后，可以利用JavaScript編程來執(zhí)行一些特定的代碼，從而實(shí)現(xiàn)網(wǎng)頁的交互效果。事件和事件調(diào)用與事件和事件調(diào)用事件處理的過程發(fā)生事件啟動(dòng)事件處理程序事件處理程序作出反應(yīng)事件和事件調(diào)用與常見的JavaScript事件事件和事件調(diào)用與1鼠標(biāo)事件2鍵盤事件3表單事件4頁面事件鼠標(biāo)事件是指通過鼠標(biāo)動(dòng)作觸發(fā)的事件常見的JavaScript事件事件和事件調(diào)用與常用的鼠標(biāo)事件類別事件事件說明鼠標(biāo)事件onclick

鼠標(biāo)單擊時(shí)觸發(fā)此事件ondblclick

鼠標(biāo)雙擊時(shí)觸發(fā)此事件onmousedown

鼠標(biāo)按下時(shí)觸發(fā)此事件onmouseup

鼠標(biāo)彈起時(shí)觸發(fā)的事件onmouseover

鼠標(biāo)移動(dòng)到某個(gè)設(shè)置了此事件的元素上時(shí)觸發(fā)此事件onm

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論