เรียนรู้ว่าอะไร เหตุใด และวิธีการใช้วิธีการมอบสิทธิ์เหตุการณ์ใน JavaScript Javascript Event Delegation คืออะไร และเมื่อใดที่คุณควรใช้ กล่าวโดยย่อ การมอบหมายงานคือวิธี JavaScript ที่ให้คุณโต้ตอบกับองค์ประกอบย่อยได้โดยใช้เพียง เดียว Listener เหตุการณ์ บนองค์ประกอบหลัก ด้วยการมอบหมายเหตุการณ์ คุณสามาร

คอมพิวเตอร์เริ่มนับจากศูนย์ ดังนั้น 0 คือ 1, 1 คือ 2, เป็นต้น นั่นเป็นเหตุผลที่ list[2] เลือก item 3 จากอาร์เรย์ รหัสสำหรับอาร์เรย์ในตัวอย่าง: var list = [item 1, item 2, item 3, item 4] splice() ต้องการสองสิ่งในการทำงาน: ตัวเลขสำหรับระบุตำแหน่งที่คุณต้องการลบ ตัวเลขระบุจำนวนรายการที่เราต้องการลบ

คอมพิวเตอร์เริ่มนับจากศูนย์ ดังนั้น 0 คือ 1, 1 คือ 2, เป็นต้น. นั่นเป็นเหตุผลที่ list[2] เลือก item 3 จากอาร์เรย์ รหัสสำหรับอาร์เรย์ในตัวอย่าง: var list = [item 1, item 2, item 3, item 4]

วิธีอาร์เรย์สี่วิธีที่เราใช้: unshift() เพิ่ม item ที่จุดเริ่มต้นของอาร์เรย์ shift() ลบรายการแรกในอาร์เรย์ push() เพิ่มรายการต่อท้ายอาร์เรย์ pop() ลบรายการสุดท้ายของอาร์เรย์ ฉันใช้คอนโซล Chrome DevTools ในตัวอย่าง ทางลัดเพื่อเปิดคอนโซล:Cmd + Option + j บน Mac หรือ Ctrl + Shift + j บนวินโดวส์ หรื

เรียนรู้วิธีตรวจสอบว่าความกว้างของหน้าจอมากกว่าหรือน้อยกว่าค่าที่ระบุใน JavaScript บางครั้งคุณต้องการรันโค้ดตามเงื่อนไข อาจมีโค้ดบางอย่างที่คุณต้องการแสดงบนหน้าจอขนาดใหญ่แต่ไม่แสดงบนหน้าจอขนาดเล็ก (เช่น สมาร์ทโฟนส่วนใหญ่) เนื่องจากมีพื้นที่จำกัด การจัดการ การตรวจจับประเภทอุปกรณ์เฉพาะ เป็นพื้นที่

