ลำโพง 1: ตอนนี้ในตัวอย่างที่ผ่านมานั้น จำได้ว่าเราสลับบาง JavaScript รหัสภายในของ HTM​​L ของฉัน โดยเฉพาะด้านในของค่าของ แอตทริบิวต์ที่เรียกว่าส่ง แท็กรูปแบบที่ ตอนนี้สำหรับหน้าเว็บที่มีขนาดเล็กนี้ ไม่ได้เป็นเช่นใหญ่จัดการ แต่เป็นหน้าเว็บที่ได้รับอีกต่อไปและมากขึ้น ซับซ้อนเพียงการวางของคุณ JavaScript รหัสที่นี่และมีที่อยู่ภายใน ของค่าของคุณสมบัติไม่ ออกแบบที่ดีที่สุด ที่ดีที่สุดถ้าเราปัจจัยที่ออกมาและ อย่างน้อยใส่ไว้ด้านในของ แท็กสคริปต์ส่วนกลาง 

วิธีการทำเช่นนี้? ดีขอกลับไปที่แท็กรูปแบบของฉันและ แรกลบแอตทริบิวต์นี้และ ค่าโดยสิ้นเชิง แล้วขึ้นที่นี่มากกว่าที่กำหนด ฟังก์ชั่นที่เรียกว่าทักทายขอแขวนบน กับสายของรหัสที่ในที่สุดเรา จะยังคงต้องการที่จะดำเนินการและแทนที่ ฟังก์ชั่นทักทายดังต่อไปนี้ Document.get ธาตุตาม ID อ้างสาธิตได้นำมาอ้าง - ที่สาธิตการเรียกคืนจะไม่ซ้ำกัน ระบุรูปแบบของตัวเอง - จุดบนส่งซึ่งเรียกเป็นชื่อ ของตัวจัดการเหตุการณ์ที่ เราสนใจ และให้กำหนดว่าในการจัดการส่ง ค่าที่เป็นจริง ทำงานตัวเอง 

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

ตอนนี้ขอบันทึกแฟ้มนี้เปิดขึ้น ในเบราว์เซอร์และดูสิ่งที่เกิดขึ้น http://localhost/dom-1.html ตอนนี้ขอพิมพ์ในชื่อของฉัน เดวิดส่ง และไม่มีอะไรที่ดูเหมือนว่าจะเกิดขึ้น ยกเว้น URL ของหน้าเว็บของฉันที่ดูเหมือนว่าจะ มีการเปลี่ยนแปลงรูปแบบราวกับว่าเป็น ส่งจริงไปยังไฟล์เดียวกัน 

ตอนนี้ทำไมที่อาจจะมี ดีฉันต้องการข้อมูลเพิ่มเติมบางส่วน จึงขอไปข้างหน้าและเปิด Chrome ของ เครื่องมือสำหรับนักพัฒนาเพื่อที่ฉันสามารถจริง มองไปที่หน้าต่างคอนโซลที่จะเห็น ถ้าฉันได้ทำบางอย่างผิดปกติ ฉันสามารถเข้าถึงผ่านทาง สองวิธี หนึ่งซึ่งเป็นผ่านทางเมนูนี้ที่นี่ แล้วภายใต้เครื่องมือแล้วลงไป เครื่องมือสำหรับนักพัฒนา 

และแจ้งให้ทราบที่นี่ในคอนโซลแท็บ มีข้อผิดพลาดประเภท uncaught ไม่สามารถ ตั้งค่าคุณสมบัติในการส่งของโมฆะ ตอนนี้ทำไมที่อาจจะมี ดีกลับในรหัสที่มาของฉันที่นี่แจ้งให้ทราบล่วงหน้า ที่เกี่ยวกับการส่งฉันคิดว่าเป็น คุณสมบัติขององค์ประกอบที่มี ระบุที่ไม่ซ้ำกันคือการสาธิต องค์ประกอบอีกครั้งเป็นเพียง โหนดในต้นไม้ 

ดังนั้นจึงปรากฏว่าเบราว์เซอร์ของฉันไม่ได้ คิดว่าองค์ประกอบที่ หรือโหนดที่มีอยู่ยัง และแน่นอนก็ไม่ได้ จำได้ว่าหน้าเว็บที่จะแยกหรืออ่าน โดยเว็บเบราว์เซอร์บนลงล่าง จากซ้ายไปขวา และอื่น ๆ เมื่อรหัส JavaScript เป็น พบโดยทั่วไปก็ดำเนินการ ทันที 

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

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

ตอนนี้ไม่จำเป็นต้องสะอาด ออกแบบ แต่อย่างน้อยก็จะ บังคับใช้ลำดับที่ถูกต้องของการดำเนินงาน ให้จัดเก็บไฟล์ โหลดในเบราว์เซอร์ของฉัน ลองโหลดหน้าเว็บใหม่ใส่ชื่อของฉัน และมีสวัสดีเดวิดกลับมา