使用Prototype的一点心得体会（一）

1.$()

如果页面中有2个id相同的HTML元素，函数将返回第一个元素。

对于IE6来说，该函数不仅可以获取id属性所对应的元素，还可获取name属性所对应的元素。

< html >
< head >
< script src = " prototype-1.6.0.2.js "  type = " text/javascript " ></ script >
< script language = JavaScript >
function  clickHandler()
... {
    alert($("name2").value);
    alert($("name1").value);
}
</ script >
</ head >

< body >
< input id = " name2 "  name = " name1 "  type = " text "  value = " aaa " />< br >
< input id = " name1 "  name = " name2 "  type = " text "  value = " bbb " />< br >
< input onClick = " clickHandler() "  type = " button "  value = " test " />
< div id = " out "  style = " font-weight:bold; " ></ div >
</ body >
</ html >

该函数可同时返回几个元素组成的数组。

$( " name1 " ,  " name2 " ).each( function (element) ... {
    alert(element.value);
} );

2.$A()

该函数能够把单个参数转换成一个Array对象。

< html >
< head >
< script src = " prototype-1.6.0.2.js "  type = " text/javascript " ></ script >
</ head >
< body >
</ body >
</ html >
< script language = JavaScript >
     var  str  =   " helloworld " ;
     var  strArray  =  $A(str);
     for  ( var  i  =   0  ; i  <  strArray.length ; i ++ )
     ... {
        alert(strArray[i]);
    }
</ script >

3.$F()

该函数用于获取表单输入控件的值。

< html >
< head >
< script src = " prototype-1.6.0.2.js "  type = " text/javascript " ></ script >
< script language = JavaScript >
     function  show()
     ... {
        $("show").innerHTML = $F("text1")  + "<br>" +  $F("text2") + "<br>"  + $F("text3");
    }
</ script >
</ head >
< body >
< form id = " form1 "  name = " form1 "  action = " # " >
     < input type = " text "  id = " text1 "  name = " text1 " />
</ form >
< form id = " form2 "  name = " form2 "  action = " # " >
     < input type = " text "  id = " text2 "  name = " text2 " />< br >
     < textarea cols = " 40 "  rows = " 2 "  id = " text3 "   ></ textarea >
</ form >
< div id = " show " ></ div >
< input type = " button "  onClick = " show() "  value = " test " />
</ body >
</ html >

4.$R()

该函数用于构造一个ObjectRange对象，以便枚举该对象里的元素。

< html >
< head >
< script src = " prototype-1.6.0.2.js "  type = " text/javascript " ></ script >
</ head >
< body >
< div id = " show " ></ div >
</ body >
</ html >
< script >
var  range  =  $R( 10 ,  20 ,  false );

range.each( function (value, index)
... {
    $("show").innerHTML += value + "<br>";
} );
</ script >

5.Try.these()

< script src = " prototype-1.4.0.js "  type = " text/javascript " >
</ script >
< script >
var  objXMLHttp = Try.these(
     function ()  ... {return new ActiveXObject('MSXML2.XMLHTTP.5.0');} ,
     function ()  ... {return new ActiveXObject('MSXML2.XMLHTTP.4.0');} ,
     function ()  ... {return new ActiveXObject('MSXML2.XMLHTTP.3.0');} ,
     function ()  ... {return new ActiveXObject('MSXML2.XMLHTTP');} ,
     function ()  ... {return new ActiveXObject('Microsoft.XMLHTTP');}
);
alert(objXMLHttp);
</ script >