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