วิธีฝังสคริปต์ใน Html

สารบัญ:

วิธีฝังสคริปต์ใน Html
วิธีฝังสคริปต์ใน Html

วีดีโอ: วิธีฝังสคริปต์ใน Html

วีดีโอ: วิธีฝังสคริปต์ใน Html
วีดีโอ: Where to place script tags in html files? 2024, พฤศจิกายน
Anonim

HTML เป็นภาษามาร์กอัปสำหรับหน้าเว็บที่รับผิดชอบในการแสดงองค์ประกอบกราฟิกและข้อความ นอกจากนี้ยังสามารถใช้เพื่อใช้สคริปต์ที่เขียนในภาษาการเขียนโปรแกรมต่างๆ องค์ประกอบพิเศษใช้เพื่อแทรกสคริปต์ลงใน HTML

วิธีฝังสคริปต์ใน html
วิธีฝังสคริปต์ใน html

คำแนะนำ

ขั้นตอนที่ 1

สามารถแทรกรหัสลงในหน้าทั้งในเนื้อหาของเอกสารและในส่วน คุณสามารถใช้องค์ประกอบได้ไม่จำกัดจำนวนเพื่อเพิ่มเนื้อหาที่ใช้งานอยู่ สิ่งสำคัญคือสคริปต์ที่เพิ่มเข้ามาจะไม่รบกวนการแสดงเนื้อหาหลัก หากต้องการแก้ไขโค้ด HTML ให้เปิดหน้าเว็บของคุณในโปรแกรมแก้ไขข้อความ เว็บมาสเตอร์มักใช้โปรแกรมที่เน้นคำอธิบายในการทำงาน: Notepad ++, Web Development Studio, HTML Reader ไฟล์ที่ต้องการสามารถเปิดได้โดยใช้โปรแกรม Notepad มาตรฐานของระบบปฏิบัติการ Windows

ขั้นตอนที่ 2

ในหน้าต่างแก้ไขข้อความ ให้ป้อนโค้ด HTML ตัวอย่างเช่น ในการฉีด JavaScript ลงในเพจ ให้ใช้คำสั่งต่อไปนี้:

รหัสที่จะดำเนินการ

รหัสที่ระบุจะถูกดำเนินการในการโหลดหน้าและจะดำเนินการภายในตัวอธิบาย ในกรณีนี้ พารามิเตอร์ type จะทำให้ handler รู้ว่าภาษาการเขียนโปรแกรม JavaScript จะถูกใช้ต่อไป

ขั้นตอนที่ 3

เพื่อให้สคริปต์ประมวลผลเหตุการณ์เฉพาะ ตัวอย่างเช่น เมื่อกดปุ่ม จะต้องแทรกลงในฟังก์ชัน ในส่วน ระบุรหัสสคริปต์:

ฟังก์ชั่น displayDate ()

{document.getElementById (“ดำเนินการ”) innerHTML = วันที่ (); }

โค้ด JavaScript นี้มีหน้าที่แสดงเวลาปัจจุบันบนเพจ แต่หากต้องการแสดงบนจอภาพ คุณต้องป้อนคำสั่งเพิ่มเติมเพื่อประมวลผลข้อความที่สร้างขึ้นระหว่างการทำงาน

ขั้นตอนที่ 4

ในเนื้อหาของเอกสารโดยใช้ HTML ให้สร้างปุ่มที่จะรับผิดชอบในการเปิดใช้งานองค์ประกอบ:

เวลาแสดง

รหัสนี้สร้างปุ่มตัวจัดการ JavaScript หลังจากคลิกแล้ว ผลลัพธ์ของสคริปต์จะแสดงขึ้น

ขั้นตอนที่ 5

หากต้องการรวมโปรแกรมสคริปต์ภายนอกที่อยู่ในไฟล์เฉพาะใน HTML คุณต้องเรียกใช้โค้ดต่อไปนี้:

เมื่อดำเนินการแล้ว สคริปต์ที่ระบุชื่อ file.js จะถูกรวมไว้ในหน้า เป็นที่น่าสังเกตว่าไฟล์ภายนอกต้องไม่มีองค์ประกอบใด ๆ สำหรับการเพิ่มที่ประสบความสำเร็จ

แนะนำ: