js文檔屬性與事件大全

http://www.alixixi.com/web/a/2008050746810.shtml

 

對象屬性
document.title             //設置文檔標題等價於HTML的<title>標籤
document.bgColor           //設置頁面背景色
document.fgColor           //設置前景色(文本顏色)
document.linkColor         //未點擊過的鏈接顏色
document.alinkColor        //激活鏈接(焦點在此鏈接上)的顏色
document.vlinkColor        //已點擊過的鏈接顏色
document.URL               //設置URL屬性從而在同一窗口打開另一網頁
document.fileCreatedDate   //文件建立日期,只讀屬性
document.fileModifiedDate  //文件修改日期,只讀屬性
document.fileSize          //文件大小,只讀屬性
document.cookie            //設置和讀出cookie
document.charset           //設置字符集 簡體中文:gb2312
---------------------------------------------------------------------
對象方法
document.write()                  //動態向頁面寫入內容
document.createElement(Tag)       //創建一個html標籤對象
document.getElementById(ID)       //獲得指定ID值的對象
document.getElementsByName(Name)  //獲得指定Name值的對象
---------------------------------------------------------------------
images集合(頁面中的圖象)
a)通過集合引用
document.images             //對應頁面上的<img>標籤
document.images.length      //對應頁面上<img>標籤的個數
document.images[0]          //第1個<img>標籤
document.images[i]          //第i-1個<img>標籤
b)通過nane屬性直接引用
<img name="oImage">
document.images.oImage      //document.images.name屬性
c)引用圖片的src屬性
document.images.oImage.src  //document.images.name屬性.src
d)創建一個圖象
var oImage
oImage = new Image()
document.images.oImage.src="http://www.pushad.com/1.jpg"
//同時在頁面上建立一個<img>標籤與之對應就可以顯示
<html>
<img name=oImage>
<script language="javascript">
   var oImage
   oImage = new Image()
   document.images.oImage.src="http://www.pushad.com/1.jpg"
</script>
</html>
----------------------------------------------------------------------
forms集合(頁面中的表單)
a)通過集合引用
document.forms                 //對應頁面上的<form>標籤
document.forms.length          //對應頁面上<form>標籤的個數
document.forms[0]              //第1個<form>標籤
document.forms[i]              //第i-1個<form>標籤
document.forms[i].length       //第i-1個<form>中的控件數
document.forms[i].elements[j]  //第i-1個<form>中第j-1個控件
b)通過標籤name屬性直接引用
<form name="Myform"><input name="myctrl"></form>
document.Myform.myctrl         //document.表單名.控件名
-----------------------------------------------------------------------
<html>
<!--Text控件相關Script-->
<form name="Myform">
<input type="text" name="oText">
<input type="password" name="oPswd">
<form>
<script language="javascript">
//獲取文本密碼框的值
document.write(document.Myform.oText.value)
document.write(document.Myform.oPswd.value)
</script>
</html>
-----------------------------------------------------------------------
<html>
<!--Select控件相關Script-->
<form name="Myform">
<select name="oSelect">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</form>
<script language="javascript">
   //遍歷select控件的option項
   var length
   length=document.Myform.oSelect.length
   for(i=0;i<length;i++)
   document.write(document.Myform.oSelect[i].value)
</script>
<script language="javascript">
   //遍歷option項並且判斷某個option是否被選中
   for(i=0;i<document.Myform.oSelect.length;i++){
   if(document.Myform.oSelect[i].selected!=true)
   document.write(document.Myform.oSelect[i].value)
   else
   document.write("<font color=red>"+document.Myform.oSelect[i].value+"</font>")  
   }
</script>
<script language="javascript">
   //根據SelectedIndex打印出選中的option
   //(0到document.Myform.oSelect.length-1)
   i=document.Myform.oSelect.selectedIndex
   document.write(document.Myform.oSelect[i].value)
</script>
<script language="javascript">
   //動態增加select控件的option項
   var oOption = document.createElement("OPTION");
   oOption.text="4";
   oOption.value="4";
   document.Myform.oSelect.add(oOption);
