รูปแบบการเขียนจาวาสคริปต์ ใน HTML

        รูปแบบหรือลักษณะโครงสร้างการเขียนจาวาสคริปต์นี้ เป็นรูปแบบมาตรฐานที่ทุก ๆ Script ต้องเขียนตามที่กำหนด โดยมีรูปแบบดังนี้

<script language="JavaScript">
  คำสั่งในภาษา JavaScript
</script>

<script language="JavaScript"> เป็นการบอกให้คอมพิวเตอร์รู้ว่าสิ่งที่ตามมาเป็นสคริปต์ ที่ใช้ภาษา JavaScript เพื่อให้คอมพิวเตอร์อ่านถูก ถ้าไม่ระบุส่วนนี้ คอมพิวเตอร์จะตีความว่าเป็นคำสั่งในภาษา HTML ทั้งหมด

     ต่อมาเป็นคำสั่งที่เราจะเขียน ตามที่เราต้องการ

     และคำสั่ง </script> ซึ่งเป็นตัวปิด JavaScript ที่เขียนขึ้น หากไม่ใส่ลงไป JavaScript ภายในจะไม่ทำงาน

ตัวอย่าง

ภาพที่ 2.7  รูปแบบการเขียน JavaScript ใน HTML

     ซึ่งสามารถอธิบายแต่ละบรรทัดได้ดังนี้

  • <script language="JavaScript"> เป็นการระบุว่านับตั้งแต่นี้ต่อไปเป็นคำสั่งใน JavaScript
  • document.write("<font color='red'>ตัวอย่างการใช้ JavaScript แรก</font>") แยกแต่ละคำสั่งอธิบายได้ดังต่อไปนี้
    » document หมายถึง เนื้อหาในหน้าต่างทั้งหมด หากไม่เขียนอะไรลงไปจะเป็นหน้าต่างว่าง ๆ ขาว ๆ
    » .(จุด) เพื่อบอกให้คอมพิวเตอร์ว่าจะมีคำสั่งมาทำงานกับ document ซึ่งถือว่า document เป็นตัวถูกกระทำ (object)
    » write เป็นวิธีกระทำ (method) ที่จะเขียนสิ่งต่าง ๆ document
    » ( วงเล็บเปิด เป็นการเริ่มเขียน
    » เครื่องหมาย " แสดงให้คอมพิวเตอร์รู้ว่าจะเขียนข้อความลงใน document และภายในเครื่องหมายคำพูดก็คือ code html
    » ค่า Attribute ของ HTML ที่ปกติเขียน 2 ขีด เมื่อเจอ " ก่อนหน้าจะต้อง ใส่ ' (ขีดเดียว) เนื่องจากถ้าใส่แบบ " คอมพิวเตอร์จะเข้าใจว่าคำสั่งจบแล้ว เพราะมีเครื่องหมาย 2 ขีดเริ่มแรกอยู่แล้ว และจะทำให้มีข้อผิดพลาดเกิดขึ้น ตัวหนังสือไม่ถูกแสดงออกมาทางหน้าจอ
    » " ) ปิดด้วยเครื่องหมายคำพูด document ในวงเล็บเพื่อจบการเขียน
  • </script> จบการเขียน JavaScript