Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

ควรวางแท็ก <script> ที่ไหนใน HTML Markup?

โค้ด JavaScript ควรวางระหว่างแท็ก <script> และ </script> ใน HTML คุณสามารถวางแท็ก <script> ที่มี JavaScript ของคุณได้ที่ใดก็ตามในหน้าเว็บ แต่ปกติแนะนำให้วางไว้ภายในแท็ก <head>

แท็ก <script> จะแจ้งให้เบราว์เซอร์เริ่มตีความข้อความทั้งหมดระหว่างแท็กเหล่านี้เป็นสคริปต์

แท็ก script มี attribute สำคัญ 2 อย่าง:

  • Language - ระบุภาษาสคริปต์ที่ใช้ โดยทั่วไปคือ JavaScript แม้ว่า HTML รุ่นใหม่ (และ XHTML) จะเลิกใช้ attribute นี้แล้ว
  • Type - attribute ที่แนะนำในปัจจุบันเพื่อระบุภาษาสคริปต์ ควรตั้งค่าเป็น "text/javascript"

ตัวอย่างง่ายๆ สำหรับพิมพ์ "Hello World" เราเพิ่ม HTML comment ที่ครอบโค้ด JavaScript เพื่อป้องกันเบราว์เซอร์ที่ไม่รองรับ JavaScript Comment จบด้วย "//-->" โดย "//" คือ comment ใน JavaScript จึงเพิ่มไว้เพื่อป้องกันไม่ให้เบราว์เซอร์อ่านส่วนท้ายของ HTML comment เป็นโค้ด JavaScript ต่อไปเราเรียกฟังก์ชัน document.write ซึ่งเขียนสตริงลงในเอกสาร HTML ฟังก์ชันนี้ใช้เขียนข้อความ, HTML หรือทั้งคู่ได้

ตัวอย่าง

<html> 
  <body> 
    <script language="javascript" type="text/javascript"> 
      <!-- 
        document.write("Hello World!") 
      //--> 
    </script> 
  </body> 
</html>

ผลลัพธ์

Hello World!