prototype.js学习(f��n){ ($A() $H() $R() }(�?

路易 — Wed, 10 Jan 2007 02:29:00 GMT

今天学习(f��n)的是3个方法：$A() $H() $R()

< HTML >
< HEAD >
   < script src ="prototype.js" > script >
   < script >
   function showOptions()
  {
     var someNodeList = $('lstEmployee').getElementsByTagName('option');
     // 首先通过$()�Ҏ(gu��)��得到select元素�Q�然后通过getElementsByTagName得到元素里面的子元素�Q�就�q�么解释吧，反正�l�自��q��Q?/span>
     var nodes = $A(someNodeList);
     // $A()函数能把它接收到的单个的参数转换成一个Array对象
     // �q�个�Ҏ(gu��)��Q�结合被本类库扩展了的Array�c�，能方便的把�Q何可枚�D列表转换成或拯��C��个Array对象。一个推荐的�Ҏ(gu��)��是把DOM Node Lists转换成一个普通的Array对象�Q�从而更有效率的�q�行遍历
    nodes.each( function (node){ // 遍历
        alert(node.nodeName + ':' + node.innerHTML);
    });
  }

function testHash()
{
     // create the object
     var a = {first: 20 ,second: 20 ,third: 30 };
     var h = $H(a); // $H()函数把一些对象�{换成一个可以枚丄��和联合数�l�类似的Hash对象
    alert(h.toQueryString()); // 输出first:20&second:20&third:30
}

function demoDollar_R()
{
     // $R()函数是new ObjectRange(lowBound,upperBound,excludeBounds)的羃�?/span>
     var range = $R( 10 , 20 , false ); // �q�里的参数false/true代表了是否显�C�Z��限（也就是这里的20�Q�false是显�C�）
    range.each( function (value,index){
        alert(value);
    });
     // �Ҏ(gu��)��无非��是依次的在弹出对话框中输出10�Q?1�Q?2�Q?3�Q?4�Q?5�Q?6�Q?7�Q?8�Q?9�Q?0
}
   script >
HEAD >

< BODY >
    < select id ="lstEmployee" size ="10" >
   < option value ="5" > Buchanan,Steven option > /
   < option value ="8" > Callahan,Laura option >
   < option value ="1" > Davolio,Nancy option >
select >< br >
< input type ="button" value ="show the options" onclick ="showOptions();" > ��试$A()函数
< br >
数组中的值是�Q�   first:20,second:20,third:30 < br >
< input type ="button" value ="TestHash" onclick ="testHash();" > ��试$H()函数
< br >
< input type ="button" value ="Sample Count" onclick ="demoDollar_R();" > ��试$R()函数
BODY >
HTML >

路易 2007-01-10 10:29 发表评论

路易 — Tue, 09 Jan 2007 08:55:00 GMT

< html >
< head >
< title > Test Page title >
< script src ="prototype.js" > script >
< script >
function test1()
{
     var d = $('myDiv');
     // $()�c�M��于DOM中的document。getElementById�Q�）�Ҏ(gu��)��Q�根据传入的参数ID�q�回那个ID的元�?/span>
    alert(d.innerHTML);
}
function test2()
{
     var divs = $('myDiv','myOtherDiv');
     for (i = 0 ;i < divs.length;i ++ )
    {
        alert(divs[i].innerHTML); // ��有i个弹出对话框
    }
}
function test3()
{
    alert( $F('test3') ); // $F() �Ҏ(gu��)��|�页中元素的ID来得到该元素的��|��也可以传入元素本�w�作为参�?/span>
}
script >
head >
< body >
< div id = "myDiv" >
< P > this is a paragraph p >
div >
< div id ="myOtherDiv" >
< p > this is another paragraph p >
div >
< input type ="button" value ="Test1" onclick ="test1();" >< br >
< input type = "button" value ="Test2" onclick ="test2();" >< br >
< input type ="text" value = "louie" id = "test3" >< br >
< input type = "button" value ="Test3" onclick ="test3();" >< br >
body >
html >

路易 2007-01-09 16:55 发表评论

国产成人亚洲综合无码,亚洲精品成a人在线观看,国产精品国产亚洲区艳妇糸列短篇

prototype.js学习(f��n){ ($A() $H() $R() }(�?