ไม่มีการจำกัดจำนวนแท็ก 'สคริปต์' ใน HTML ดังนั้น อาจมีแท็ก 'สคริปต์' หลายแท็กในเอกสาร HTML เดียว
วิธีดำเนินการแท็ก
การเพิ่ม ฉีก > แท็กในองค์ประกอบส่วนหัว
สามารถเพิ่มแท็กสคริปต์ที่มีฟังก์ชัน JavaScript ในองค์ประกอบส่วนหัว ลองนำแนวคิดนี้ไปใช้จริงโดยยกตัวอย่างง่ายๆ ของฟังก์ชัน JavaScript ที่เพิ่มในองค์ประกอบส่วนหัวของเอกสาร HTML
ตัวอย่าง
เพียงเพิ่มองค์ประกอบสคริปต์ภายในองค์ประกอบส่วนหัวหรือย้ายองค์ประกอบสคริปต์ในเอกสาร HTML ที่มีอยู่ไปยังแท็กส่วนหัว:
< ศีรษะ >
< สคริปต์ >
ฟังก์ชัน myFunction () {
document.getElementById('demoId').innerHTML = 'หลังจาก!!!';
}
< / สคริปต์ >
< / ศีรษะ >
< ร่างกาย >
< ชั่วโมง2 > การเพิ่มแท็กสคริปต์ในส่วนหัว < / ชั่วโมง2 >
< หน้า รหัส = 'รหัสสาธิต' > ก่อน... < / หน้า >
< ปุ่ม พิมพ์ = 'ปุ่ม' เมื่อคลิก = 'ฟังก์ชั่นของฉัน ()' > เปลี่ยนมัน < / ปุ่ม >
< / ร่างกาย >
ในข้อมูลโค้ดด้านบน:
- มี “ ” มุ่งเข้าไปด้านใน “ ร่างกาย ” และหลังจากนั้นก็มี “ ย่อหน้า ” องค์ประกอบที่มีข้อความธรรมดา
- จากนั้นปุ่มจะถูกสร้างขึ้น และฟังก์ชัน “ ฟังก์ชันของฉัน() ” ได้กำหนดไว้ใน “ เมื่อคลิก เพิ่มแอตทริบิวต์เป็นตัวจัดการเหตุการณ์
- “ สคริปต์ ” มีการเพิ่มองค์ประกอบภายใน “ ศีรษะ ” องค์ประกอบ และภายในนั้น ฟังก์ชันถูกเรียกใช้ และ “ getElementById ” วิธีการได้รับการกำหนดโดยอ้างถึง “ รหัสสาธิต “.
สิ่งนี้จะเรียกใช้ฟังก์ชัน JavaScript อย่างถูกต้องในเอาต์พุต:
การเพิ่ม ห้องใต้ดิน > แท็กในองค์ประกอบของร่างกาย
นอกจากนี้ยังสามารถเพิ่มแท็กสคริปต์ภายใน “ <เนื้อหา> ” องค์ประกอบที่ใดก็ได้ก่อนสิ้นสุด “ ร่างกาย แท็ก
ตัวอย่าง
ผลลัพธ์เดียวกันจะถูกสร้างขึ้นหาก ' สคริปต์ ” แท็กถูกเพิ่มใน ร่างกาย องค์ประกอบ:
< / ร่างกาย >
< ชั่วโมง2 >การเพิ่มแท็กสคริปต์ในเนื้อหา< / ชั่วโมง2 >
< หน้า รหัส = 'รหัสสาธิต' >ก่อน...< / หน้า >
< ปุ่ม พิมพ์ = 'ปุ่ม' เมื่อคลิก = 'ฟังก์ชั่นของฉัน ()' >เปลี่ยนมัน< / ปุ่ม >
< สคริปต์ >
ฟังก์ชัน myFunction ( ) {
document.getElementById ( 'รหัสสาธิต' ) .innerHTML = 'หลังจาก!!!' ;
}
< / สคริปต์ >
< / ร่างกาย > ในข้อมูลโค้ดด้านบน:
- มีการเพิ่มฟังก์ชัน JavaScript เดียวกันในรหัสเดียวกับที่อธิบายไว้ในส่วนก่อนหน้าของโพสต์นี้ในองค์ประกอบเนื้อหา
การเพิ่ม “ สคริปต์ ” แท็กภายใน “ ร่างกาย องค์ประกอบ ” จะสร้างผลลัพธ์เดียวกันและจะทำให้ฟังก์ชัน JavaScript ทำงานได้อย่างถูกต้อง:
สิ่งนี้แสดงให้เห็นว่าควร ' <สคริปต์> ” แท็กจะอยู่ในเอกสาร HTML อย่างไรก็ตาม คุณอาจสงสัยว่าควรมีความแตกต่างกันบ้างระหว่างสองวิธีนี้หรือไม่
ความแตกต่างในการวาง