prototype 1.5初体験第1/2ページ

3090 ワード

プロトタイプを見る時間がありませんでしたか?今はもう1.5に更新されました. pre 1,へへ,強大な機能は学ばなければならなくて、これは自分のJS能力を昇格させるもう一つの近道です. Prottypeは何ですかまだ使ったことがないかもしれません. prototype.js はSamからなります Stephhensonで書いたJavaScriptバッグです.このアイデアは、優れた互換性のあるスタンダードなセグメントコードを作成することで、太ったクライアントを作成することができます. ハイインタラクティブWEBアプリケーションの重責.簡単にWebに参加する 2.0特性です最近このパッケージを体験したら、ドキュメントはその強みの一つではないことが分かります.私の前の開発者のように、プロトタイプ.jsのソースコードにいきなり刺さり、その中のすべての部分をテストするしかないです. 彼を勉強する時はメモを書いて他の人にシェアするのがいいと思います.私も一緒にこのカバンの対象、種類、方法と拡張を提供しました. 非公式参考 . 2. 汎用性のある方法は、このパッケージには多くの事前定義されたオブジェクトと汎用性のある方法が含まれています.これらの方法を編纂する明白な目的は、あなたの大量の反復符号化と慣用法を減らすことです.Prottype 1.5.xバージョンから、DOMオブジェクトを以下のコードのように操作することができます. 
 
  
var ele = $("myelement");
ele.hide(); // DOM var ele = $("myelement");
Element.hide(ele); // DOM
このような変化は何の利益がありますか? 一つはもっと相手に向いていると思います.二つは将来のIDEのコード提示に便利です. 
2.1. 使用 $()方法
ドル() 方法はDOMで頻繁に使いすぎます. Dcument.getElemenntById() このDOM法のように、この方法はパラメータが入ってきたidの要素を返します.
DOMの中の方法より、これのほうが優れています.パラメータとして複数のidを入れることができます. $() すべての要求要素を持つ一つの要素を返します. Aray オブジェクトこれらを以下の例で説明します.
 
  


 Test Page 


<br>    function test1() <br>    { <br>        var d = $('myDiv'); <br>        alert(d.innerHTML); <br>    } <br> <br>    function test2() <br>    { <br>        var divs = $('myDiv','myOtherDiv'); <br>        for(i=0; i<divs.length; i++) <br>        { <br>            alert(divs[i].innerHTML); <br>        } <br>    } <br>



    

        

This is a paragraph


    

    

        

This is another paragraph


    


    

    



この方法のもう一つの利点は、ID文字列または要素オブジェクト自体に入ることができ、どのような形式のパラメータが入ってくるかを作成するときに、 とても役に立ちます.
2.2. $F()の使い方
$F()の方法はとても人気のある簡単な書き方です.テキストボックスやドロップダウンボックスなどの入力フォームコントロールの値を返します. この方法は元素のidまたは元素自身に伝わることができる.
 
  
<br>    function test3() <br>    { <br>        alert(  $F('userName')  ); <br>    } <br>

 


2.3. Try.these()を使う方法
Try.these() この方法は、成功して正常になるまで、異なる方法を呼び出したい場合には、このような需要が非常に容易になります. 彼は一連の方法をパラメータとして、そして順序の一つずつの方法を実行します.そのうちの一つが成功に実行されるまで、成功に実行されたその方法の戻り値を返します.
次の例では、 xml Node.textはいくつかのブラウザの中で使いやすいですが、xml Node.textContenttは他のブラウザの中で正常に動作します. Try.these()方法を使って正常に動作するその方法の戻り値を得ることができます.
 
  
<br>function getXmlNodeValue(xmlNode){ <br>    return Try.these( <br>        function() {return xmlNode.text;}, <br>        function() {return xmlNode.textContent;) <br>        ); <br>} <br>
1 2次のページで全文を読む