ความแตกต่างระหว่างจาวาสคริปต์ภายในและภายนอก

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

เพื่อให้โค้ด Javascript ทำงานได้ โค้ดนั้นจะต้องถูกรวมไว้ในตำแหน่งที่เหมาะสมบนหน้าเว็บหนึ่งๆ ขณะโหลดหน้าเว็บ รหัส Javascript ภายในคือรหัสที่วางไว้ที่ใดก็ได้ภายในหน้าเว็บระหว่างแท็ก HTML นักพัฒนาเว็บหลายคนเลือกที่จะวางโค้ด Javascript ไว้หน้าแท็ก

โค้ด Javascript ที่อยู่ในไฟล์แยกจากโค้ด HTML เรียกว่า Javascript ภายนอก รหัส Javascript ภายนอกถูกเขียนและใช้งานในลักษณะเดียวกับ Javascript ภายใน ไฟล์ควรมีนามสกุล ".js" แม้ว่าส่วนขยายอื่นๆ จะใช้งานได้กับเบราว์เซอร์รุ่นใหม่ก็ตาม ข้อแตกต่างที่สำคัญประการหนึ่ง: ต้องไม่วางโค้ดภายนอกระหว่างแท็ก มิฉะนั้นโค้ดจะไม่ทำงาน

เว็บเบราว์เซอร์ต้องรู้ว่าจำเป็นต้องโหลดโค้ดภายนอก หน้าเว็บต้องมีแท็ก HTML ที่อ้างอิงสคริปต์ต่อไปนี้:

URL จะบอกเว็บเซิร์ฟเวอร์ว่าจะค้นหาตำแหน่งและโหลดโค้ด Javascript ได้ที่ไหน

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

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

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