ฉันควรใช้สคริปต์อินไลน์เมื่อใดและควรใช้ไฟล์ JavaScript ภายนอกเมื่อใด

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

อย่างไรก็ตาม ควรใช้โค้ดภายนอก เช่น JavaScript ภายนอก หากต้องการวาง JavaScript ในไฟล์ภายนอก ให้สร้างไฟล์ JavaScript ภายนอกที่มีนามสกุล .js หลังจากสร้างแล้ว ให้เพิ่มลงในไฟล์ HTML ในแท็กสคริปต์ แอตทริบิวต์ src ใช้เพื่อรวมไฟล์ JavaScript ภายนอกนั้น

หากคุณมีไฟล์ JavaScript ภายนอกมากกว่าหนึ่งไฟล์ ให้เพิ่มลงในหน้าเว็บเดียวกันเพื่อเพิ่มประสิทธิภาพของหน้า

สมมติว่า new.js ต่อไปนี้เป็นไฟล์ JavaScript ภายนอกของเรา -

function display() {
   alert("Hello World!");
}

ตอนนี้เพิ่มไฟล์ JavaScript ภายนอกไปยังหน้าเว็บ HTML

ตัวอย่าง

การสาธิตสด

<html>
   <body>
   <form>
      <input type = "button" value = "Result" onclick = "display()"/>
   </form>

   <script src = "new.js">
   </script>
   </body>
</html>