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:
ใน 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:
ฟังก์ชั่นที่ไม่ระบุชื่อ:
var variable name = function (พารามิเตอร์) {function body return value;};
ชื่อตัวแปร (พารามิเตอร์)
8. การโทรของโปรแกรม
1. เพิ่มการแจ้งเตือน (); วิธีที่ 2. ใช้ firebug (); วิธี
9. ภาพรวม: (โมเดลวัตถุเบราว์เซอร์, โมเดลวัตถุเบราว์เซอร์)
1. คุณสมบัติของวัตถุหน้าต่าง
ชื่อ | อธิบาย |
ประวัติศาสตร์ | ข้อมูลเกี่ยวกับ URL ที่ลูกค้าเข้าเยี่ยมชม |
ที่ตั้ง | ข้อมูลเกี่ยวกับ URL ปัจจุบัน |
หน้าจอ | ข้อมูลเกี่ยวกับหน้าจอของลูกค้าและประสิทธิภาพการแสดงผล |
วิธีการทั่วไปสำหรับวัตถุ 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. อ่านพร้อมกับลูป 2 อ่านด้วย --- ใน
สำหรับ (var x ในผลไม้) {document.write (ผลไม้ [x]+"<br/>")} x เป็นตัวห้อย
fruit.sort (); // เรียงลำดับสตริง str = fruit.oin ("-"); // เพิ่มสตริงและเข้าร่วมในสตริง
เลือกแบบดรอปดาวน์วัตถุ:
13. สไตล์การวางตำแหน่งสไตล์
ตำแหน่งด้านบน z-index
ระยะการเลื่อนเมาส์: Scorlltop: ระยะทางแนวตั้ง
Scorllleft: ระยะทางแนวนอน
การเลื่อนการเลื่อนเมาส์: onscorll
การแปลงระหว่างวัตถุ 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); // ตรวจสอบว่ามีการเลือกช่องทำเครื่องหมายนี้ว่า
var txtName = document.getElementById ("txtName"); // dom วัตถุ
var $ txtName = $ (txtName); //
เพิ่มแอตทริบิวต์คลาสใน DOM เพื่อใช้ obj.className = className;
เพิ่มเนื้อหาคลาสโดยใช้ obj.innerhtml = <put />
เพิ่มแอตทริบิวต์คลาสใน jQuery เพื่อใช้ obj.addclaa = className;
เพิ่มเนื้อหาคลาสที่จะใช้: obj.html = <อินพุต/>;
ตัวเลือกหลักห้าตัวใน JQurey:
กิจกรรมใน 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 มากขึ้น