</script>
<html>
-----------------------------------------------------------------------
<Div id="oDiv">Text</Div>
document.all.oDiv                       //引用圖層oDiv
document.all.oDiv.style                
document.all.oDiv.style.display=""      //圖層設置爲可視
document.all.oDiv.style.display="none"  //圖層設置爲隱藏
/*document.all表示document中所有對象的集合
只有ie支持此屬性,因此也用來判斷瀏覽器的種類*/
input元素
input元素用於定義文本實體對象,包含有對輸入文本內容的格式、數據類型、長度、值、變量名等多種屬性的具體規定。當用戶輸入滿足input元素的規定時,則接收輸入信息,並賦給指定的變量靈活進行相應的操作、處理;否則,就通過瀏覽器給出具體的處理意見,並進行是單個輸入處理或變量初始化操作,比如刷新卡片以讓用戶重新輸入,或給用戶指出輸入錯誤所在並等待進一步的處理指令等。input元素是WML編程中處理用戶交互活動的重要元素,它通過單獨的<input/>標籤進行定義,其語法格式如下:
<input name="variable" title="label" type="type" value="value" default="default" format="specifier" emptyok="false|true" size="n" maxlength="n" tabindex="n"/>
其中除了name屬性是必選的以外,其他屬性都是可選的。這些屬性的功能和用法介紹如下: 1)name。該屬性用於指定用來保存用戶輸入文本的變量和名稱。定義name屬性後WML將根據該屬性也即變量名,爲即將輸入的文本實體對象與之存儲空間,以便接收用戶輸入。
2)title。該屬性用於input元素的標籤,通常是位於輸入框前的提示信息。
3)type。用於指定文本輸入區的類型,有text和password兩種選擇。默認值爲text,指定的用戶可以輸入文本,而且輸入的文本會同時逐漸響應並顯示在瀏覽器中。如果選擇password,則指定用戶輸入的文本作爲密碼文本處理,WML程序按文本實體接收輸入的數據,而瀏覽器上響應用戶輸入顯示時逐漸均爲星號(*),由此起到保密的目的。
4)value。該屬性用於指定name屬性所定義變量的值,它將顯示在輸入框中。
5)default。該屬性用於指定name屬性所定義變量的默認值。
6)format。該屬性用於格式化輸入的數據。
7)maxlength。該屬性用於指定用戶可輸入字符串的最大長度。該屬性的上限爲256,最多不能超過256個字符。
8)emptyok。用於指定用戶是否可以不在輸入框內輸入內容。
9)size。該屬性用於指定輸入框的寬度,寬度值爲字符個數。
10)tabindex。用於指定多個輸入框存在時,類似於HTML中Tab鍵的具體位置。
onabort 當用戶中斷下載圖像時觸發。
onactivate 當對象設置爲活動元素時觸發。
onafterprint 對象所關聯的文檔打印或打印預覽後立即在對象上觸發。
onafterupdate 當成功更新數據源對象中的關聯對象後在數據綁定對象上觸發。
onbeforeactivate 對象要被設置爲當前元素前立即觸發。
onbeforecopy 當選中區複製到系統剪貼板之前在源對象觸發。
onbeforecut 當選中區從文檔中刪除之前在源對象觸發。
onbeforedeactivate 在 activeElement 從當前對象變爲父文檔其它對象之前立即觸發。
onbeforeeditfocus 在包含於可編輯元素內的對象進入用戶界面激活狀態前或可編輯容器變成控件選中區前觸發。
onbeforepaste 在選中區從系統剪貼板粘貼到文檔前在目標對象上觸發。
onbeforeprint 對象的關聯文檔打印或打印預覽前在對象上觸發。
onbeforeunload 在頁面將要被卸載前觸發。
onbeforeupdate 當成功更新數據源對象中的關聯對象前在數據綁定對象上觸發。
onblur 在對象失去輸入焦點時觸發。
onbounce 當 marquee 對象的 behavior 屬性設置爲"alternate"且字幕的內容到達窗口一邊時觸發。
oncellchange 在數據供應者中的數據變更時觸發。
onchange 當對象或選中區的內容改變時觸發。
onclick 在用戶用鼠標左鍵單擊對象時觸發。
oncontextmenu 在用戶使用鼠標右鍵單擊客戶區打開上下文菜單時觸發。
oncontrolselect 當用戶將要對該對象製作一個控件選中區時觸發。
oncopy 當用戶複製對象或選中區,將其添加到系統剪貼板上時在源元素上觸發。
oncut 當對象或選中區從文檔中刪除並添加到系統剪貼板上時在源元素上觸發。
ondataavailable 每當異步傳輸數據的數據源對象的數據到達時觸發。
ondatasetchanged 當數據源對象對應的數據集發生變更時觸發。
ondatasetcomplete 觸發就表明數據源對象所有數據都可用。
ondblclick 當用戶雙擊對象時觸發。
ondeactivate 當 activeElement 從當前對象變爲父文檔其它對象時觸發。
ondrag 當進行拖曳操作時在源對象上持續觸發。
ondragend 當用戶在拖曳操作結束後釋放鼠標時在源對象上觸發。
ondragenter 當用戶拖曳對象到一個合法拖曳目標時在目標元素上觸發。
ondragleave 當用戶在拖曳操作過程中將鼠標移出合法拖曳目標時在目標對象上觸發。
ondragover 當用戶拖曳對象劃過合法拖曳目標時持續在目標元素上觸發。
ondragstart 當用戶開始拖曳文本選中區或選中對象時在源對象上觸發。
ondrop 當鼠標按鈕在拖曳操作過程中釋放時在目標對象上觸發。
onerror 當對象裝載過程中發生錯誤時觸發。
onerrorupdate 更新數據源對象中的關聯數據出錯時在數據綁定對象上觸發。
onfilterchange 當可視濾鏡更改狀態或完成轉換時觸發。
onfinish 當字幕循環完成後觸發。
onfocus 當對象獲得焦點時觸發。
onfocusin 當元素將要被設置爲焦點之前觸發。
onfocusout 在移動焦點到其它元素之後立即觸發於當前擁有焦點的元素上觸發。
onhelp 當用戶在瀏覽器爲當前窗口時按 F1 鍵時觸發。
onkeydown 當用戶按下鍵盤按鍵時觸發。
onkeypress 當用戶按下字面鍵時觸發。
onkeyup 當用戶釋放鍵盤按鍵時觸發。
onlayoutcomplete 當打印或打印預覽版面處理完成用來自於源文檔的內容填充當前 LayoutRect 對象時觸發。
onload 在瀏覽器完成對象的裝載後立即觸發。
onlosecapture 當對象失去鼠標捕捉時觸發。
onmousedown 當用戶用任何鼠標按鈕單擊對象時觸發。
onmouseenter 當用戶將鼠標指針移動到對象內時觸發。
onmouseleave 當用戶將鼠標指針移出對象邊界時觸發。
onmousemove 當用戶將鼠標劃過對象時觸發。
onmouseout 當用戶將鼠標指針移出對象邊界時觸發。
onmouseover 當用戶將鼠標指針移動到對象內時觸發。
onmouseup 當用戶在鼠標位於對象之上時釋放鼠標按鈕時觸發。
onmousewheel 當鼠標滾輪按鈕旋轉時觸發。
onmove 當對象移動時觸發。
onmoveend 當對象停止移動時觸發。
onmovestart 當對象開始移動時觸發。
onpaste 當用戶粘貼數據以便從系統剪貼板向文檔傳送數據時在目標對象上觸發。
onpropertychange 當在對象上發生對象上發生屬性更改時觸發。
onreadystatechange 當對象狀態變更時觸發。
onreset 當用戶重置表單時觸發。
onresize 當對象的大小將要改變時觸發。
onresizeend 當用戶更改完控件選中區中對象的尺寸時觸發。
onresizestart 當用戶開始更改控件選中區中對象的尺寸時觸發。
onrowenter 觸發就表明當前行已經在數據源中更改,對象上有可用的新數據值。
onrowexit 當數據源控件更改對象當前行前觸發。
onrowsdelete 當行將要從記錄集中被刪除時觸發。
onrowsinserted 當在當前記錄集中插入新行後觸發。
onscroll 當用戶滾動對象的滾動條時觸發。
onselect 噹噹前選中區改變時觸發。
onselectionchange 當文檔的選中狀態改變時觸發。
onselectstart 對象將要被選中時觸發。
onstart 在 marquee 對象的每次循環開始時觸發。
onstop 當用戶單擊停止按鈕或離開 Web 頁面時觸發。
onsubmit 當表單將要被提交時觸發。
onunload 在對象卸載前立即觸發。
-

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章