ホームページ > 記事 > ウェブフロントエンド > JavaScript強化チュートリアル—プロトタイプ
JavaScript強化チュートリアル—プロトタイプ
- 巴扎黑オリジナル
- 2016-12-05 11:31:551031ブラウズ
この記事は、H5EDU 組織の公式 HTML5 トレーニング チュートリアルであり、主に以下を紹介します: JavaScript 拡張チュートリアル - プロトタイプ
プロトタイプの引用
JavaScript ライブラリをテストする必要がある場合は、Web ページでそれを参照する必要があります。
ライブラリを参照するには、その src 属性をライブラリの URL に設定して使用します。
src ="http://apps.bdimg.com/libs/pro ... gt%3B
プロトタイプの説明
プロトタイプは、HTML DOM プログラミングを容易にする関数を提供します。
jQuery と同様に、プロトタイプにも独自の $() 関数があります。
$() 関数は HTML DOM 要素 (または DOM 要素) を受け入れます。
jQuery とは異なり、Prototype には window.onload() に代わる read() メソッドがありません。代わりに、Prototype はブラウザと HTML DOM に拡張機能を追加します。ウィンドウロードイベントを処理する関数を割り当てます:
function myFunction()
var obj=document.getElementById("h01");
obj.innerHTML="Hello Prototype"; myFunction;
同等のプロトタイプは異なります:
プロトタイプ メソッド:
function myFunction()
{
$("h01").insert("Hello Prototype!")
}
Event.observe(window,"load", myFunction);
Event.observe() は 3 つのパラメータを受け入れます:
処理する HTML DOM または BOM (ブラウザ オブジェクト モデル) オブジェクト
処理するイベント
呼び出したい関数
プロトタイプをテストする
を試してください次の例:
例
;