DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> prototype.js常用函數詳解
prototype.js常用函數詳解
編輯:關於JavaScript     

函數名  解釋  舉例  Element.toggle  交替隱藏或顯示  Element.toggle(''div1'',''div2'')  Element.hide  隱藏  Element.hide(''div1'',''div2'')  Element.show 顯示  Element.show(''div1'',''div2'')  Element.remove  刪除  Element.remove(''div1'',''div2'')  Element.getHeight  取得高度  Element.getHeight(''div1'')  Toggle.display  和Element.toggle相同  Toggle.display(''div1'',''div2'')  Insertion.Before  在DIV前插入文字  Insertion.Before(''div1'',''my content'')  Insertion.After  在DIV後插入文字  Insertion.After(''div1'',''my content'')  Insertion.Top  在DIV裡最前插入文字  Insertion.Top(''div1'',''this is a text'')  Insertion.Bottom  在DIV裡最後插入文字  Insertion.Bottom(''div1'',''this is a text'')  PeriodicalExecuter  以給定頻率調用一段Javascriptt  PeridicalExecutor(test, 1)"這裡test是Javascriptt的函數,1是頻率(1秒).  $  取得一個DIV, 相當於getElementById()  $(''div1'')  Field.clear  清空一個輸入框  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  把表格內容轉化成string    Form.getElements  取得表格內容為數組形式    Form.disable  disable表格所有內容  Form.disable(''form1'') (這個好象不work)  Form.focusFirstElement  把焦點集中在表格第一個元素上  Form.focusFirstElement(''form1'')  Form.reset  Reset表格 Form.reset(''form1'')  Form.Element.getValue  取得表格輸入框的值  Form.Element.getValue(''text1'')  Form.Element.serialize   把表格中輸入框內容轉化成string  Form.Element.serialize(''text1'')  $F  等同於Form.Element.getValue()  $F(''text1'')  Effect.Highlight  高亮特效.  Effect.Highlight(''text1'')  Effect.Fade  褪色特效    Effect.Scale  放大縮小(百分比)

Effect.Scale(''text1'', 200)
這裡200 = 200%, 即兩倍

 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請求給服務器並用答復的結果更新指定的Container  Ajax.Updater(''text1'',''http://server/s.php'')

基本用法:prototype.js給每個主要的類都分了一個Class,使用起來很方便.要產生特定的效果,只要用new Class.function(<argument>)就可以了.例如:

復制代碼 代碼如下:<DIV id="div1"><a href="#" onclick="new Element.toggle('div2')">Click Me</a></DIV>
<DIV id="div2">Hello!</DIV>

當點擊Click Me的時候,div2就會交替隱藏或顯示.注意,你可以給toggle加上無限個parameter,比如Element.toggle(”div2”,”div3”,”div4”,…)

查看更多JavaScript的語法,大家可以關注:《JavaScript 參考教程》、《JavaScript代碼風格指南》,也希望大家多多支持。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved