รู้เบื้องต้นเกี่ยวกับ JS:
JavaScript เป็นภาษาการเขียนโปรแกรมที่สามารถทำให้หน้าเว็บของคุณมีชีวิตชีวามากขึ้นและเป็นภาษาที่ง่ายที่สุดและสะดวกที่สุดในการออกแบบเว็บเพจ
คุณสามารถใช้ JavaScript ได้อย่างง่ายดายเพื่อสร้างข้อความต้อนรับที่เป็นมิตรนาฬิกาดิจิตอลที่สวยงามตะเกียงโฆษณากระโจกและการเลือกตั้งที่เรียบง่ายและยังแสดงเวลาที่เบราว์เซอร์อยู่ ให้เอฟเฟกต์พิเศษเหล่านี้เพิ่มความหลงใหลในหน้าเว็บ
JavaScript สามารถทำสิ่งต่าง ๆ มากมายบนหน้าเว็บรวมถึงเอฟเฟกต์พิเศษของเว็บการดำเนินการ DOM, HTML5 เกม (ขึ้นอยู่กับการรวมกันของ HTML5 และ JavaScript) ภาพเคลื่อนไหวและเอฟเฟกต์พิเศษอื่น ๆ และยังสามารถดึงข้อมูลหลังเวที (ผ่าน AJAX)
ตัวอย่างเช่น node.js ฯลฯ และเครื่องยนต์เดสก์ท็อปบางตัว Node-Webkit สามารถแสดง JavaScript ลงในแอปพลิเคชันเดสก์ท็อป ตัวอย่างเช่นใน Unity3D คุณสามารถใช้ JavaScript เพื่อเขียนเกม (ไวยากรณ์คุณสมบัติ ฯลฯ ของ JavaScript ที่ใช้โดย Unity3D)
คุณสมบัติของภาษาจาวาสคริปต์:
1) .JavaScript ส่วนใหญ่ใช้เพื่อเพิ่มพฤติกรรมการโต้ตอบในหน้า HTML
2) .JavaScript เป็นภาษาสคริปต์ที่มีไวยากรณ์คล้ายกับ Java
3). JavaScript โดยทั่วไปใช้ในการเขียนสคริปต์ไคลเอนต์
4) .Javascript เป็นภาษาที่ตีความที่อธิบายขณะดำเนินการ
จุดความรู้ JavaScript คำอธิบาย:
1. โอเปอเรเตอร์
ผู้ประกอบการเป็นชุดของสัญลักษณ์ที่ดำเนินการให้เสร็จสมบูรณ์ พวกเขามีเจ็ดหมวดหมู่: ตัวดำเนินการที่ได้รับมอบหมายตัวดำเนินการเลขคณิตตัวดำเนินการเปรียบเทียบตัวดำเนินการตรรกะการดำเนินงานแบบมีเงื่อนไขตัวดำเนินการบิตการทำงานและตัวดำเนินการสตริง
2. การแสดงออก
การรวมกันของผู้ประกอบการและตัวถูกดำเนินการเรียกว่านิพจน์ซึ่งมักจะแบ่งออกเป็นสี่หมวดหมู่: นิพจน์การมอบหมายการแสดงออกทางคณิตศาสตร์การแสดงออกของบูลีนและการแสดงออกของสตริง
3. ประโยค
โปรแกรม JavaScript ประกอบด้วยหลายข้อความและคำสั่งเป็นคำสั่งสำหรับการเขียนโปรแกรม JavaScript ให้คำสั่งการเขียนโปรแกรมพื้นฐานที่สมบูรณ์ซึ่งคือ: ถ้า ~ else, คำสั่งการกำหนด, คำสั่งการเลือกสวิตช์, ในขณะที่คำสั่งลูปสำหรับคำสั่งลูปทำในขณะที่คำสั่งลูปทำลายคำสั่งการยกเลิกลูปและดำเนินการต่อการขัดจังหวะลูป
หมายเหตุ: เมื่อตัดสินเฉพาะผลลัพธ์เหล่านี้เป็นเท็จ: เช่น
หากวัตถุโลจิคัลไม่มีค่าเริ่มต้นหรือค่าของมันคือ 0, -0, null, "", เท็จ, ไม่ได้กำหนดหรือ NAN ค่าของวัตถุนั้นเป็นเท็จ มิฉะนั้นค่าของมันจะเป็นจริง (แม้ว่าอาร์กิวเมนต์จะเป็นสตริง "เท็จ")!
4. ฟังก์ชั่น
ฟังก์ชั่นมีชื่อว่าส่วนคำสั่งซึ่งสามารถอ้างอิงและดำเนินการโดยรวม ประเด็นต่อไปนี้ควรให้ความสนใจเมื่อใช้ฟังก์ชั่น:
1) ฟังก์ชั่นถูกกำหนดโดยฟังก์ชันคำหลัก
2) ฟังก์ชั่นจะต้องกำหนดก่อนแล้วใช้มิฉะนั้นจะเกิดข้อผิดพลาด
3) ชื่อฟังก์ชั่นคือชื่อที่อ้างอิงเมื่อเรียกใช้ฟังก์ชัน มันเป็นกรณีที่ละเอียดอ่อนและไม่สามารถเขียนชื่อฟังก์ชั่นได้อย่างไม่ถูกต้องเมื่อเรียกใช้ฟังก์ชัน
4) พารามิเตอร์แสดงค่าที่ส่งผ่านไปยังฟังก์ชั่นสำหรับการใช้งานหรือการทำงาน มันอาจเป็นค่าคงที่หรือตัวแปร;
5) คำสั่ง Return จะใช้เพื่อส่งคืนค่าของนิพจน์หรือสามารถทิ้งไว้ได้โดยไม่ต้อง
5. วัตถุ
ฟังก์ชั่นที่สำคัญของ JavaScript คือฟังก์ชั่นตามวัตถุ ผ่านการเขียนโปรแกรมตามวัตถุการพัฒนาโปรแกรมสามารถดำเนินการได้ในวิธีที่ใช้งานง่ายมากขึ้นโมดูลาร์และนำมาใช้ซ้ำได้ ชุดของแอตทริบิวต์ที่มีข้อมูลและวิธีการที่ทำงานกับข้อมูลที่มีอยู่ในแอตทริบิวต์เรียกว่าวัตถุ ตัวอย่างเช่นหากคุณต้องการตั้งค่าสีพื้นหลังของหน้าเว็บวัตถุที่คุณกำหนดเป้าหมายคือเอกสารและชื่อแอตทริบิวต์ที่ใช้คือ bgcolor เช่น document.bgcolor = "สีน้ำเงิน" ซึ่งหมายความว่าสีพื้นหลังเป็นสีน้ำเงิน
6. เหตุการณ์
การกระทำที่สร้างขึ้นเมื่อผู้ใช้โต้ตอบกับหน้าเว็บเรียกว่าเหตุการณ์ สิ่งต่าง ๆ ส่วนใหญ่เกิดจากการกระทำของผู้ใช้เช่น: หากผู้ใช้กดปุ่มเมาส์เหตุการณ์ onclick จะถูกสร้างขึ้นและหากตัวชี้เมาส์เคลื่อนที่บนลิงค์เหตุการณ์ onmouseover จะถูกสร้างขึ้น ฯลฯ ใน JavaScript เหตุการณ์มักจะใช้ร่วมกับตัวจัดการเหตุการณ์
7. ตัวแปร
ตัวอย่างเช่น var myvariable = "ค่าบางอย่าง";
กรณีคลาสสิก:
ลอตเตอรี JS
รวมถึงจุดความรู้: การใช้ตัวจับเวลาการใช้วิธีการของวัตถุเอกสารการใช้อาร์เรย์ JS การใช้วัตถุในตัวการใช้ฟังก์ชั่นระบบ JS และเหตุการณ์การลงทะเบียน
<! doctype html> <html xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" type = "html; charset = utf-8"/> "A, B, C, D, E, F, G, H, H, I, J, K, L, M, N, O, P, Q, R, S, T, U, V, W, X, Y, Z, Z" var alldataarr = Alldata.split (","); var num = alldataarr.length - 1; ตัวจับเวลา var; ฟังก์ชั่นเริ่มต้น () {clearInterval (ตัวจับเวลา); h timer = setInterval ('เปลี่ยน ()', 10); } ฟังก์ชั่นการเปลี่ยนแปลง () {document.getElementById ("oknum"). innerhtml = alldataarr [getrnd (0, num)]; } ฟังก์ชั่น getRnd (min, max) {return parseint (math.random () * (สูงสุด - min + 1)); } ฟังก์ชั่นตกลง () {clearInterval (ตัวจับเวลา); document.getElementById ("showresult"). value = document.getElementById ("oknum"). innerText; } </script> </head> <body> <div id = "oknum" name = "oknum"> โปรดคลิกเริ่ม </div> <button onclick = "start ()" accesskey = "s"> เริ่ม </ปุ่ม> <!-/// แอตทริบิวต์ AccessKey ระบุปุ่มลัดเพื่อเปิดใช้งาน -> <button onclick = "ok ()" accesskey = "o"> หยุด </ปุ่ม> ตัวเลือกของคุณคือ: <อินพุต type = "text" id = "showresult" value = ""/> </body> </htmlการสลับภาพพื้นหลัง
รวมจุดความรู้: การใช้ตัวจับเวลาการใช้วิธีการของวัตถุเอกสาร
<script type = "text/javascript"> window.onload = function () {setInterval (ขั้นตอน, 1,000); } var num = 1; ขั้นตอนฟังก์ชัน () {ถ้า (num <5) {num ++; } else {num = 1; } var dom = document.getElementById ("imgid"); // เปลี่ยนแอตทริบิวต์ SRC ของภาพ dom.src = 'images/' + num + '.jpg'; } </script> </head> <body> <img src = "images/1.jpg" id = "imgid"/> </body> </html>Marquee:
รวมถึงจุดความรู้: การใช้ตัวจับเวลาการใช้วิธีการของวัตถุเอกสารการใช้ฟังก์ชั่นระบบการใช้เหตุการณ์เมาส์การใช้การดำเนินการโหนดคำสั่งลูปและคำสั่งการตัดสิน
<script src = "js/jQuery-1.8.3.min.js"> </script> <script type = "text/javascript"> (ฟังก์ชั่น ($) {$ .fn.extend ({rolltitle: function (opt, callback) _this.find ("Li: First"). ความสูง (); _this.line = opt.line? Parseint (opt.timespan, 13): 5000; (i = 1; i <= _this.line; i ++) {_this.find ("li: แรก"). ภาคผนวก (_this); _this.timer = setInterval (ฟังก์ชั่น () {_this.scrollup ();}, _this.timespan); สีน้ำเงินความกว้าง: 100px; " > <li style = "สี: สีแดง"> ฉันรักคุณ </li> <li style = "สี: สีชมพู"> ฉันรักคุณ </li> <li style = "สี: สีน้ำเงิน"> ฉันรักคุณ </li> <li style = "สีเขียว"> ฉันรักคุณ </li> value = "Marionette"> <script type = "text/javaScript"> function test () {$ ("#runtopic") ค้นหา ("li: first"). ภาคผนวก ($ ("#runtopic")); } </script> </body> </html>นี่คือจุดสิ้นสุดของความเข้าใจของ JavaScript จะมีกรณีเกี่ยวกับ JS ในอนาคต หวังว่ามันจะช่วยทุกคน! - -
ความเข้าใจด้านบน JavaScript และการวิเคราะห์กรณีคลาสสิกเป็นเนื้อหาทั้งหมดที่ฉันแบ่งปันกับคุณ ฉันหวังว่าคุณจะให้ข้อมูลอ้างอิงและฉันหวังว่าคุณจะสนับสนุน wulin.com มากขึ้น