>> ลำโพง 1: ตอนนี้ในตัวอย่างที่ผ่านมานั้น จำได้ว่าเราสลับบาง
JavaScript รหัสภายในของ HTM​​L ของฉัน โดยเฉพาะด้านในของค่าของ
แอตทริบิวต์ที่เรียกว่าส่ง แท็กรูปแบบที่
ตอนนี้สำหรับหน้าเว็บที่มีขนาดเล็กนี้ ไม่ได้เป็นเช่นใหญ่จัดการ
แต่เป็นหน้าเว็บที่ได้รับอีกต่อไปและมากขึ้น ซับซ้อนเพียงการวางของคุณ
JavaScript รหัสที่นี่และมีที่อยู่ภายใน ของค่าของคุณสมบัติไม่
ออกแบบที่ดีที่สุด
ที่ดีที่สุดถ้าเราปัจจัยที่ออกมาและ อย่างน้อยใส่ไว้ด้านในของ
แท็กสคริปต์ส่วนกลาง
>> วิธีการทำเช่นนี้?
ดีขอกลับไปที่แท็กรูปแบบของฉันและ แรกลบแอตทริบิวต์นี้และ
ค่าโดยสิ้นเชิง
แล้วขึ้นที่นี่มากกว่าที่กำหนด ฟังก์ชั่นที่เรียกว่าทักทายขอแขวนบน
กับสายของรหัสที่ในที่สุดเรา จะยังคงต้องการที่จะดำเนินการและแทนที่
ฟังก์ชั่นทักทายดังต่อไปนี้
Document.get ธาตุตาม ID อ้างสาธิตได้นำมาอ้าง -
ที่สาธิตการเรียกคืนจะไม่ซ้ำกัน ระบุรูปแบบของตัวเอง -
จุดบนส่งซึ่งเรียกเป็นชื่อ ของตัวจัดการเหตุการณ์ที่
เราสนใจ
และให้กำหนดว่าในการจัดการส่ง ค่าที่เป็นจริง
ทำงานตัวเอง
>> ตอนนี้สังเกตเห็นว่าฉันไม่ได้จริง การเรียกฟังก์ชั่นที่นี่
ฉันแทนการกำหนดที่ไม่ระบุชื่อ, หรือที่เรียกว่าฟังก์ชั่นแลมบ์ดา,
โดยระบุระหว่างวงเล็บปีกกาเหล่านี้ พวงของรหัสที่ควร
จริงจะดำเนินการ
โดยเฉพาะรหัสที่ฉันต้องการ ที่จะดำเนินการเป็นสายที่ฉันมีที่
ก่อนและจากนั้นให้เพิ่มที่ กลับเท็จเพื่อให้รูปแบบนี้ไม่ได้
ส่งท้ายที่สุดจะจบเว็บระยะไกล เซิร์ฟเวอร์ในวิธีแบบดั้งเดิม
>> ตอนนี้ขอบันทึกแฟ้มนี้เปิดขึ้น ในเบราว์เซอร์และดูสิ่งที่เกิดขึ้น
http://localhost/dom-1.html
ตอนนี้ขอพิมพ์ในชื่อของฉัน เดวิดส่ง
และไม่มีอะไรที่ดูเหมือนว่าจะเกิดขึ้น ยกเว้น URL ของหน้าเว็บของฉันที่ดูเหมือนว่าจะ
มีการเปลี่ยนแปลงรูปแบบราวกับว่าเป็น ส่งจริงไปยังไฟล์เดียวกัน
>> ตอนนี้ทำไมที่อาจจะมี
ดีฉันต้องการข้อมูลเพิ่มเติมบางส่วน
จึงขอไปข้างหน้าและเปิด Chrome ของ เครื่องมือสำหรับนักพัฒนาเพื่อที่ฉันสามารถจริง
มองไปที่หน้าต่างคอนโซลที่จะเห็น ถ้าฉันได้ทำบางอย่างผิดปกติ
ฉันสามารถเข้าถึงผ่านทาง สองวิธี
หนึ่งซึ่งเป็นผ่านทางเมนูนี้ที่นี่ แล้วภายใต้เครื่องมือแล้วลงไป
เครื่องมือสำหรับนักพัฒนา
>> และแจ้งให้ทราบที่นี่ในคอนโซลแท็บ มีข้อผิดพลาดประเภท uncaught ไม่สามารถ
ตั้งค่าคุณสมบัติในการส่งของโมฆะ
ตอนนี้ทำไมที่อาจจะมี
ดีกลับในรหัสที่มาของฉันที่นี่แจ้งให้ทราบล่วงหน้า ที่เกี่ยวกับการส่งฉันคิดว่าเป็น
คุณสมบัติขององค์ประกอบที่มี ระบุที่ไม่ซ้ำกันคือการสาธิต
องค์ประกอบอีกครั้งเป็นเพียง โหนดในต้นไม้
>> ดังนั้นจึงปรากฏว่าเบราว์เซอร์ของฉันไม่ได้ คิดว่าองค์ประกอบที่
หรือโหนดที่มีอยู่ยัง
และแน่นอนก็ไม่ได้
จำได้ว่าหน้าเว็บที่จะแยกหรืออ่าน โดยเว็บเบราว์เซอร์บนลงล่าง
จากซ้ายไปขวา
และอื่น ๆ เมื่อรหัส JavaScript เป็น พบโดยทั่วไปก็ดำเนินการ
ทันที
>> แต่ในกรณีนี้เรายังไม่ได้อากาศได้ ยังเป็นส่วนหนึ่งของอุดม,
HTML ซึ่งในรูปแบบที่ไม่ซ้ำกันกับการที่ สาธิตระบุได้รับการประกาศ
และอื่น ๆ เรากำลังพยายามที่จะดำเนินการของฉัน JavaScript รหัสก่อนโหนดที่แม้แต่
ที่มีอยู่ในต้นไม้ที่แน่นอนคือ ที่มีปัญหาแล้วเพราะแท้จริง
องค์ประกอบตัวเองจะเป็นโมฆะ ที่จุดในเวลาที่
>> ดังนั้นวิธีการแก้ไขปัญหา?
ดีที่เรามีสองของการแก้ปัญหา
แต่ขอลองที่ง่ายที่สุดโดยย้าย แท็กสคริปต์ของฉันจากหัว
แท็กร่างกายของฉัน แต่เฉพาะทาง ด้านล่างของร่างกายหน้าของฉันเพื่อ
ว่ามันเป็นด้านล่างโหนด และคำถามที่
โดยเฉพาะให้เน้นและตัด แท็กเปิดและแท็กปิดสำหรับสคริปต์
และย้ายที่บล็อกทั้งหมดของรหัส ที่ด้านล่างของไฟล์ที่นี่
>> ตอนนี้ไม่จำเป็นต้องสะอาด ออกแบบ แต่อย่างน้อยก็จะ
บังคับใช้ลำดับที่ถูกต้องของการดำเนินงาน
ให้จัดเก็บไฟล์ โหลดในเบราว์เซอร์ของฉัน
ลองโหลดหน้าเว็บใหม่ใส่ชื่อของฉัน และมีสวัสดีเดวิดกลับมา