1. var msg; // ประกาศตัวแปร ก่อนที่จะกำหนดค่าให้กับตัวแปรนี้ตัวแปรจะมีชื่อ: undefined
2. msg = "hello"; // หากไม่สามารถใช้ได้กับ var คุณสามารถประกาศตัวแปรทั่วโลก แต่เนื่องจากตัวแปรนี้เป็นทั่วโลกจึงสามารถทำให้เกิดปัญหาบางอย่างกับการโทรอื่น ๆ ได้อย่างง่ายดายดังนั้นจึงไม่แนะนำ
3. JavaScript มี 5 ประเภทข้อมูลพื้นฐาน, ไม่ได้กำหนด, ว่าง, บูลีน, หมายเลขและสตริง; และประเภทข้อมูลที่ซับซ้อน: วัตถุ
4. var num = 076; // ระบบ octal ที่แสดงโดยมันเริ่มต้นด้วย 0 ถ้าค่าต่อไปนี้เกินช่วง 8 เช่น: 08, 079 ฯลฯ จากนั้นวิเคราะห์ในระบบทศนิยม
5. var num = 0x22; // หมายถึง hexadecimal
6. nan-> ไม่ใช่ตัวเลข; // ไม่ใช่จำนวน, น่านไม่เท่ากับค่าใด ๆ ดังนั้นจึงมีอยู่ในตัวเอง วิธีการตรวจสอบว่าสามารถแปลงค่าเป็นค่าตัวเลขได้หรือไม่: iSnan ( *), * เป็นข้อมูลที่จะแปลง
7. เมื่อเปลี่ยนเป็นหมายเลขเท็จ-> 0; true-> 1; ""-> 0; "00022"-> 22; "helloWorld"-> nan; หมายเหตุ: ใช้เมธอด number ()
8. หากการแปลงดำเนินการโดยใช้วิธี ParseInt () มันจะแตกต่างจาก 7 (สำหรับสตริง) หลักการพื้นฐานมีดังนี้:
1) วิเคราะห์อักขระที่ไม่ใช่อวกาศตัวแรกของสตริง ถ้าเป็นพื้นที่ให้ข้ามไป หากเป็นสัญญาณที่ไม่ใช่หมายเลขหรือลบมันจะกลับไปที่ NAN โดยตรง
2) ดำเนินการแยกวิเคราะห์อักขระที่ต่อเนื่องกันต่อไปจนกว่าพวกเขาจะพบว่าไม่ใช่ numbers หรือการแยกวิเคราะห์เสร็จสมบูรณ์และส่งคืนเนื้อหาที่แยกวิเคราะห์;
3) หากอักขระที่ไม่ใช่อวกาศจะแยกวิเคราะห์กับสตริงเริ่มต้นด้วย 0x และเพิ่มอักขระเลขฐานสิบหกหลังจากนั้นมันจะถูกแปลงเป็น hexadecimal หากเริ่มต้นด้วย 0 และเพิ่มอักขระภาษาอังกฤษหลังจากนั้นมันจะถูกแปลงเป็นภาษาอังกฤษ
ตัวอย่าง: "1234blue"-> 1234; ""-> nan; "0xa"-> 10; "070"-> 56; "22.5"-> 22; "12 457 สีน้ำเงิน"-> 12; เฉพาะช่องว่างที่ปรากฏใน 1) ถูกข้ามระหว่างการแยกวิเคราะห์
9. คุณยังสามารถใช้วิธี ParseInt (*,*) ตัวแปรหลังหมายถึงการแบ่งที่จะแปลง; คุณสามารถเลือก 16, 10, 8, 2, ฯลฯ เช่น ParseInt ("10", 16)-> 16 และคุณไม่จำเป็นต้องเพิ่ม 0x หรือ 0 ในเวลานี้
10. วิธีการ ToString () โดยทั่วไปไม่จำเป็นต้องใช้พารามิเตอร์ จริง-> "true" จะถูกแปลงตามสตริง แต่เมื่อแปลงจากตัวเลขเป็นสตริงสามารถเพิ่มพารามิเตอร์เพื่อตั้งค่าพาร์ติชัน
ตัวอย่าง: var num = 10-> สตริง ------- num.toString ()-> "10"; num.toString (2)-> "1010"; num.toString (8)-> "12";
11. ใน JavaScript ตัวเลขจะถูกแสดงด้วยข้อมูล 32 บิต กะซ้าย << จะไม่เปลี่ยนบิตป้าย ตัวอย่าง: 2 << 5;-> 64 คือ: 10-> 1000000
12. การเลื่อนขวาแบ่งออกเป็นสองประเภท: การเปลี่ยนแปลงขวาที่ลงนามและกะที่ไม่ได้ลงชื่อทางขวา:
1) Signed Right Shift: >> ย้ายบิตข้อมูลเท่านั้นไม่ใช่บิตลงนาม: -64 >> 5 --->-2
2) การเปลี่ยนแปลงขวาที่ไม่ได้ลงชื่อ: >>> ทั้งหมดจะต้องย้ายดังนั้นหลังจากการเคลื่อนไหวจำนวนลบมันจะกลายเป็นจำนวนบวกและจำนวนบวกนี้โดยทั่วไปมีขนาดใหญ่มาก
12. กรณีในคำสั่งสวิตช์มีประสิทธิภาพมากมันอาจเป็นค่าตัวเลขสตริงหรือแม้แต่นิพจน์
13. ไม่มีการเพิ่มพารามิเตอร์ในฟังก์ชัน () ใน JavaScript เพราะมันได้รับจริงโดยอาร์กิวเมนต์ []
14. JavaScript ไม่มีขอบเขตระดับบล็อกดังที่แสดงในตัวอย่างต่อไปนี้:
คัดลอกรหัสดังนี้: ถ้า (จริง)
-
var color = "Blue";
-
การแจ้งเตือน (สี);
สีน้ำเงินจะถูกพิมพ์ออกมา สิ่งนี้ จำกัด อยู่ที่คำแถลงการแจ้งเตือนที่ตั้งอยู่ในสภาพแวดล้อมระดับโลก แต่สิ่งนี้จะไม่เกิดขึ้นในภาษา C โดยทั่วไปฟังก์ชั่นลูปเช่นฟังก์ชั่นจะถูกทำลายและพวกเขาจะถูกทำลายในจาวาสคริปต์
15. อินสแตนซ์ของคำสั่งใช้เพื่อตรวจสอบว่ามันเป็นของชนิดข้อมูลหรือวัตถุ: บุคคลอินสแตนซ์ของวัตถุ // บุคคลตัวแปรเป็นวัตถุหรือไม่? ถ้าเป็นเช่นนั้นมันจะส่งคืนจริง
16. การตั้งค่าค่าตัวแปรเป็น null สามารถ dereference ตัวแปรนี้ นักสะสมขยะของ JavaScript จะรีไซเคิลเมื่อเปิดใช้งานในครั้งต่อไป
17. ประเภทการอ้างอิงคล้ายกับคลาส แต่ไม่ใช่สิ่งเดียวกัน! มีสองวิธีในการสร้างประเภทอ้างอิง:
1)
การคัดลอกรหัสมีดังนี้: var person = new Object (); // วัตถุเป็นประเภทอ้างอิงที่ใช้กันมากที่สุดใน JavaScript
person.name = "Zhangsan";
person.age = 30;
2)
คัดลอกรหัสดังนี้: var person = {
ชื่อ: "Zhangsan",
อายุ: 30 // โปรดทราบว่าไม่มี "," ที่นี่!
-
3) เป็นการรวมกันของ 2) และ 1)
การคัดลอกรหัสมีดังนี้: var person = {};
person.name = "Zhangsan";
person.age = 30;
วิธีที่สองของสามวิธีข้างต้นคือวิธีที่ใช้กันมากที่สุด
18. วัตถุมีสามประเภท: วัตถุที่ผู้ใช้กำหนด (วัตถุที่ผู้ใช้กำหนด), วัตถุแบบดั้งเดิม (วัตถุในตัว) และโฮสต์วัตถุ (วัตถุโฮสต์)
ในกรณีที่วัตถุพื้นเมืองเป็นวัตถุที่สร้างขึ้นในจาวาสคริปต์เช่นอาร์เรย์, คณิตศาสตร์, วันที่ ฯลฯ ในขณะที่โฮสต์-วัตถุเป็นวัตถุที่ได้รับจากเบราว์เซอร์
19. เปิดหน้าต่างใหม่ใน JavaScript ด้วย window.open (url, ชื่อ, คุณสมบัติ) พารามิเตอร์ทั้งสามนี้เป็นทางเลือกดังนี้:
1) URL คือที่อยู่ของหน้าต่างที่จะเปิด
2) ชื่อคือชื่อของหน้าต่างใหม่และคุณสามารถสื่อสารกับหน้าต่างใหม่ผ่านชื่อ
3) คุณสมบัติคือสตริงหารด้วย "," เช่น "ความสูง: 300, ความกว้าง: 200" ซึ่งมีเนื้อหาเป็นคุณสมบัติต่าง ๆ ของหน้าต่างใหม่
20. คุณสามารถเรียกฟังก์ชัน JavaScript โดยตรงในเอกสาร HTML สิ่งนี้ต้องการวิธีการของ JavaScript: XXXXXX ซึ่ง JavaScript เรียกว่า JavaScript Pseudo-Protocol
ตัวอย่างเช่นมีวิธี: การทดสอบฟังก์ชัน () {}
<a href = "JavaScript: test ()"> ทดสอบ </a> // วิธีนี้คือการใช้ JavaScript Pseudo-Protocol เพื่อเรียกใช้วิธี JavaScript ไม่แนะนำวิธีนี้เนื่องจากเบราว์เซอร์ที่แตกต่างกันรองรับโปรตีนหลอกนี้แตกต่างกัน
21. เนื้อหาของโหนดจำนวนมากไม่ได้อยู่ในค่าของพวกเขาเช่น: <p id = "desc"> Hello World </p> คุณสามารถใช้ var text = document.getElementById ("desc"). firstChild.NodeValue;
ค่าที่ได้รับจากข้อความที่นี่คือ: Hello World
22. วิธีการแทรกองค์ประกอบใหม่ลงในเอกสาร HTML:
1) สร้างองค์ประกอบใหม่ (รวมถึงเนื้อหา ฯลฯ )
2) แทรกองค์ประกอบใหม่นี้ลงในจำนวนโหนด
คำอธิบาย: 1) วิธีการสร้างองค์ประกอบใหม่: var para = document.createElement ("P"); // สร้าง <p> </p>
ในเวลานี้องค์ประกอบนี้มีคุณสมบัติทั้งหมดของ <p> แต่ไม่มีเนื้อหาอยู่ในนั้นและยังไม่ได้แทรกลงในเอกสาร
จากนั้นใช้เมธอด var txt = document.createtextNode (text) เพื่อสร้างเนื้อหาโหนดข้อความและแทรกเนื้อหาโหนดข้อความลงใน <p>
2) Parent.AppendChild (เด็ก) // วิธีการสามารถแทรกองค์ประกอบลูกลงในองค์ประกอบหลัก
รวมถึงการทำงานสองส่วน: 1-insert โหนดข้อความภายใต้โหนด <p>, para.appendchild (txt); 2- แทรกโหนด <p> ภายใต้โหนดอื่น ๆ
23. วิธีการตั้งค่าและรับยังสามารถตั้งค่าคุณสมบัติสำหรับวัตถุที่เรียกว่าคุณสมบัติหน่วยความจำซึ่งสามารถใช้การดำเนินการที่ค่อนข้างซับซ้อนเช่น:
คัดลอกรหัสดังนี้: var m = {
X: 1, // คุณลักษณะข้อมูล
y: 1,
รับ r () {return math.sqrt (this.x*this.x + this.y*this.y);}, // แอตทริบิวต์หน่วยความจำคุณสมบัตินี้เขียน: ตั้ง (หรือรับ) ชื่อคุณสมบัติ (param (วิธีการตั้งค่ามี) {function body}
ตั้งค่า r (newValue) {
var oldValue = math.sqrt (this.x*this.x + this.y*this.y);
var radio = newValue/oldValue;
this.x *= อัตราส่วน;
this.y *= อัตราส่วน;
-
-
24. การดำเนินการอาร์เรย์:
1) แอตทริบิวต์ความยาวแสดงถึงความยาว
2) เข้าร่วม () วิธีการ:
การคัดลอกรหัสมีดังนี้: var a = [1,2,3];
A.Join () ------> "1,2,3"
A.Join (""); -----> "1 2 3"
A.Join (""); -----> "123"
3) reverse () // ย้อนกลับองค์ประกอบในอาร์เรย์ตามลำดับย้อนกลับ
คัดลอกรหัสดังนี้: var a = [1,2,3]; A.Reverse (). เข้าร่วม () ---> "3,2,1"
4) เรียงลำดับ () // เรียงลำดับองค์ประกอบในอาร์เรย์และส่งคืนอาร์เรย์ที่เรียงลำดับ
sort () // เรียงลำดับตามลำดับตัวอักษร
การคัดลอกรหัสมีดังนี้: sort (ฟังก์ชัน (a, b) {// a, b หมายถึงองค์ประกอบในอาร์เรย์
ถ้า (a> b)
-
กลับ 1;
-
อื่นถ้า ()
-
กลับ -1
-
อื่น
-
กลับ 0;
-
-
) // วิธีนี้สามารถกำหนดวิธีการเรียงลำดับที่คุณต้องการได้อย่างอิสระ
5) concat () // สร้างและส่งคืนอาร์เรย์ใหม่ซึ่งใช้ในการเชื่อมต่ออาร์เรย์ซึ่งเชื่อมต่อกับองค์ประกอบในอาร์เรย์แทนที่จะเป็นอาร์เรย์เอง
คัดลอกรหัสดังนี้: var a = [1,2,3]
A.Concat (4,5) -----> [1,2,3,4,5]
A.Concat ([4,5]) -----> [1,2,3,4,5]
A.Concat ([4,5], [6,7]) ------> [1,2,3,4,5,6,7]
A.Concat (4, [5, [6,7]]) ------> [1,2,3,4,5, [6,7]]
6) Slice () ส่งคืนชิ้นส่วนของอาร์เรย์ที่ระบุ คุณสามารถเขียนพารามิเตอร์สองพารามิเตอร์หรือพารามิเตอร์หนึ่งตัว หนึ่งพารามิเตอร์แสดงถึงการเริ่มต้นจากตำแหน่งปัจจุบันของพารามิเตอร์และสิ้นสุด พารามิเตอร์ทั้งสองอ้างถึงพารามิเตอร์แรกไปยังพารามิเตอร์ที่สอง
พารามิเตอร์ -1 ระบุองค์ประกอบสุดท้ายนั่นคือองค์ประกอบสุดท้ายในขณะที่ -3 ระบุองค์ประกอบสุดท้าย
การคัดลอกรหัสมีดังนี้: var a = [1,2,3,4,5];
A.Slice (0,3); -----> [1,2,3]
A.Slice (3); -----> [4,5]
A.Slice (1, -1); -----> [2,3,4]
A.Slice (-3, -2); -----> [3]
25. window.location = "//www.vevb.com/";//can จะใช้เพื่อเปิดเว็บเพจ
26. Settimeout () // พารามิเตอร์สองตัวหนึ่งคือฟังก์ชันการโทรกลับและอีกอันหนึ่งคือเวลาโทรกลับซึ่งระบุจำนวนมิลลิวินาทีที่เรียกใช้ฟังก์ชันการโทรกลับนี้เช่น::
คัดลอกรหัสดังนี้: settimeout (function () {Alert ("Hello World");}, 2000); // กล่องโต้ตอบปรากฏขึ้นหลังจากสองวินาที
ClearTimeout (h); // ใช้เพื่อยกเลิกการโทรไปยัง settimeout, var h = settimeout (func, เวลา);
27. คลิกเหตุการณ์สำหรับองค์ประกอบ: var template = document.getElementById ("xx"); tempelement.onclick = function () {alert ("hello");};
28. var nowtime = new Date (); Nowtime.tolocaletimestring (); สามารถแสดงเวลาปัจจุบัน (หมายเหตุ: ถึงเวลา แต่ไม่รวมวันที่)
29. setInterval (func, time); // มันถูกใช้เพื่อลงทะเบียนฟังก์ชั่นที่เรียกซ้ำ ๆ หลังจากเวลาที่กำหนด func เป็นฟังก์ชั่นที่เรียกซ้ำแล้วซ้ำเวลาคือเวลาที่กำหนดหน่วยมิลลิวินาทีหน่วย
และ ClearInterval (H); เป็นเหตุการณ์ที่ใช้ในการยกเลิกการลงทะเบียนโดยที่ h คือ var h = setInterval (func เวลา);
30. ไม่ว่าจะเป็น settimeout หรือ setInterval เพื่อ settimeout มันจะไม่ถูกดำเนินการทันที แต่ใส่วิธีนี้ลงในคิวและรอให้สถานะก่อนหน้าถูกดำเนินการก่อนการดำเนินการ
31. window.location.href // สามารถรับที่อยู่ URL ที่โหลดโดยเอกสารปัจจุบัน, window.location.search// สามารถรับเนื้อหาหลังจากได้หรือไม่? อักขระในเอกสารปัจจุบันซึ่งโดยทั่วไปใช้สำหรับ
ตรวจจับสถานการณ์ที่คู่คีย์-ค่าชื่อ = ค่า
32. แอตทริบิวต์ Navigator ของหน้าต่างสามารถมีหลายแอตทริบิวต์:
1) AppName -----> ชื่อเต็มของพื้นที่การท่องเว็บ
2) Appversion -----> ผู้ผลิตเบราว์เซอร์และเวอร์ชัน
3) useragent ----> มักจะมีความเข้าใจและข้อมูลอื่น ๆ โดยไม่มีรูปแบบที่แน่นอน
4) Platform From -----> ระบบการดำเนินงานที่เรียกใช้เบราว์เซอร์เป็นไปได้ที่จะสร้างฮาร์ดแวร์
5) ออนไลน์ -----> หากคุณสมบัตินี้มีอยู่หมายความว่าเบราว์เซอร์ปัจจุบันเชื่อมต่อกับเครือข่ายหรือไม่
6) Geolocation -----> อินเทอร์เฟซที่ใช้ในการกำหนดข้อมูลตำแหน่งทางภูมิศาสตร์ของผู้ใช้
33. วัตถุหน้าจอสามารถรับข้อมูลเกี่ยวกับขนาดของการแสดงหน้าต่างและจำนวนสีที่มีอยู่
34. Windows มีกล่องโต้ตอบสามกล่อง
1) การแจ้งเตือน-> กล่องโต้ตอบพรอมต์
2) ยืนยัน () ----> มันแสดงข้อความ แต่ต้องการให้ผู้ใช้ยืนยันหรือยกเลิกตัวอย่าง: var red = ยืนยัน ("Hello World"); ถ้า (ถูกต้อง) {return true}
3) พรอมต์ () -----> แสดงข้อความรออินพุตของผู้ใช้และกลับไปที่สตริงนั้น
35. หน้าต่างมีรูปแบบการแสดงผลสำหรับกล่องโต้ตอบโมดอล: showmodaldialog (param1, param2, param3) //
พารามิเตอร์ 1: ใช้เพื่อระบุ URL ที่ให้เนื้อหา HTML ของกล่องโต้ตอบ
พารามิเตอร์ที่ 2: มันอาจเป็นค่าโดยพลการ ค่านี้สามารถเข้าถึงได้ผ่านค่าของ window.dialogarguments ในสคริปต์ในกล่องโต้ตอบ
พารามิเตอร์ที่ 3: เป็นรายการที่ไม่ได้มาตรฐานซึ่งมีชื่อ = คู่ค่าคั่นด้วยเครื่องหมายอัฒภาค หากมีการจัดเตรียมพารามิเตอร์นี้คุณสามารถกำหนดค่าขนาดและคุณสมบัติอื่น ๆ ของกล่องโต้ตอบและใช้ Dialogwidth และ Dialogheight เพื่อ
ตั้งค่าขนาดของหน้าต่างโต้ตอบใช้ "resizable = ใช่" เพื่อให้ผู้ใช้เปลี่ยนขนาดหน้าต่าง
36. แอตทริบิวต์ชื่อยังสามารถใช้เพื่อรับองค์ประกอบบางอย่าง แต่แอตทริบิวต์ชื่อนั้นใช้ได้เฉพาะในองค์ประกอบ HTML เพียงไม่กี่อย่าง: Form <form>, องค์ประกอบแบบฟอร์ม, <iframe> และ <img> องค์ประกอบ
document.getElementsByName (); // รับอาร์เรย์ที่ประกอบด้วยแอตทริบิวต์ชื่อทั้งหมด
37. เนื่องจากเหตุผลทางประวัติศาสตร์เพียง <form>, <img> และ <a> ที่มีแอตทริบิวต์ href มี document.forms.id//name เป็นรูปแบบแท็ก ID และไม่อนุญาตให้ใช้องค์ประกอบอื่น ๆ
38. GetElementsByClassName (); สามารถรับโหนดลูกของชื่อคลาสเดียวกันภายใต้โหนดพาเรนต์
39. คุณลักษณะที่สำคัญของโหนดโหนดมีการอธิบายดังนี้:
1) ParentNode -----> ไปยังโหนดพาเรนต์ของโหนดถ้าเป็นวัตถุเอกสารโหนดพาเรนต์ของมันจะเป็นโมฆะ
2) ChildNodes -----> โหนดอาร์เรย์คลาสแบบอ่านอย่างเดียวเป็นโหนดลูกของโหนดนั้น
3) FirstChild และ LastChild ลูกคนแรกและลูกคนสุดท้ายของโหนด
4) Nextsibling, ก่อนหน้านี้, ก่อนหน้าและต่อไปของโหนดพี่ชายของโหนดนี้
5) NodeType ----> ประเภทโหนดของโหนดนี้คือการส่งคืนค่าตัวเลข 9 หมายถึงโหนดเอกสาร 1 แสดงถึงโหนดองค์ประกอบ 3 แสดงถึงโหนดข้อความ 8 แสดงถึงโหนดความคิดเห็นและ 11 แสดงถึงโหนดเอกสาร
6) NodeValue -----> ข้อความข้อความหรือเนื้อหาข้อความแสดงความคิดเห็น
7) NodeName -----> ชื่อฉลากขององค์ประกอบที่แสดงในรูปแบบเงินทุน
40. คุณสามารถสร้างองค์ประกอบพื้นที่ที่สามารถแก้ไขได้ใน HTML วิธี:
การคัดลอกรหัสมีดังนี้: <div id = "editor" ที่เป็นที่ชื่นชอบ> คลิกเพื่อแก้ไข </div> และเนื้อหาสามารถรับได้ผ่านแอตทริบิวต์ InnerHTML;
var editor = document.getElementById ("editor"); Alert (editor.innerhtml); // แสดงเนื้อหาทั้งหมดรวมถึง <br> ฯลฯ
41. วิธีการโหลดสองฟังก์ชั่นใน window.onload window.onload = function () {
// เขียนสองฟังก์ชั่นที่นี่
func1 ();
func2 ();
-
42. วิธีการตั้งค่าแอตทริบิวต์ CSS สำหรับองค์ประกอบ:
คัดลอกรหัสดังนี้: var tip = document.createElement ("dd"); // สร้างองค์ประกอบ
tip.style.csstext = "ตำแหน่ง: สัมบูรณ์; ด้านล่าง: 0; ความสูง: 20px; ความกว้าง: 380px; การเติม: 10px; สี: #FFF; พื้นหลัง: #FFF;";
หากต้องการดูไวยากรณ์ JavaScript เพิ่มเติมคุณสามารถติดตาม: "คำแนะนำอ้างอิง JavaScript" และ "คู่มือสไตล์รหัส JavaScript" ฉันหวังว่าทุกคนจะสนับสนุน wulin.com มากขึ้น