หน้าแรก
หน้าแรก
เรียนรู้วิธีเชื่อมสตริงตั้งแต่สองสตริงขึ้นไปด้วย JavaScript ใน JavaScript มีวิธีการต่างๆ ในการรวมสตริงตั้งแต่สองสตริงขึ้นไปเข้าด้วยกัน รวมถึงโอเปอเรเตอร์เครื่องหมายบวก + , เครื่องหมายบวกเท่ากับ += โอเปอเรเตอร์ และ concat() . หมายเหตุ:+ และ += เรียกว่า ตัวดำเนินการมอบหมาย มาลองทั้งสามกันเลย! ตัวด
เรียนรู้วิธีเพิ่มรายการในตำแหน่งอาร์เรย์เฉพาะ (ดัชนี) ใน JavaScript สมมติว่าคุณต้องการเพิ่มรายการในอาร์เรย์ แต่คุณไม่ต้องการผนวก (เพิ่มที่ส่วนท้าย) หรือเติมไว้ข้างหน้า (เพิ่มที่จุดเริ่มต้น) คุณต้องการเพิ่มรายการในตำแหน่ง/ตำแหน่งเฉพาะของอาร์เรย์ หมายเหตุ:เมื่อเราดำเนินการจัดการข้อมูลที่ตำแหน่ง/สถาน
ต่อไปนี้เป็น กฎ (ไม่ใช่แนวทาง) สำหรับการตั้งชื่อตัวแปร JavaScript: ชื่อตัวแปรสามารถประกอบด้วยอักขระที่เป็นตัวอักษรและตัวเลขเท่านั้น (ตัวอักษร a ถึง z และตัวเลข 0 ถึง 9 ) ขีดล่าง (_ ) หรือเครื่องหมายดอลลาร์ $ . ชื่อตัวแปรไม่สามารถขึ้นต้นด้วยตัวเลขได้ ชื่อตัวแปรต้องขึ้นต้นด้วย ตัวอักษร เครื่องหมายดอล
Space Invaders โดย Andrea Maille เป็นเกม 2D ที่มีชื่อเสียงในเวอร์ชัน JavaScript ของวานิลลาจาวาสคริปต์ตั้งแต่ปี 1978 เกมมีคุณสมบัติดังต่อไปนี้: การตรวจจับการชน การยิงด้วยสเปซบาร์ การเคลื่อนไหวซ้ายและขวา (แกน x) ด้วยลูกศรบนแป้นพิมพ์ โหมดสันติภาพ (ยิงศัตรูด้วยดอกกุหลาบแทนจรวด 😂) จับเวลา จำนวนคะแนน
เรียนรู้วิธีเลื่อนผู้ใช้ไปที่ด้านล่างของหน้าเว็บขนาดยาวอย่างราบรื่นด้วย JavaScript และ CSS เล็กน้อย หากคุณต้องการให้ผู้ใช้สามารถเลื่อนไปที่ด้านล่างของหน้าได้อย่างราบรื่น คุณสามารถใช้คุณสมบัติ CSS ที่เรียกว่า scroll-behavior และวิธีการ JavaScript ที่เรียกว่า scrollIntoView() . คุณจะต้องมีสิ่งต่อไปน
หากต้องการค้นหารายการเดียว (เฉพาะ) ในอาร์เรย์ที่มี vanilla JavaScript คุณสามารถใช้เมธอด ES6 Array.find() . สมมติว่าคุณมีรายการต่างๆ มากมาย ในกรณีนี้คือผัก ตอนนี้คุณต้องการหา carot จากรายการ: const vegetables = [broccoli, carot, kale, spinach] // Find carot in array let carot = vegetables.find(func
เรียนรู้วิธีเปลี่ยนสีพื้นหลังบนเว็บไซต์เมื่อคุณเลื่อนเมาส์ไปเหนือเว็บไซต์ด้วย JavaScript วานิลลา HTML นี่คือมาร์กอัปสำหรับหน้า HTML อย่างง่าย: JavaScript ในการเปลี่ยนสีพื้นหลังเมื่อผู้ใช้เลื่อนเมาส์ไปที่ส่วนใดส่วนหนึ่งของหน้า คุณต้อง: กำหนดเป้าหมาย <body> และเก็บการอ้างอิงไว้ในตัวแปร ฟังเห
เรียนรู้วิธีสลับสีพื้นหลังบนเว็บไซต์เมื่อคุณเลื่อนเมาส์เข้าและออกโดยใช้ mouseover ของ JavaScript และ mouseout เหตุการณ์ HTML นี่คือมาร์กอัปสำหรับหน้า HTML อย่างง่าย: คุณสามารถใช้โปรแกรมแก้ไขข้อความออนไลน์ฟรี เช่น CodePen เพื่อทำตามบทช่วยสอนนี้ JavaScript ในการสลับสีพื้นหลังของเว็บไซต์เมื่อผู้ใช้
นี่เป็นวิธี JavaScript แบบอินไลน์ที่ง่ายและรวดเร็วในการสลับรูปภาพเริ่มต้นกับรูปภาพอื่นเมื่อคุณเลื่อนเมาส์ไปเหนือรูปภาพ จากนั้นสลับกลับเป็นค่าเริ่มต้นเมื่อคุณเลื่อนเมาส์ออกอีกครั้ง: ตัวอย่างนี้เหมือนกัน แต่ใช้รูปภาพที่พักภายนอกเป็นแหล่งที่มาของรูปภาพ: การสาธิตโค้ด
เรียนรู้วิธีสร้างปุ่มที่เปิดพิมพ์หรือบันทึกของเบราว์เซอร์ของคุณ หน้าต่างไฟล์พร้อมท์เมื่อคุณคลิกที่มัน หากคุณต้องการพิมพ์หรือบันทึกหน้าบนเว็บไซต์ใดๆ คุณสามารถไปที่เบราว์เซอร์ของคุณ (โดยปกติอยู่ที่มุมบนซ้าย): คลิกที่ ไฟล์ → พิมพ์ → และคลิกปุ่ม บันทึก เพื่อบันทึกไฟล์เป็นเอกสาร PDF หรือพิมพ์ด้วยเครื่อ
กล่องแจ้งเตือนคืออะไร กล่องแจ้งเตือนเป็นหน้าต่างเล็กๆ ที่ปรากฏขึ้นเพื่อตอบสนองต่อการโต้ตอบของผู้ใช้บางประเภท (การคลิก การเลื่อน การพิมพ์ ฯลฯ) กล่องแจ้งเตือนส่วนใหญ่จะใช้เพื่อเตือนผู้ใช้เกี่ยวกับปัญหา แต่ยังใช้เพื่อแจ้งผู้ใช้ปลายทางเท่านั้น ตัวอย่างทั่วไปของการใช้กล่องแจ้งเตือนคือ ถ้าผู้ใช้คลิกปุ่ม
เรียนรู้วิธีและเหตุผลในการเปลี่ยนเส้นทางผู้เยี่ยมชมเว็บไซต์ของคุณไปยัง URL อื่นด้วย window.location ของ JavaScript วัตถุ วิธีการเปลี่ยนเส้นทางหน้า ในการเปลี่ยนเส้นทางผู้เยี่ยมชมเว็บไซต์ของคุณไปยัง URL ใหม่ สิ่งที่คุณต้องทำคือเรียกใช้ JavaScript ต่อไปนี้บนหน้าเว็บที่คุณต้องการเปลี่ยนเส้นทางจาก: wind
เว็บไซต์ของคุณอาจใช้งานคุณลักษณะล้ำสมัยบางอย่างที่ไม่สามารถทำงานร่วมกับเบราว์เซอร์บางตัวได้ (โดยเฉพาะเบราว์เซอร์รุ่นเก่า/รุ่นเก่า เช่น Internet Explorer) โชคดีที่คุณสามารถใช้ JavaScript เพื่อตรวจสอบว่าผู้เข้าชมไซต์ของคุณใช้เบราว์เซอร์ใด (หรือไม่ได้ใช้) จากนั้นคุณสามารถเปลี่ยนเส้นทางผู้เยี่ยมชมของคุณ
ในการแปลงตัวเลขเป็นสตริงด้วย JavaScript ให้ใช้ toString() วิธีการ: let number = 10 let numberToString = number.toString() console.log(numberToString) // 10
หากคุณได้รับข้อผิดพลาด JavaScript ต่อไปนี้ในคอนโซลของคุณ: Uncaught SyntaxError: Unexpected identifier สาเหตุที่พบบ่อยที่สุดประการหนึ่งคือคุณกำลังพยายามกลายพันธุ์ (เปลี่ยน) const ตัวแปร. คุณทำไม่ได้ ใน JavaScript คำหลัก const เป็นสิ่งที่เรียกว่า ตัวแปรที่ไม่เปลี่ยนรูป ซึ่งใช้สำหรับตัวแปรที่คุณไม่ต้
ใน JavaScript คุณสามารถทริกเกอร์กล่องโต้ตอบของเบราว์เซอร์เครื่องพิมพ์ได้โดยใช้ฟังก์ชันการพิมพ์ JavaScript:print() . ไม่เหมือนกับภาษาโปรแกรมอื่น ๆ ใน JavaScript print() ไม่ได้ใช้พิมพ์ข้อความไปยังคอนโซล เราใช้ console.log() เพื่อสิ่งนั้น สำหรับ print() . ที่ใช้งานได้จริง ดูตัวอย่างบทช่วยสอนนี้
ในการตรวจสอบการคลิกสองครั้งด้วย JavaScript คุณสามารถใช้ตัวฟังเหตุการณ์ dblclick . ในตัวอย่างด้านล่าง เราฟังการดับเบิลคลิกที่ window ออบเจ็กต์ ซึ่งหมายความว่าหากคุณดับเบิลคลิกด้วยเมาส์เร็วๆ ที่ใดก็ได้ภายในหน้าเว็บ ระบบจะตรวจพบ: { console.log(Double-click detected) // Double-click detected }) ค
ใน JavaScript มีหลายวิธีในการตรวจสอบว่าค่าเป็นตัวเลขหรืออย่างอื่น วิธีที่พบบ่อยที่สุดคือการใช้ typeof โอเปอเรเตอร์: const value = 5 console.log(typeof value) // number วิธีหนึ่งที่คุณสามารถใช้ในบริบทที่ใช้งานได้จริงคือการตรวจสอบว่ากรอกแบบฟอร์มถูกต้องหรือไม่ โดยใช้ typeof ในคำสั่งแบบมีเงื่อนไข มา
ในการรับวันที่ของวันพรุ่งนี้ด้วย JavaScript คุณเพียงแค่ต้องได้รับวันที่ปัจจุบัน แล้วเพิ่มหนึ่งวันเข้าไปดังนี้: const today = new Date() const tomorrow = new Date(today) tomorrow.setDate(tomorrow.getDate() + 1) tomorrow.toDateString() ตอนนี้ให้ลองออกจากระบบคอนโซลเมื่อวานนี้: console.log(tomorrow.t
นี่คือวัตถุว่างเปล่า: const emptyObject = {} แต่คุณจะตรวจสอบได้อย่างไรว่าวัตถุนั้นว่างเปล่าด้วย JavaScript โดยใช้ Object.entries() ฟังก์ชัน นี่คือวัตถุว่างอื่น: const someObject = {} ตอนนี้ใช้ Object.entries() ทำงานบน: Object.entries(someObject) ในการออกจากระบบผลลัพธ์: console.log(Object.entrie