สรุปจุดความรู้ JavaScript (ต้องอ่าน)

1. แนวคิดของ JavaScript: มันเป็นภาษาที่เป็นตัวแทนและยังเป็นภาษาสคริปต์ที่ใช้วัตถุ (วัตถุ) และเหตุการณ์ที่ขับเคลื่อนด้วย (EventDriven) ซึ่งทำงานบนไคลเอนต์ซึ่งจะช่วยลดภาระทางฝั่งเซิร์ฟเวอร์ สรุปมีดังนี้:

1.JavaScript ส่วนใหญ่จะใช้เพื่อค้นหาหน้า HTML เพื่อเพิ่มพฤติกรรมการโต้ตอบ

2.JavaScript เป็นภาษาสคริปต์ที่มีไวยากรณ์คล้ายกับ Java

3. JavaScript โดยทั่วไปใช้ในการเขียนสคริปต์ไคลเอนต์

4.JavaScript เป็นภาษาตีความที่อธิบายขณะดำเนินการ

2. JavaScript ประกอบด้วย ECMASCRIPT ของไวยากรณ์หลักและโมเดลวัตถุเบราว์เซอร์ (BOM) ส่วนใหญ่จะใช้ในการจัดการการสื่อสารระหว่าง Windows ดังนั้นวัตถุหลักของมันประกอบด้วยสามส่วน: Window และ Document Object Model (DOM)

3. สามวิธีในการแนะนำ JavaScript ไปยังหน้าเว็บ:

1. ใช้ </script> </script> สไตล์แท็กภายใน

2. ใช้ไฟล์ JS ภายนอก

3. รูปแบบในบรรทัดโดยตรงในแท็ก HTML

4. บทบาทของ JavaScript

1. ใช้การตรวจสอบแบบฟอร์มหน้า

2. ใช้เอฟเฟกต์การโต้ตอบของหน้า

5. ลักษณะของ JavaScript

1. ออกแบบมาเพื่อเพิ่มพฤติกรรมแบบโต้ตอบในหน้า HTML

2. เป็นภาษาสคริปต์ที่ได้รับความนิยมมากที่สุดบนอินเทอร์เน็ต

3. โดยทั่วไปใช้ในการเขียนสคริปต์ไคลเอนต์

4. เป็นภาษาที่ตีความได้

6. วิธีแนะนำ JavaScript

1. ใช้แท็ก <Script> เพื่อฝังหน้าเว็บโดยตรง

2. ใช้ไฟล์ JS ภายนอก

วิธีการทั่วไปสำหรับวัตถุสตริงใน JS:

1. TOSTRING (ก่อนแพ็คเกจไม่ใช่หลังแพ็คเกจ), 2. TOLOWERCASE (); touppercase ();
2. Charat (ดัชนี); ส่งคืนอักขระที่ตำแหน่งที่ระบุ indexof (str, index); ระบุตำแหน่งที่ปรากฏเป็นครั้งแรกในสตริง แยก (str); แยกสตริงออกเป็นอาร์เรย์สตริง

ใน JavaScript สวิตช์คำสั่งแบบมีเงื่อนไข () {} สามารถเชื่อมต่อกับสตริงได้

การแจ้งเตือน ("ข้อความแจ้งเตือน");

var isok = ยืนยัน ("ยืนยันกล่อง"); // หากการยืนยันส่งคืนจริงมิฉะนั้นส่งคืนเท็จ

พรอมต์ (); พรอมต์ ("ข้อมูลพรอมต์", "ข้อมูลเริ่มต้นกล่องป้อนข้อมูล");

พรอมต์ ("โปรดป้อนชื่อของคุณ")

ปิด();

เปิด();

settimeout (); เรียกฟังก์ชั่นหลังจากระบุมิลลิวินาที

setInterval (); เรียกฟังก์ชั่นในระยะเวลาที่ระบุมิลลิวินาทีถึงมิลลิวินาที

window.open ();

7.JS ไวยากรณ์:

1. กรณีอ่อนไหว

2. ให้ความสนใจกับข้อกำหนดการตั้งชื่อของตัวแปรฟังก์ชั่น ฯลฯ

3. แต่ละบรรทัดของรหัสจบลงด้วยเครื่องหมายอัฒภาค

ฟังก์ชั่นใน JS:

1. ฟังก์ชั่นระบบ

parseint (); แปลงเป็นจำนวนเต็ม 45.9A แปลงเป็น 45; A6 แปลงผลตอบแทนเป็น NAN (ไม่ใช่ตัวเลข)

