第一篇:JavaScript學(xué)習(xí)總結(jié)(最終版)
1、JavaScript變量可以使用var事先進(jìn)行聲明,也可以用賦值語句隱藏聲明。對(duì)于一個(gè)變量,它存在指的是它擁有值。檢查一個(gè)變量是否有值的方法是使用Window對(duì)象,因?yàn)镴avaScript聲明或使用的變量都屬于Window對(duì)象的屬性。
2、JavaScript函數(shù)使用function命令聲明,如果函數(shù)有返回值,在調(diào)用時(shí)就可以使用指定語
句獲取返回值。當(dāng)調(diào)用函數(shù)傳入?yún)?shù)時(shí),函數(shù)即使沒有指明參數(shù)名稱,也一樣可以使用參數(shù)數(shù)組的對(duì)象arguments獲取參數(shù)的個(gè)數(shù)和參數(shù)值。
3、局部變量:在函數(shù)內(nèi)聲明,只能在函數(shù)內(nèi)的程序使用;全局變量:在函數(shù)外聲明,整個(gè)
JavaScript程序的函數(shù)和程序代碼都可以使用。
4、自定義JavaScript的對(duì)象:直接建立Object對(duì)象副本后,可新增所需的屬性和方法;建
立對(duì)象的構(gòu)造函數(shù),定義屬性和方法,使用new命令建立對(duì)象副本時(shí),構(gòu)造函數(shù)傳入的參數(shù)是對(duì)象的屬性值,如果在建立副本時(shí)未指定屬性值,一樣可以在建立副本后再設(shè)置對(duì)象的屬性值。
5、JavaScript的內(nèi)置對(duì)象:Array、Date、Function、Math、String···
6、DHTML對(duì)象模型:是將瀏覽器和HTML文件的標(biāo)簽都對(duì)象化,以便JavaScript程序代
碼可以輕易地操控瀏覽器和訪問HTML標(biāo)簽的對(duì)象。
版本3.xBOM、版本4.xDHTML=BOM+DHTML DOM、版本5.xBOM+W3C DOM7、DOM對(duì)象模型是一種擁有擴(kuò)展性的文件架構(gòu)
DOM Level 0-DHTML DOM、DOM Level 1 – W3C DOM
DHTML DOM 和 W3C DOM 的差異在于DHTML DOM只是將整份HTML文件都對(duì)象化,每一個(gè)HTML標(biāo)簽都對(duì)應(yīng)有標(biāo)簽對(duì)象;W3C DOM屬于一種通用的文件瀏覽和訪問機(jī)制,可以將整份HTML或XML文件視為一種階層架構(gòu)的樹狀結(jié)構(gòu)。
8、DHTML對(duì)象模型的完整架構(gòu)是由BOM的根對(duì)象Window開始。
9、Window對(duì)象:瀏覽器的窗口對(duì)象
瀏覽器的狀態(tài)欄:屬性defaultStatus、status
定時(shí)器:方法setTimeout(express,time)clearTimeout()
只會(huì)運(yùn)行一次,在經(jīng)過設(shè)置的一段時(shí)間后,運(yùn)行指定的函數(shù)或表達(dá)式
方法setInterval(express,time)clearInteval()
一旦啟動(dòng)就可以周期性地運(yùn)行函數(shù)或表達(dá)式
窗口的打開與關(guān)閉:open(url,winName)方法可以打開一個(gè)全新的窗口,并且使用JavaScript程序代碼獲取新窗口的Window對(duì)象;在父窗口使用winID訪問新窗口的屬性和方法,Window對(duì)象的opener屬性可以參考到父窗口的Window對(duì)象。
Close()方法可以關(guān)閉一個(gè)窗口。
10、Window對(duì)象內(nèi)置對(duì)話框:
alert(message)顯示一個(gè)警告信息的窗口,參數(shù)就是顯示的信息內(nèi)容。
confirm(message)一個(gè)確認(rèn)的對(duì)話框,參數(shù)為信息內(nèi)容,傳回true表示單擊”確認(rèn)”按鈕,false為”取消”按鈕。
Prompt(msg,value)顯示輸入文字內(nèi)容的對(duì)話框,參數(shù)msg為信息內(nèi)容,value為默認(rèn)值,傳回用戶輸入的字符串。
showModelessDialog(url,arguments,features)顯示一個(gè)新的窗口,參數(shù)url為顯示的網(wǎng)頁。arguments為傳送到顯示網(wǎng)頁的參數(shù),可以是任何數(shù)據(jù),例如對(duì)象;在顯示的網(wǎng)頁中可以使用window對(duì)象的dialogArguments屬性獲取傳遞過來的參數(shù)。feature參數(shù)可以設(shè)置對(duì)話框的外觀。
11、更改窗口的尺寸和位置:
Window對(duì)象的屬性:screenLeft傳回左邊界的坐標(biāo) screenTop傳回上邊界的坐標(biāo)
Window對(duì)象的方法:moveTo(x,y)將瀏覽器移到坐標(biāo)x和y的位置
moveBy(offsetx,offsety)將瀏覽器目前的位置移動(dòng)參數(shù)的位移量
resizeTo(width,height)將瀏覽器窗口調(diào)整為參數(shù)width和height的尺寸resizeBy(offsetx,offsety)將瀏覽器窗口尺寸放大或縮小
12、窗口內(nèi)容的卷動(dòng)
Window對(duì)象的方法:scroll(x,y)、scrollTo(x,y)滾動(dòng)窗口內(nèi)容到指定的位置
scrollBy(offsetx,offsety)從目前窗口內(nèi)容的位置,滾動(dòng)參數(shù)的位移量
13、Navigator對(duì)象:獲取瀏覽器和系統(tǒng)資源的信息
14、History對(duì)象:保存歷史記錄
15、Location對(duì)象:保存目前URL網(wǎng)址的詳細(xì)數(shù)據(jù)
屬性:href 返回完整的URL字符串,重設(shè)該屬性可以轉(zhuǎn)向鏈接到其他的網(wǎng)址
方法:reload()重新加載現(xiàn)在打開的HTML文件,如同瀏覽器工具欄中的“刷新”按鈕replace(url)轉(zhuǎn)向到參數(shù)url的網(wǎng)址,如同設(shè)置href屬性
16、Document對(duì)象:
打開與寫入文件:方法open(“text/html”,”replace”)可以清除目前的文件內(nèi)容,第一個(gè)參數(shù)是MIME類型,text/html就是html文件,第二個(gè)參數(shù)replace可以取代歷史記錄,瀏覽器就無法按工具欄的“上一頁”按鈕返回上一頁。
方法 write()或writeln()輸出HTML文件的內(nèi)容
方法 close()顯示輸出的內(nèi)容
獲取文件的指定元素:getElementById()
17、JavaScript的Cookies處理:Cookies可以在客戶端的計(jì)算機(jī)保存所需的數(shù)據(jù),可以使用
Document對(duì)象的cookie屬性處理Cookie的訪問,返回的字符串使用“;”分隔每一個(gè)Cookie
新增Cookie函數(shù):saveCookie(name,value,expires)
獲取Cookie值函數(shù):getCookie(name)
檢查Cookie是否存在的函數(shù):checkCookieExit()
刪除Cookie函數(shù):deleteCookie(name)
18、DHTML DOM的Collection對(duì)象:
document.all對(duì)象集合可以獲取HTML文件中所有的標(biāo)簽對(duì)象,這是一個(gè)數(shù)組對(duì)象,依
照標(biāo)簽在HTML文件出現(xiàn)的順序,可以使用索引值訪問指定的標(biāo)簽對(duì)象,如document.all[i]。也可以直接使用id屬性獲取,如document.all(“myId”)或myId。
如果HTML文件擁有同名的id屬性,獲取的仍然是一個(gè)集合,還需要使用item()方法
獲取指定的標(biāo)簽對(duì)象。
同理,myBody.all對(duì)象集合可以獲取id為myBody的body區(qū)域塊中的所有標(biāo)簽對(duì)象。在all對(duì)象集合的所有標(biāo)簽對(duì)象中,可以進(jìn)一步使用tags()方法篩選出指定標(biāo)簽的對(duì)象集
合,如document.all.tags(“p”),可使用length屬性獲取共有多少個(gè)
標(biāo)簽。
19、HTML文件的階層架構(gòu):
HTML文件中的標(biāo)簽屬于一種階層架構(gòu),可以使用parentElement屬性獲取上一層的標(biāo)
簽對(duì)象,用children對(duì)象集合獲取下一層標(biāo)簽的對(duì)象集合,這個(gè)對(duì)象集合可以進(jìn)一步使用item()方法獲取指定的標(biāo)簽對(duì)象。
20、訪問HTML標(biāo)簽的內(nèi)容:
innerText()訪問標(biāo)簽對(duì)象的內(nèi)容
innerHTML()訪問標(biāo)簽對(duì)象內(nèi)的子標(biāo)簽和內(nèi)容,不包含標(biāo)簽對(duì)象本身
outerText()訪問標(biāo)簽對(duì)象的內(nèi)容,可以用來取代整個(gè)標(biāo)簽對(duì)象
outerHTML()訪問標(biāo)簽對(duì)象的子標(biāo)簽和內(nèi)容,包括標(biāo)簽對(duì)象本身
21、訪問HTML標(biāo)簽的屬性:
在獲取HTML標(biāo)簽的對(duì)象后,也可以訪問標(biāo)簽對(duì)象的屬性
22、CSS層級(jí)式樣式表:
HTML標(biāo)簽都擁有默認(rèn)的顯示樣式,CSS能夠重新定義HTML標(biāo)簽的顯示效果,也可以自定義新的樣式名稱。
如果是class屬性,則定義的樣式名稱以”.”句點(diǎn)開始,可以定義多個(gè)值,并且可以應(yīng)用到多個(gè)標(biāo)簽上
如果是id屬性,則定義的樣式名稱以”#”開始,可以定義多個(gè)值,但只能應(yīng)用到一個(gè)標(biāo)簽上
23、動(dòng)態(tài)樣式CSS:
CSS樣式屬性可以對(duì)應(yīng)Style對(duì)象的屬性,在獲取HTML標(biāo)簽對(duì)象后,可以訪問Style對(duì)象的屬性,如:objEle.style.color24、DHTML的事件:
事件就是在瀏覽器顯示和閱讀HTML文件時(shí),鼠標(biāo)、鍵盤或文件加載等操作所觸發(fā)的一些動(dòng)作
鼠標(biāo)事件:onclick 單擊鼠標(biāo)左鍵 ondbclick 雙擊鼠標(biāo)左鍵 onmousemove 移動(dòng)鼠標(biāo)onmouseout 鼠標(biāo)指針離開HTML標(biāo)簽
onmouseover鼠標(biāo)指針進(jìn)入HTML標(biāo)簽
onmousedown 按下鼠標(biāo)鍵onmouseup 放開鼠標(biāo)鍵
鍵盤事件:onkeydown 當(dāng)按下鍵盤按鍵 onkeyup 放開鍵盤按鍵
其他常用事件:onload 當(dāng)瀏覽器加載HTML文件后
onunload 當(dāng)用戶離開瀏覽器,或是加載其他網(wǎng)頁時(shí)
onfocus 用戶指定對(duì)象擁有處理權(quán)
onblur 用戶離開擁有處理權(quán)的對(duì)象
onchange 用戶更改對(duì)象的內(nèi)容
onsubmit 用戶發(fā)送窗體字段
onreset 用戶重設(shè)窗體字段
onselect 用戶選擇了網(wǎng)頁內(nèi)容
25、JavaScript的事件處理:
方式一:在HTML標(biāo)簽的屬性中設(shè)置JavaScript的事件處理函數(shù)
如:
方式二:在對(duì)象的屬性中設(shè)置JavaScript的事件處理
如:document.myForm.myButton.onclick = showAlert;
如果事件是由Window或Document等上層對(duì)象所觸發(fā),此時(shí)只需設(shè)置對(duì)象的事件屬性,就可以指定事件的處理函數(shù)
取消事件的處理:可以取消用戶新增的事件處理函數(shù),也可以取消瀏覽器默認(rèn)的事件處
理函數(shù)。
當(dāng)事件觸發(fā)后,瀏覽器默認(rèn)的事件處理函數(shù)就會(huì)進(jìn)行事件的處理,擁有默認(rèn)處理函數(shù)的 常見事件有:元素 事件onclick 單擊可以顯示其他URL網(wǎng)址的HTML文件元素
元素document 事件oncontextmenu 單擊鼠標(biāo)右鍵可以顯示一個(gè)快捷菜單 方式一:將事件屬性設(shè)為null
如:document.myForm.myButton.onclick = null;
方式二:使用自定義的事件處理函數(shù),函數(shù)傳回false時(shí)就可取消事件
如:return false;
方式三:將event對(duì)象的returnValue屬性設(shè)置為false
如:event.returnValue = false;
26、Event對(duì)象:
當(dāng)事件觸發(fā)時(shí)就會(huì)產(chǎn)生一個(gè)Event對(duì)象,它的屬性用來記錄事件觸發(fā)時(shí)的一些數(shù)據(jù)Event對(duì)象是一個(gè)全局屬性,不能把Event對(duì)象作為參數(shù)傳遞給事件處理函數(shù)屬性:srcElement 返回事件觸發(fā)時(shí)的標(biāo)簽對(duì)象
returnValue 設(shè)置和取消事件的返回值
27、DHTML DOM的窗體對(duì)象的架構(gòu)
使用字段名稱訪問窗體字段:如 document.myForm.myUserName.value
使用forms和elements對(duì)象訪問字段:如 document.forms[0].elements[0].value28、Form對(duì)象
屬性:name、action、method、target
方法:submit()發(fā)送窗體字段到服務(wù)器reset()重設(shè)窗體的各字段為默認(rèn)值
29、Input對(duì)象
屬性:name、type、value、disabled、form、readonly、maxlength
針對(duì)單選按鈕和復(fù)選框的屬性:checked
方法:blur()設(shè)置Input對(duì)象失去處理權(quán)focus()設(shè)置Input對(duì)象擁有處理權(quán)
select()選擇Input對(duì)象click()觸發(fā)其他字段的onclick事件
30、Select對(duì)象
屬性:name、disabled、length、options、selectedIndex、size、multiple
方法:blur()設(shè)置Select對(duì)象失去處理權(quán)focus()設(shè)置Select對(duì)象擁有處理權(quán)
add(objOption, index)新增一個(gè)
使用構(gòu)造函數(shù)建立Option對(duì)象:var objOption = new Option(text, value)
remove(index)刪除參數(shù)索引值的選項(xiàng)
31、Option對(duì)象
屬性:value、text、selected32、Textarea對(duì)象
屬性:cols、rows
方法:blur()設(shè)置Textarea對(duì)象失去處理權(quán)focus()設(shè)置Textarea對(duì)象擁有處理權(quán)
select()選擇Textarea對(duì)象
33、JavaScript的窗體字段驗(yàn)證
驗(yàn)證屬性: 文字、密碼和備注 value
單選按鈕和復(fù)選框 checked
下拉式菜單selected
方法:submit()onsubmit事件
34、Table對(duì)象
屬性:border、cellPadding、cellSpaing、rows
方法:insertRow(index)在表格插入一個(gè)新行,插入的位置是在參數(shù)的行號(hào)之前deleteRow(index)在表格刪除傳入?yún)?shù)行號(hào)的表格行
35、TableRow對(duì)象
屬性:cells、rowIndex
方法:insertCell(index)插入單元格,是插在傳入的單元格編號(hào)之前
deleteCell(index)刪除傳入單元格編號(hào)參數(shù)的單元格
36、TableCell對(duì)象
屬性:colSpan、rowSpan、cellIndex37、Window對(duì)象的frames對(duì)象集合當(dāng)瀏覽器顯示框架頁時(shí),框架頁的每一個(gè)框架都是一個(gè)Window對(duì)象,使用frame[]對(duì)象集合獲取各框架的Window對(duì)象,也可以直接使用框架標(biāo)簽的名稱來獲取各框架的Window對(duì)象。
Window對(duì)象的屬性:self 返回目前的Window對(duì)象
parent 返回目前框架的上一層對(duì)象
top 如果是一個(gè)嵌套框架,top就是最上層的Window對(duì)象
38、FrameSet對(duì)象
屬性:name、cols、rows39、Frame對(duì)象
屬性:name、src40、Iframe對(duì)象
屬性:name、src41、Anchor對(duì)象
屬性:href、target 訪問顯示的框架名稱或窗口(默認(rèn)值有_blank _self _parent)方法:blur()設(shè)置Anchor對(duì)象失去處理權(quán)focus()設(shè)置Anchor對(duì)象擁有處理權(quán)
42、W3C DOM瀏覽節(jié)點(diǎn)
DHTML DOM 和W3C DOM最主要的差異就是獲取節(jié)點(diǎn)的方式
DHTML DOM需要使用id/name屬性或者對(duì)象集合等不同方式才能獲得標(biāo)簽對(duì)象
W3C DOM提供一致的走訪方式,只要建立好樹狀結(jié)構(gòu),所有能走訪到的節(jié)點(diǎn)就是標(biāo)簽
對(duì)象
只讀屬性:firstChild、lastChild、parentNode、nextSibling、previousSibling、nodeName讀/寫屬性:nodeValue訪問文字節(jié)點(diǎn)的內(nèi)容
對(duì)象集合:childNodes子節(jié)點(diǎn)的對(duì)象集合、attributes節(jié)點(diǎn)屬性的對(duì)象集合43、Ajax應(yīng)用程序架構(gòu)
傳統(tǒng)Web應(yīng)用程序架構(gòu):瀏覽器向web服務(wù)器提出HTTP請(qǐng)求,web服務(wù)器處理后產(chǎn)生HTML文件,就可以傳回瀏覽器來顯示。服務(wù)器可能單純傳回請(qǐng)求的HTML文件,或運(yùn)行服務(wù)器網(wǎng)頁技術(shù)ASP、JSP等,動(dòng)態(tài)產(chǎn)生或進(jìn)一步從數(shù)據(jù)庫取出所需數(shù)據(jù)來建立相應(yīng)的HTML文件。在客戶端瀏覽器只是單純顯示HTML網(wǎng)頁內(nèi)容,而且瀏覽器需要等待服務(wù)器響應(yīng)后,才能顯示網(wǎng)頁內(nèi)容。
Ajax應(yīng)用程序架構(gòu):最大差異是在客戶端新增JavaScript編寫的Ajax引擎來處理HTTP請(qǐng)求,并獲取服務(wù)器的響應(yīng)數(shù)據(jù),更新網(wǎng)頁接口的部分內(nèi)容。用戶不再需要等待服務(wù)器的相應(yīng),就可以進(jìn)行其他操作。
44、XML的基礎(chǔ)
XML是可擴(kuò)展的標(biāo)識(shí)語言,用來描述數(shù)據(jù),需要自行定義描述數(shù)據(jù)所需的各種標(biāo)簽。XML文件的組成元素:
元素、屬性、實(shí)體參考:< <> >& &'?" “
批注:PCDATA:XML文件的文字內(nèi)容
CDATA區(qū)塊: 通常用來保存程序代碼數(shù)據(jù)
PI: 允許XML文件包含傳送給應(yīng)用程序的命令。
DTD:XML文件的驗(yàn)證機(jī)制,可以檢查XML標(biāo)簽和文件架構(gòu)是否正確。
45、XHTML的基礎(chǔ)
XHTML仍然使用HTML4.0版的標(biāo)簽,它是W3C制定用來取代HTML4.0版的下一代HTML。XHTML文件是良好格式的HTML,它必須遵循XML文件的編寫規(guī)則: ·不可以省略結(jié)尾標(biāo)簽,保證所有標(biāo)簽都成對(duì)出現(xiàn)
·標(biāo)簽和屬性都是使用小寫的英文字
·屬性值需要使用引號(hào)括起來
·name屬性使用id屬性取代
46、XML DOM
XML DOM是W3C DOM針對(duì)XML文件所提供應(yīng)用程序的標(biāo)準(zhǔn)的程序接口,可以通過接口來訪問各種節(jié)點(diǎn)對(duì)象。
第二篇:javascript常用語句
<%
if username=“" then
response.write”“
Response.End
end if
if len(username)<6 then
response.write”“
Response.End
end if
if password=”“ then
response.write”“
Response.End
end if
if len(password)<6 then
response.write”“
Response.End
end if
if password<>re_password then
response.write”“
Response.End
end if
if not isnumeric(tel)then
response.write”“
Response.End
end if
if not IsValidEmail(email)then
response.write”“
Response.End
end if
if not isnumeric(qq)then
response.write”“
Response.End
end if
%>
response.write ”“
response.Write ”“
response.End