(更新中)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