ISNAN (ตัดสินว่าเป็นตัวเลข)

typeof (var); กำหนดประเภทข้อมูลคืออะไร

eval ("5+2"); คำนวณค่านิพจน์

2. ฟังก์ชั่นที่กำหนดเอง

ชื่อฟังก์ชันฟังก์ชัน () {รหัส JavaScript}

ชื่อฟังก์ชั่นชื่อฟังก์ชัน (พารามิเตอร์ 1, พารามิเตอร์ 2) {รหัส javascript ส่งคืนค่าคืนค่า (ไม่บังคับ)}

การเรียกใช้ฟังก์ชั่นใน JS:

1. ชื่อเหตุการณ์ = "ชื่อฟังก์ชัน (ค่าพารามิเตอร์ที่ผ่าน)";
2. ชื่อฟังก์ชัน (ค่าพารามิเตอร์ที่ผ่าน);

ฟังก์ชั่นที่ไม่ระบุชื่อ:

1. การประกาศฟังก์ชั่นที่ไม่ระบุชื่อ:

var variable name = function (พารามิเตอร์) {function body return value;};

1. เรียก

ชื่อตัวแปร (พารามิเตอร์)

8. การโทรของโปรแกรม

1. เพิ่มการแจ้งเตือน (); วิธีที่ 2. ใช้ firebug (); วิธี

9. ภาพรวม: (โมเดลวัตถุเบราว์เซอร์, โมเดลวัตถุเบราว์เซอร์)

1. คุณสมบัติของวัตถุหน้าต่าง

วิธีการทั่วไปสำหรับวัตถุ Weindow: propt () ยืนยัน (); settimeout (); setInterval ();

เหตุการณ์ทั่วไปสำหรับวัตถุหน้าต่าง: onload =”” onMouseOver =””; onclick

window.parent.location

2. วัตถุประวัติศาสตร์

วิธีการ: ย้อนกลับ (); ไปข้างหน้า (); ไป ();

3. วัตถุตำแหน่งให้ URL ของหน้าปัจจุบัน

แอตทริบิวต์: โฮสต์โฮสต์ Href

วิธีการ: โหลด () แทนที่ ();

4. วัตถุเอกสาร

แอตทริบิวต์: แอตทริบิวต์ผู้อ้างอิงกำหนดว่ามีการเข้าถึงผ่านไฮเปอร์ลิงก์หรือไม่ไม่คืนค่า null

10. วัตถุใน JavaScript

วัตถุวันที่:

สร้างวัตถุวันที่และส่งวิธีการ var วันที่ = วันที่ใหม่ (mm dd, yyyy, hh: mm: ss);

วันที่ var = วันที่ใหม่ (); date.getday ();

วัตถุคณิตศาสตร์:

เพดาน (); ปัดเศษหมายเลข, เพดาน (25.5) = 26;

พื้น(); กลมลงพื้น (25.5) = 25;

Math.Round (25.5); ปัดเศษลงหลังจากเพิ่ม 0.5 เป็นหมายเลขเดิม

11. ภาพรวม (โมเดลวัตถุเอกสาร)

ประกอบด้วย coredom, xmldom, html dom;

12. สร้างอาร์เรย์

การประกาศตัวแปรใน JS:

ชื่อ array var = อาร์เรย์ใหม่ (ขนาด);

1. ประกาศก่อนจากนั้นกำหนดผลไม้ [0] =”
2. ประกาศการกำหนด Var Fruit = อาร์เรย์ใหม่ ("Apple", "Orange"); หรือ var fruit = new Array ["Apple", "Orange"];

อ่าน 1. อ่านพร้อมกับลูป 2 อ่านด้วย --- ใน

สำหรับ (var x ในผลไม้) {document.write (ผลไม้ [x]+"<br/>")} x เป็นตัวห้อย

fruit.sort (); // เรียงลำดับสตริง str = fruit.oin ("-"); // เพิ่มสตริงและเข้าร่วมในสตริง

เลือกแบบดรอปดาวน์วัตถุ:

13. สไตล์การวางตำแหน่งสไตล์

ตำแหน่งด้านบน z-index

ระยะการเลื่อนเมาส์: Scorlltop: ระยะทางแนวตั้ง

Scorllleft: ระยะทางแนวนอน

การเลื่อนการเลื่อนเมาส์: onscorll

การแปลงระหว่างวัตถุ jQuery และวัตถุ DOM

1. วัตถุ jQuery ถูกแปลงเป็นวัตถุ DOMD jQuery มีสองวิธีในการแปลงวัตถุ jQuery เป็นวัตถุ DOM คือ [ดัชนี] และรับ (ดัชนี)