เรียนรู้วิธีนับคำทั้งหมดในส่วนใดส่วนหนึ่งของเว็บไซต์ด้วย Vanilla JavaScript บางครั้งการนับคำทั้งหมดในโพสต์หรือหน้าก็มีประโยชน์ คุณกำลังสร้าง ตัวนับคำ คุณลักษณะสำหรับเว็บไซต์ของคุณ? คุณสามารถใช้ข้อมูลโค้ด JavaScript ต่อไปนี้เพื่อทำสิ่งนั้นได้อย่างรวดเร็ว var wordsInPost = wordCount(document.querySel

เรียนรู้วิธีตรวจจับเมื่อผู้ใช้เลื่อนลงไปที่ด้านล่างของหน้าด้วย JavaScript แบบดิบ บางครั้ง คุณต้องการทริกเกอร์เหตุการณ์ เมื่อผู้ใช้เลื่อนไปที่ด้านล่างของหน้าหรือส่วนใดส่วนหนึ่ง เลื่อนไปที่การตรวจจับด้านล่าง (ใช้ได้กับเบราว์เซอร์รุ่นใหม่ทั้งหมด IE9 ขึ้นไป) = document.body.offsetHeight) { alert(At t

ใน JavaScript คุณมักจะได้ยินว่าค่าดั้งเดิมนั้นไม่เปลี่ยนรูป ต่างจากค่าที่ไม่ใช่ค่าดั้งเดิมซึ่งคือ เปลี่ยนแปลงได้ สิ่งสำคัญคือต้องเข้าใจความแตกต่างระหว่างประเภทค่าเหล่านี้ (เรียกอีกอย่างว่า ประเภทข้อมูล ) เพราะจะช่วยให้คุณไม่ต้องปวดหัวมากมายระหว่างทาง ค่าดั้งเดิมคือสิ่งที่ชอบ: ตัวเลข สตริง บูลีน

ในการรีโหลดหน้าเว็บด้วย JavaScript เราจำเป็นต้องใช้ Window Reload Event โหลดหน้าซ้ำด้วย JavaScript บรรทัดเดียว: วางรหัสนี้ลงในคอนโซลเบราว์เซอร์ของคุณแล้วกด Enter window.location.reload() เจ๋ง แต่อาจจะไม่เป็นประโยชน์? มาลองอย่างอื่นกัน โหลดหน้าซ้ำด้วยเหตุการณ์การคลิกปุ่ม: เพิ่มลงในมาร์กอัป HTML ขอ

เรียนรู้เกี่ยวกับสองวิธีในการลบหรือซ่อนองค์ประกอบอย่างรวดเร็วจาก DOM ด้วย JavaScript มีสองวิธีในการลบ/ซ่อนองค์ประกอบจาก DOM ด้วย JavaScript ถามตัวเอง “ฉันจะต้องนำองค์ประกอบนี้กลับมาอีกครั้งหรือไม่” . ถ้าคำตอบคือ ใช่ แล้วคุณควร ซ่อน องค์ประกอบของคุณด้วยคุณสมบัติสไตล์: const hideElement = document.

เรียนรู้วิธีเพิ่มองค์ประกอบภายในองค์ประกอบอื่นด้วย JavaScript JavaScript มีคุณสมบัติที่เรียกว่า innerHTML ที่ทำให้การเพิ่มมาร์กอัปภายในองค์ประกอบที่มีอยู่ตรงไปตรงมา สมมติว่าคุณมีส่วนหัวของบทความที่มีพาดหัว และคุณต้องเพิ่มข้อความสำคัญด้านล่าง เช่น คำบรรยายหรือสโลแกน HTML JavaScript ตอนนี้ มาเพิ่

หากคุณได้รับข้อผิดพลาดเช่นนี้เมื่อพยายามเปิดแอป React Native: Something went wrong installing the "sharp" module อาจมีสาเหตุหลายประการและการแก้ไขที่แตกต่างกัน ฉันสังเกตว่ามันมักจะเกิดขึ้นเมื่อฉันเพิ่งติดตั้ง Node.js เวอร์ชันล่าสุด การแก้ไขที่ฉันใช้ได้ผลทุกครั้งคือการลบ node_modules ภา

หากต้องการรับ URL ของหน้าเว็บปัจจุบันของเบราว์เซอร์ คุณต้องคว้า window.location.href ทรัพย์สิน พิมพ์รหัสต่อไปนี้ในคอนโซลเบราว์เซอร์ของคุณและกด Enter: var currentURL = window.location.href; currentURL();

ก่อนหน้านี้คุณได้เรียนรู้วิธีการเพิ่มและลบรายการออกจากอาร์เรย์โดยใช้ push() ของ JavaScript วิธีการ แต่ถ้าเราต้องการเพิ่มอาร์เรย์ของรายการไปยังอาร์เรย์ที่มีอยู่ล่ะ กล่าวอีกนัยหนึ่งจะเป็นอย่างไรถ้าเราต้องการรวมสองอาร์เรย์ที่ต่างกันเข้าด้วยกัน? หากต้องการรวมอาร์เรย์ตั้งแต่สองอาร์เรย์ขึ้นไปเข้าด้วยกัน

การอัปเดตปีปัจจุบันในส่วนท้ายของคุณโดยอัตโนมัติเป็นวิธีที่ง่ายที่สุดวิธีหนึ่ง น่าเสียดายที่เจ้าของเว็บไซต์จำนวนมากไม่ทราบว่าการแสดงปีปัจจุบันมีความสำคัญทั้งด้วยเหตุผลด้านลิขสิทธิ์และเพื่อให้ผู้ใช้ทราบว่าเว็บไซต์ของตนเป็นปัจจุบัน นี่คือลักษณะที่ HTML จะปรากฏในส่วนท้ายของเว็บไซต์ที่เก่ากว่าส่วนใหญ่ แ

เรียนรู้วิธีดึงลิงก์ทั้งหมดจากเว็บไซต์ใดๆ และพิมพ์ลิงก์ไปยังคอนโซลของคุณ รหัส var links = document.querySelectorAll(a); for (var i = 0; i < links.length; i++) { var link = links[i].getAttribute(href); console.log(link); } เคล็ดลับ:ถ้าคุณต้องการเพียงแค่คว้าเช่น ลิงก์จากองค์ประกอบคอนเทนเนอร์

การนับจำนวนคลิกบนองค์ประกอบเป็นหนึ่งในวิธีที่ง่ายที่สุดที่คุณสามารถทำได้ด้วย JavaScript สิ่งที่คุณต้องทำคือประกาศตัวแปรเพื่อจัดเก็บการคลิกของคุณ จากนั้นใช้เมธอด addEventListener บนองค์ประกอบเป้าหมายของคุณ สมมติว่าคุณต้องการติดตามจำนวนการคลิกบนองค์ประกอบปุ่ม เช่น ปุ่มโฮม มาร์กอัป HTML สร้างองค์ปร

ในบทช่วยสอนนี้ คุณจะได้เรียนรู้วิธีแสดงรายการออบเจ็กต์ JavaScript เป็นรายการองค์ประกอบ HTML บนหน้าเว็บ สมมติว่าคุณมีรายการออบเจ็กต์ JavaScript และคุณต้องส่งออกเป็นองค์ประกอบ HTML ในเว็บเบราว์เซอร์ ในตัวอย่างนี้ เรามีรายการแบบฝึกหัด แทนด้วยตัวอักษรอ็อบเจกต์ JavaScript ตัวอักษรอ็อบเจ็กต์ JavaScript:

การนับจำนวนคลิกบนองค์ประกอบเป็นหนึ่งในวิธีที่ง่ายที่สุดที่คุณสามารถทำได้ด้วย JavaScript สิ่งที่คุณต้องทำคือประกาศตัวแปรเพื่อจัดเก็บการคลิกของคุณ จากนั้นใช้เมธอด addEventListener บนองค์ประกอบเป้าหมายของคุณ สมมติว่าคุณต้องการติดตามจำนวนการคลิกบนองค์ประกอบปุ่ม เช่น ปุ่มโฮม มาร์กอัป HTML สร้างองค์ปร

การเพิ่มคลาสให้กับองค์ประกอบ HTML นั้นทำได้ง่ายเมื่อใช้วิธีคุณสมบัติ classList ของ JavaScript add() . อันดับแรก เรามาดูสูตรทั่วไปอย่างรวดเร็ว และติดตามผลด้วยตัวอย่างที่นำไปใช้ได้จริง สูตร var element = document.querySelector(selector) element.classList.add(class) ในตัวอย่างทั่วไปข้างต้น เราพบองค์ปร