(更新中)JavaScript學習筆記

1.js添加事件

  $("f").attachEvent("onclick",a); $("f").detachEvent("onclick",a);

  $("f").onclick=a; 區別：前者可添加多個事件函數，後者只能添加一個事件函數。

調用時可以傳入event參數也可以不傳入

   function a(o)
    {
        var n=window.event.keyCode;
        if(n<48||n>57)
            window.event.returnValue=false;

        alert(o.type);
    }

<input type="text" id="dd"  onkeypress="a(event);" />

2.IE中事件的屬性和方法

   altKey      button     cancelBubble     clientX       clientY     ctrlKey    fromElement   keyCode    offsetX   offsetY

   repeat   returnValue     screenX     screenY   shiftKey   srcElement   toElement   type  x   y

3.常用事件

   load   unload   abort   error   select   change   submit   reset   resize   scroll   focus   blur

 4.

   XHTML:window.document.documentElement.scrollTop   document.documentElement.scrollLeft

     HTML:window.document.body.scrollTop   document.body.scrollLeft

5.

    style.cssText   style.width=10     currentStyle是唯讀Style  $("ss").innerText=$("ss").innerText;可刪除自身的所有html標籤

    outerText    outerHTML

    DOM:style.getPropertyValue("backgroud-color")   style.item(0)    style.removeProperty("backgroud-color")

6.範圍

var o=document.body.createTextRange();var op1=$("p1");o.moveToElementText(op1);alert(o.htmlText);可顯示整個p1的內容：<p id="p1"><b>Hello</b>world</p>

 var o=document.body.createTextRange();o.findText("Hello");o.text="111";alert(o.text);可替換：Hello為111

var o=document.body.createTextRange();o.findText("world");o.pasteHTML="<b>world</b>";    可替換html格式

7.document.forms.length

8.$("form1").elements[0]  寫法等同於寫法 $("form1")[0]

9.$("form1").elements 的 elements 可以省去，即以索引形式訪問 

   window.onload=function(){
   var oform=$("form1");
   var arr=oform;//.elements;
   for(i=0;i<arr.length;i++){
       if(arr[i].type!="hidden"){
          arr[i].focus();
          break;
       }
   }
   }

10.window.onload=function(){
var arr=document.getElementsByTagName("input");
for(var i=0;i<arr.length;i++){
    if(arr[i].type=="text"){
       arr[i].onfocus=function(){
         this.select();
       }
    }
}
}

11.$("ddlFund").options.add(new Option("Text","Value")); 
    $("ww").options[1].text  $("ww").options[1].value  $("ww").options[1].index  $("ww").options.length  $("ww").selectedIndex 
    $("ww").options[1].selected  $("ww").options.remove(0)
    appendChild移動節點   var f=$("ww").options[2];$("ee").options.appendChild(f)    
    insertBefore排序節點   var f=$("ww").options[2];var pref=$("ww").options[3];  $("ww").options.insertBefore(pref,f);

12.createElement  createTextNode  getElementsByTagName  appendChild  tagName  parentNode removeChild