JavaScript เป็นภาษาสคริปต์ที่ได้รับความนิยมมากที่สุดสำหรับหน้าเว็บและมาตรฐานตามพฤตินัยสำหรับเว็บ จนถึงปัจจุบัน มีการสร้างสคริปต์ JavaScript จำนวนมาก ซึ่งส่วนใหญ่ฟรีและฟรี ด้วยเหตุนี้ ผู้ดูแลเว็บจึงสามารถค้นหาสคริปต์ที่เหมาะสมกับความต้องการในปัจจุบันของเขาได้ และทั้งหมดที่เขาต้องการทราบคือวิธีเชื่อมต่อจาวาสคริปต์กับหน้าเว็บ
จำเป็น
ความสามารถในการแก้ไขรหัสเอกสาร
คำแนะนำ
ขั้นตอนที่ 1
รวมสคริปต์จากแหล่งภายนอกซึ่งระบุโดย URI ที่รู้จักลงในเอกสาร ใช้องค์ประกอบ SCRIPT HTML ที่มีค่าแอตทริบิวต์ src ที่ระบุ แก้ไขเอกสารโดยเพิ่มการสร้างแบบฟอร์มเข้าไป:
ในที่นี้ ค่าของ script_URI ต้องเป็น URI ที่ระบุทรัพยากรที่จะโหลดข้อมูลสคริปต์
ควรระบุการเข้ารหัสอักขระของสคริปต์เป็นค่าของแอตทริบิวต์ชุดอักขระ หากแตกต่างจากการเข้ารหัสอักขระของเอกสาร การเข้ารหัสของเอกสารพิจารณาจากข้อมูลในฟิลด์ Content-Type ของส่วนหัวการตอบสนอง HTTP ของเซิร์ฟเวอร์ หรือค่าของแอตทริบิวต์เนื้อหาขององค์ประกอบ META โดยตั้งค่าแอตทริบิวต์ http-equiv เป็น Content-Type
การเชื่อมต่อสคริปต์ในลักษณะนี้มักจะทำในส่วนหัวของเอกสาร (องค์ประกอบ SCRIPT จะอยู่ภายในองค์ประกอบ HEAD) และไม่จำเป็นต้องดำเนินการในทันที ในกรณีนี้ ควรใช้แอตทริบิวต์การเลื่อนเวลาสำหรับการตีความข้อความสคริปต์ที่เลื่อนออกไป
ขั้นตอนที่ 2
รวมสคริปต์โดยฝังลงในเอกสารโดยตรง เพิ่มองค์ประกอบ SCRIPT ให้กับมาร์กอัปเอกสารของคุณที่มีเนื้อหา JavaScript ใช้สิ่งปลูกสร้างเช่น:
// ข้อความโค้ดสคริปต์
// ข้อความโค้ดสคริปต์
// ข้อความรหัสสคริปต์
ให้ความสนใจกับความคิดเห็น HTML รอบโค้ดสคริปต์ จำเป็นสำหรับความเข้ากันได้กับเบราว์เซอร์รุ่นเก่า
ขั้นตอนที่ 3
รวมสคริปต์โดยระบุ "javascript:" เป็น URI ตัวอธิบายโปรโตคอลของจุดยึดเป้าหมายขององค์ประกอบ A สร้างลิงก์ในเอกสารด้วยค่าแอตทริบิวต์ href ของแบบฟอร์ม:
จาวาสคริปต์:
ในที่นี้ ค่าควรเป็นนิพจน์ที่คำนวณใน JavaScript ในกรณีนี้ ประโยคภาษาหลายประโยคสามารถรวมเป็นหนึ่งนิพจน์โดยใช้วงเล็บตัวดำเนินการ เช่น
ข้อความ
เมื่อเปิดใช้งานลิงก์ดังกล่าวด้วยวิธีใดก็ตาม (ผู้ใช้หรือโดยทางโปรแกรม) โค้ดสคริปต์ที่ฝังไว้จะถูกดำเนินการ
ขั้นตอนที่ 4
เพิ่มสคริปต์ลงในเอกสารของคุณเป็นโค้ดสำหรับตัวจัดการเหตุการณ์องค์ประกอบแบบอินไลน์ เมื่อต้องการทำเช่นนี้ ให้กำหนดตัวจัดการที่มีอยู่แล้วภายในสำหรับเหตุการณ์ที่ต้องการขององค์ประกอบที่เลือกโดยการเพิ่มแอตทริบิวต์ที่เหมาะสมให้กับองค์ประกอบเหล่านี้ ป้อนข้อมูลโค้ด JavaScript สำหรับค่าแอตทริบิวต์ ตัวอย่างเช่น คุณสามารถเพิ่มโค้ดเป็นตัวจัดการสำหรับเหตุการณ์การคลิกเพียงครั้งเดียวบนองค์ประกอบ DIV ดังนี้:
เนื้อหาองค์ประกอบ
สำหรับรายการเหตุการณ์องค์ประกอบที่ต้องได้รับการสนับสนุนโดยตัวแทนผู้ใช้ที่เป็นไปตามรูปแบบ โปรดดูส่วนเหตุการณ์ของข้อกำหนด DOM ระดับ 2 และ 3 (DOM2 และ DOM3) บนเว็บไซต์ w3c.org ของ W3C