prototype.jsの共通機能の基礎知識を詳しく解説

この記事ではprototype.jsの各機能の使い方を中心に紹介していますので、困っている方の参考になれば幸いです。

関数名	説明	例
Element.toggle	表示と非表示を交互に行う	Element.toggle(''p1'',''p2'')
要素。 Hide	Hide	Element.hide(''p1'',''p2'')
Element.show	Show	Element.show(''p1'',''p2'')
Element.remove	削除	Element.remove(''p1'',''p2'')
Element.getHeight	高さを取得	Element.getHeight(''p1'') )
Toggle.display	Element.toggle	Toggle.display(''p1'',''p2'')
Insertion.Before	p	Insertion の前にテキストを挿入します。 Before(''p1'',''my content'')
Insertion.After	p の後にテキストを挿入	Insertion.After(''p1'',''my content'')
Insertion.Top	p の先頭にテキストを挿入します	Insertion.Top(''p1'',''this is a text'')
Insertion.Bottom	p の末尾にテキストを挿入します	Insertion.Bottom(''p1'',''this is a text'')
PeriodicalExecuter	指定された頻度で Javascriptt の一部を呼び出します	PeridicalExecutor(test, 1)"ここでのテストはJavascriptt の関数、1 は頻度 (1 秒) です。
$	getElementById() と同等の p を取得します	$(''p1'')
Field.clear	入力をクリアしますbox	Field.clear(''textfield1'')
Field.focus	入力ボックスにフォーカスします	Field.focus(''select1'')
Field.present	内容は空です	alert(Field.present(''textfield1''))"
Field.select	入力ボックスの内容を選択します	Field.select(''textfield1'')"
Field .activate	入力ボックスにフォーカスし、入力ボックスの内容を選択します	Field.activate(''textfield1'')"
Form.serialize	フォームの内容を文字列に変換します
Form.getElements	フォームの内容を配列形式で取得します
Form.disable	フォームのすべての内容を無効にします	Form.disable(''form1'') (これは機能しないようです)
Form.focusFirstElement	フォームの最初の要素に注目します	Form.focusFirstElement(''form1'')
Form.reset	フォームをリセットします	Form.reset(''form1'')
Form.Element.getValue	フォーム入力ボックスの値を取得します	Form.Element.getValue(''text1'')
Form.Element .serialize	フォームの入力ボックスの内容を文字列に変換します	Form.Element.serialize(''text1'')
$F	Form.Element.getValue()	$と同等F(''text1'')
Effect.Highlight	ハイライトエフェクト.	Effect.Highlight(''text1'')
Effect.Fade	フェードエフェクト
エフェクト.Scale	ズームイン (パーセンテージ)	Scale(''text1'', 200) ここで、200 = 200%、つまり 2 倍です
Effect.Squish	消える特殊効果。文字が縮小して消える	Effect.Squish(''text1'')
Effect.Puff	消える特殊効果。拡大すると文字が消えます	Effect.Puff(''text1'')
Effect.Appear	特殊効果が表示されます
Effect.ContentZoom	ZOOM特殊効果。
Ajax.Request	Ajax リクエストをサーバーに送信します	Ajax.Request(''http://server/s.php'')
Ajax.Updater	Ajax リクエストをサーバーに送信しますサーバー そして、応答の結果で指定されたコンテナを更新します	Ajax.Updater(''text1'',''http://server/s.php'')

基本的な使用法:prototype.js主要なクラスごとにクラスに分割されているため、特定の効果を生み出すには、単に new Class.function(c25b7b04eabbf30cdb48041613aaf91c) を使用するだけです。たとえば:

<p id="p1"><a href="#" onclick="new Element.toggle(&#39;p2&#39;)">Click Me</a></p>
<p id="p2">Hello!</p>

Click Me をクリックすると、p2 が実行されます。非表示または表示を切り替えるには、Element.toggle("p2", "p3", "p4",...) などの無制限のパラメーターを追加できることに注意してください。将来的には誰にとっても役に立つでしょう。

関連記事:

window.close(); ブラウザウィンドウを閉じる

jsコード概要（詳細説明）

Jsを使って配列内の1つ以上の項目を削除するいくつかの方法

Js OOPプログラミングによって作成されたオブジェクトの詳細な解釈

以上がprototype.jsの共通機能の基礎知識を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。