var $ txtName = $ ("#txtName"); // jQuery Object

var txtName = $ txtName [0]; // dom วัตถุ

Alert (txtname.checked); // ตรวจสอบว่ามีการเลือกช่องทำเครื่องหมายนี้ว่า

รับวัตถุ DOM ที่เกี่ยวข้องผ่านวิธีการรับ (ดัชนี)

var $ txtName = $ ("#txtName"); // jQuery Object

var txtName = $ txtName.get (0); // dom วัตถุ

Alert (txtname.checked); // ตรวจสอบว่ามีการเลือกช่องทำเครื่องหมายนี้ว่า

1. แปลงวัตถุ DOM เป็นวัตถุ jQuery

var txtName = document.getElementById ("txtName"); // dom วัตถุ

var $ txtName = $ (txtName); //

เพิ่มแอตทริบิวต์คลาสใน DOM เพื่อใช้ obj.className = className;

เพิ่มเนื้อหาคลาสโดยใช้ obj.innerhtml = <put />

เพิ่มแอตทริบิวต์คลาสใน jQuery เพื่อใช้ obj.addclaa = className;

เพิ่มเนื้อหาคลาสที่จะใช้: obj.html = <อินพุต/>;

ตัวเลือกหลักห้าตัวใน JQurey:

1. ตัวเลือกพื้นฐาน (#. แท็ก)
2. ตัวเลือกลำดับชั้น (ลูกหลาน> เด็ก + อยู่ติดกัน ~ เพียร์)
3. ตัวเลือกแอตทริบิวต์ (p [class = name])
4. ตัวเลือกตัวกรอง ("TR: แม้แต่")
5. ตัวเลือกการมองเห็น ("P: ซ่อน" "P: Viside")

กิจกรรมใน jQuery:

obj.bind ("Clike", function () {});

obj.bind ({mousever: function () {}, {mouserout: function () {}}});

obj.unbind ();

obj.hover (function () {}, function () {}) วิธีการรวบรวมวิธีการ onmouseover และ onmouseout

obj.toggle ();

$ (". tipsbox"). show (); obj.hide ();

$ ("IMG"). Fadein (1,000);

$ (". txt") SlideUp (1,000); obj.slidedown (1,000);

obj.togGleclass ("คลาส"); // รวม addClass และ romoveClass

$ (นี่) .val (""); // ล้างเนื้อหาข้อความ

var $ newNode = $ (<"<li> สร้างโหนดองค์ประกอบใหม่ด้วย jQuery </li>">);

ในการแสดงออกปกติ

เคล็ดลับทั่วไปบางประการใน JS:

1. ใช้ !! ตัวดำเนินการเพื่อแปลงค่าบูลีนซึ่งสามารถใช้สำหรับตัวแปร! - ตัวแปรสำหรับการตรวจจับ ตราบใดที่ค่าของตัวแปรคือ: 0, null, "", undefined หรือ nan จะกลับเท็จและวิธีอื่นเป็นจริง

บัญชีฟังก์ชั่น (เงินสด)

-

this.cash = เงินสด;

this.hasmoney = !! เงินสด;

-

2. ใช้ + เพื่อแปลงสตริงเป็นตัวเลขจะใช้เฉพาะข้อมูลสตริงเท่านั้นมิฉะนั้นจะส่งคืน NAN

ฟังก์ชั่น tonumber (strnum) {

return +strnum;

-

ใช้ได้กับวันที่ () ส่งคืนหมายเลขการประทับเวลา: +วันที่ใหม่ ();

3. เมื่อลูปมีขนาดใหญ่มากความยาวของจำนวนจะได้รับครั้งแรก, var legth = array.legth;

4. หาก ('QuerySelector' ในเอกสาร) {

document.querySelector ("#id");

} อื่น {

document.getElementById ("id");

-

5. รับองค์ประกอบสุดท้ายในอาร์เรย์

var array = [1,2,3,4,5];

array.slice (-1);

6. การเปลี่ยนองค์ประกอบสตริง

var string = "John John";

string.replace (/hn/, "ana"); // "Joana John"

string.replace (/hn/g, "ana"); // "Joana Joana"

สรุปคะแนนความรู้ JavaScript ด้านบน (ต้องอ่าน) เป็นเนื้อหาทั้งหมดที่ใช้ร่วมกันโดยตัวแก้ไข ฉันหวังว่ามันจะให้ข้อมูลอ้างอิงและฉันหวังว่าคุณจะสนับสนุน wulin.com มากขึ้น