เนื้อหา

• ลิงก์สคริปต์
• ฟังก์ชั่นเค้าร่าง
• HTML มาร์กอัป
• ตัวเลือก

เว็บเพจสามารถสืบค้นรหัสในไฟล์ภายนอก สิ่งนี้ช่วยให้นักพัฒนาสามารถเรียกใช้ฟังก์ชัน JavaScript ที่บันทึกในไฟล์ ".js" ภายในส่วน "หัว" ของเว็บเพจ HTML ลิงก์สามารถนำเข้าเนื้อหาของไฟล์ JavaScript ในส่วน "เนื้อหา" มาร์กอัพ HTML สามารถรวมคำแนะนำสำหรับเบราว์เซอร์เพื่อเรียกใช้ฟังก์ชันในไฟล์ JavaScript ใด ๆ ที่รวมอยู่ในหน้านั้น เว็บเพจมักเรียกฟังก์ชันเหล่านี้เมื่อมีการโต้ตอบกับผู้ใช้ในหน้า

การโต้ตอบของผู้ใช้บนหน้าเว็บจะทำให้เกิดการเรียกใช้ฟังก์ชัน (Hemera Technologies / AbleStock.com รูปภาพ / Getty)

ลิงก์สคริปต์

ในการใช้ฟังก์ชั่นในไฟล์ JavaScript ภายนอกเว็บเพจจะต้องมีลิงค์ไปยังไฟล์ ตัวอย่างมาร์กอัพ HTML ต่อไปนี้สาธิตลิงก์ไปยังไฟล์ JavaScript ที่แสดงรายการในส่วน "head" ของ HTML:

รหัสนี้อนุญาตให้หน้าใช้ฟังก์ชั่นจากไฟล์ที่เรียกว่า "myfuncoes.js" ซึ่งถูกเก็บไว้ในไดเรกทอรีเดียวกับหน้าเว็บที่เป็นปัญหา หากที่อยู่ของสคริปต์อยู่ในตำแหน่งที่แตกต่างกันรหัสนี้จะต้องสะท้อนถึงตำแหน่งในแอตทริบิวต์ "src"

ฟังก์ชั่นเค้าร่าง

ในการเรียกใช้ฟังก์ชั่น JavaScript คุณจำเป็นต้องรู้โครงร่างของฟังก์ชัน ในการตรวจสอบนี้คุณสามารถค้นหาฟังก์ชันในไฟล์ JavaScript ของคุณและดูบรรทัดแรก ตัวอย่างโค้ด JavaScript ต่อไปนี้แสดงภาพร่างของฟังก์ชัน:

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

ในการเรียกใช้ฟังก์ชั่นนี้รหัส JavaScript ภายในเว็บเพจจะต้องใช้ชื่อฟังก์ชั่นดังเช่นในตัวอย่างโค้ดนี้:

facaAlgoDeBom ();

เมื่อรหัสนี้ถูกดำเนินการเนื้อหาของฟังก์ชั่นจะถูกดำเนินการ

HTML มาร์กอัป

ในการเรียกใช้ฟังก์ชัน JavaScript ใน HTML โปรแกรมเมอร์จำเป็นต้องตัดสินใจว่าเมื่อใดที่จะเรียกใช้ฟังก์ชัน บ่อยครั้งที่ฟังก์ชั่นจะดำเนินการกับการโต้ตอบกับผู้ใช้กับองค์ประกอบ HTML เทคนิคนี้ใช้ตัวรับเหตุการณ์ซึ่งคุณสามารถแนบไปกับองค์ประกอบ HTML ผ่านแอตทริบิวต์ รหัสด้านล่างแสดงให้เห็นถึงวิธีการระบุฟังก์ชั่น JavaScript ที่ดำเนินการเมื่อผู้ใช้คลิกที่องค์ประกอบ:

เมื่อผู้ใช้คลิกปุ่มนี้เบราว์เซอร์จะค้นหาฟังก์ชันที่ระบุและดำเนินการ

ตัวเลือก

นักพัฒนาจำเป็นต้องปรับแต่งฟังก์ชั่นการโทรไปยังรายละเอียดของฟังก์ชั่น บางฟังก์ชันต้องการพารามิเตอร์และค่าส่งคืนเมื่อดำเนินการเสร็จสิ้น ตัวอย่างต่อไปนี้รับพารามิเตอร์และส่งคืนค่า:

ฟังก์ชันทวีคูณ (InitialNumber) {return InitialNumber * 5; }

ข้อความที่ตัดตอนมาต่อไปนี้แสดงวิธีเรียกใช้ฟังก์ชันนี้และใช้ค่าส่งคืน:

ผลลัพธ์ var = ทวีคูณ (3); document.write (ผลลัพธ์);

รหัสผ่านค่าตัวเลขไปยังฟังก์ชันและรับค่าส่งคืนอื่น มันเก็บค่าที่ส่งคืนในตัวแปรแล้วใช้การส่งคืนนั้นในการแสดงผลอื่น