คู่มือนี้จะอธิบายวิธีการวาง JavaScript ในไฟล์ HTML
จะวาง JavaScript ในไฟล์ HTML ได้ที่ไหน
ตำแหน่งของ JavaScript ในไฟล์ HTML สามารถอยู่ใน:
วิธีที่ 1: การวาง JavaScript ภายในแท็ก ในไฟล์ HTML
ในแนวทางนี้ การจัดวางส่วน JavaScript ของโค้ดภายใน ' <หัว> ” แท็กจะถูกแสดง
ตัวอย่าง
มาดูภาพรวมของการสาธิตด้านล่าง:
< ศีรษะ >
< ประเภทสคริปต์ = 'ข้อความ/จาวาสคริปต์' >
การจัดวางฟังก์ชันJs ( ) {
เตือน ( 'ตำแหน่งของ JavaScript อยู่ภายในแท็ก ' )
}
สคริปต์ >
ศีรษะ >
< ร่างกาย >
< ศูนย์กลาง >< ปุ่มบนคลิก = 'ตำแหน่งJs()' > คลิกฉัน ปุ่ม > ศูนย์กลาง >
ร่างกาย >
ในข้อมูลโค้ดด้านบน:
- รวมส่วน JavaScript ของโค้ดไว้ใน ' <หัว> ” แท็กด้วยความช่วยเหลือของ “ <สคริปต์> ” แท็ก
- ในโค้ด JS ให้กำหนดฟังก์ชันชื่อ “ ตำแหน่งJs() '. ในคำจำกัดความ แสดงข้อความที่ระบุผ่านกล่องโต้ตอบการแจ้งเตือน
- สุดท้าย ในโค้ด HTML ให้สร้างปุ่มที่มี “ เมื่อคลิก ” เหตุการณ์ซึ่งจะเปลี่ยนเส้นทางไปยังฟังก์ชันที่กำหนดไว้ในขั้นตอนก่อนหน้าเมื่อคลิกปุ่ม
เอาต์พุต
จากผลลัพธ์ข้างต้น จะเห็นได้ว่าโค้ด JS ทำงานได้อย่างถูกต้องโดยวางไว้ใน ' <หัว> ” แท็ก
แนวทางที่ 2: การวาง JavaScript ภายในแท็ก ในไฟล์ HTML
ในแนวทางนี้ การวางโค้ด JavaScript ภายใน “ <เนื้อหา> แท็ก ” ในไฟล์ HTML จะถูกกล่าวถึง
ตัวอย่าง
ตัวอย่างด้านล่างแสดงแนวคิดที่ระบุไว้:
< ร่างกาย >< ศูนย์กลาง >< ปุ่มบนคลิก = 'ตำแหน่งJs()' > คลิกฉัน ปุ่ม > ศูนย์กลาง >
< ประเภทสคริปต์ = 'ข้อความ/จาวาสคริปต์' >
การจัดวางฟังก์ชันJs ( ) {
เตือน ( 'ตำแหน่งของ JavaScript อยู่ภายในแท็ก ' )
}
สคริปต์ >
ร่างกาย >
ในบรรทัดโค้ดด้านบน:
- ภายใน ' <เนื้อหา> แท็ก ” เช่นเดียวกัน สร้างปุ่มที่เรียกใช้ฟังก์ชัน placementJs() ด้วยความช่วยเหลือของ “ เมื่อคลิก ' เหตุการณ์.
- ในบล็อกโค้ด JavaScript ให้ประกาศฟังก์ชันชื่อ “ ตำแหน่งJs() '.
- ฟังก์ชันนี้จะถูกเรียกใช้เมื่อคลิกปุ่มและแสดงข้อความที่ระบุผ่านการแจ้งเตือน
เอาต์พุต
แนวทางที่ 3: การวาง JavaScript เป็นไฟล์ภายนอก
วิธีการเฉพาะนี้เกี่ยวข้องกับการวางบล็อกโค้ด JavaScript เป็นไฟล์ JS ภายนอกที่มีชื่อไฟล์เฉพาะพร้อมนามสกุล ' .js ' ใน ' src ' คุณลักษณะ.
ตัวอย่าง
มาดูตัวอย่างต่อไปนี้:
< ร่างกาย >< ศูนย์กลาง >< ปุ่มบนคลิก = 'ตำแหน่งJs()' > คลิกฉัน ปุ่ม > ศูนย์กลาง >
ร่างกาย >
< ประเภทสคริปต์ = 'ข้อความ/จาวาสคริปต์' src = ไฟล์ภายนอก จ > สคริปต์ >
ในโค้ด HTML ด้านบน:
- ระลึกถึงวิธีการที่กล่าวถึงในการสร้างปุ่มเปลี่ยนเส้นทางไปยังฟังก์ชัน JavaScript “ ตำแหน่งJs() '.
- หลังจากนั้น รวมการทำงานของ JavaScript ด้วยความช่วยเหลือของไฟล์ JS ภายนอกที่เชื่อมโยงกับชื่อไฟล์ที่ระบุใน ' src ' คุณลักษณะ.
ไปที่รหัส JS ที่ระบุด้านล่าง:
การจัดวางฟังก์ชันJs ( ) {เตือน ( 'นี่คือไฟล์ JavaScript ภายนอก' )
}
ในบล็อกรหัสด้านบน:
- กำหนดฟังก์ชันชื่อ “ ตำแหน่งJS() '.
- ในคำจำกัดความ แสดงข้อความที่ระบุผ่านการแจ้งเตือนเมื่อคลิกปุ่ม
- วิธีการนี้จะส่งกลับผลลัพธ์เดียวกันโดยการฝังทั้งไฟล์ HTML และ JavaScript
เอาต์พุต
เราได้นำเสนอข้อมูลจริงที่เกี่ยวข้องกับการวาง JavaScript ในไฟล์ HTML
บทสรุป
ตำแหน่งของ JavaScript ในไฟล์ HTML สามารถอยู่ใน ' <หัว> ” แท็ก “ <เนื้อหา> ” แท็ก หรือเป็นภายนอก “ ไฟล์.js ” โดยระบุ “ src '. โค้ด JavaScript ทำหน้าที่เหมือนกันเมื่อวางในแท็กใดแท็กหนึ่งที่ระบุไว้ อย่างไรก็ตาม การวาง JavaScript เป็นไฟล์ js ภายนอกช่วยให้โค้ดกลับมาใช้ใหม่ได้ คำแนะนำบล็อกนี้เกี่ยวข้องกับการวาง JavaScript ในไฟล์ HTML