| ชื่อฟังก์ชั่น | อธิบาย | ยกตัวอย่าง |
|---|---|---|
| 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 '') |
| แทรกก่อน | แทรกข้อความก่อน div | Insertion. ก่อน ('' Div1 '', '' My Content '') |
| แทรกหลังจาก | แทรกข้อความหลังจาก div | insertion.fter ('' div1 '', '' เนื้อหาของฉัน '') |
| insertion.top | แทรกข้อความไว้หน้า div | insertion.top ('' div1 '', '' นี่คือข้อความ '') |
| insertion.bottom | แทรกข้อความใน div | insertion.bottom ('' div1 '', '' นี่คือข้อความ '') |
| วารสาร | เรียกจาวาสคริปต์ที่ความถี่ที่กำหนด | PeridicalExecutor (ทดสอบ, 1) "การทดสอบที่นี่เป็นฟังก์ชัน JavaScript, 1 คือความถี่ (1 วินาที) |
| - | รับ div เทียบเท่ากับ getElementById () | $ ('' div1 '') |
| Field.Clear | ล้างกล่องอินพุต | field.clear ('' textfield1 '') |
| Field.focus | มุ่งเน้นไปที่กล่องอินพุต | field.focus ('' select1 '') |
| ฟิลด์ปัจจุบัน | ตรวจสอบว่าเนื้อหาว่างเปล่า | Alert (field.present ('' textfield1 '')) " |
| Field.Select | เลือกเนื้อหาของกล่องอินพุต | field.select ('' textfield1 '') " |
| ฟิลด์เปิดใช้งาน | มุ่งเน้นไปที่กล่องอินพุตและเลือกเนื้อหาของกล่องอินพุต | field.activate ('' textfield1 '') " |
| แบบฟอร์ม | แปลงเนื้อหาตารางเป็นสตริง | |
| 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.scale | ซูมเข้าและออก (เปอร์เซ็นต์) | Effect.scale ('' text1 '', 200) ที่นี่ 200 = 200%นั่นคือสองครั้ง |
| Effect.squish | หายไปเอฟเฟกต์พิเศษ ข้อความหายไปหลังจากหดตัว | Effect.squish ('' text1 '') |
| effects.puff | หายไปเอฟเฟกต์พิเศษ ข้อความหายไปหลังจากการขยาย | effects.puff ('' text1 '') |
| เอฟเฟกต์ปรากฏ | เอฟเฟกต์พิเศษปรากฏขึ้น | |
| Effect.ContentZoom | ซูมเอฟเฟกต์พิเศษ | |
| ajax.request | ส่งคำขอ AJAX ไปยังเซิร์ฟเวอร์ | ajax.request ('' http: //server/s.php '') |
| ajax.updater | ส่งคำขอ AJAX ไปยังเซิร์ฟเวอร์และอัปเดตคอนเทนเนอร์ที่ระบุด้วยผลการตอบกลับ | ajax.updater ('' text1 '', '' http: //server/s.php '') |
การใช้งานขั้นพื้นฐาน: prototype.js แบ่งแต่ละคลาสหลักออกเป็นคลาสซึ่งสะดวกมากในการใช้งาน ในการสร้างเอฟเฟกต์เฉพาะเพียงใช้คลาสใหม่ฟังก์ชั่น (<gurgal>) ตัวอย่างเช่น:
คัดลอกรหัสดังนี้: <div id = "div1"> <a href = "#" onclick = "element.toggle ใหม่ ('div2')"> คลิกฉัน </a> </div>
<div id = "div2"> สวัสดี! </div>
เมื่อคลิกที่คลิกฉัน Div2 จะถูกซ่อนหรือแสดงสลับกัน โปรดทราบว่าคุณสามารถเพิ่มพารามิเตอร์ไม่ จำกัด เพื่อสลับเช่น element.toggle ("Div2", "Div3", "Div4", ... )
หากต้องการดูไวยากรณ์ JavaScript เพิ่มเติมคุณสามารถติดตาม: "คำแนะนำอ้างอิง JavaScript" และ "คู่มือสไตล์รหัส JavaScript" ฉันหวังว่าทุกคนจะสนับสนุน wulin.com มากขึ้น