Skip to main content

JavaScript

TL;DR

JavaScript เป็น ภาษาการเขียนโปรแกรมยอดนิยมซึ่งส่วนใหญ่ใช้เพื่อแทรกองค์ประกอบแบบไดนามิกลงในเว็บไซต์

JavaScript คืออะไร?

JavaScript เป็นภาษาการเขียนโปรแกรม ส่วนใหญ่ใช้เพื่อแทรกองค์ประกอบแบบไดนามิกลงในหน้าเว็บ ตัวอย่างขององค์ประกอบแบบไดนามิก ได้แก่ ระบบอัตโนมัติ ภาพเคลื่อนไหว องค์ประกอบแบบโต้ตอบ ตัวนับการจราจร ฯลฯหากไม่มี JavaScript เว็บไซต์จะเป็นแบบคงที่ โดยอาศัย HTMLและ CSSเท่านั้น JavaScript มักจะ ฝังอยู่ในโค้ด HTMLของหน้าเว็บหรือทำงานในไฟล์แยกต่างหากที่ ลิงก์อยู่ในส่วน <head> ของ HTML:

  • ตัวอย่าง Javascript ที่เชื่อมโยง: <script src=" /js/assets/example.js" type="text/javascript"></script>

  • ตัวอย่างของ Javascript แบบฝัง (ในบรรทัด)( ตัวอย่างนี้คือสคริปต์ที่ผู้เข้าชม Analytics ใช้เพื่อให้สามารถติดตามสถิติเว็บไซต์): <script>(function(v,i,s,a){if(!v._visaSettings){ v._visaSettings={};}v._visaSettings["326865a9-6d58-11e8-834c-0242ac120005"]={v:"0.3",s:"326865a9-6d58-11e8-834c-0242ac120005",a:"1 "};_v=i.getElementsByTagName("head")[0];_a=_v;_i=i.createElement("script");_s=_i;_s.defer="defer";_s.src=s+ a+v._visaSettings["326865a9-6d58-11e8-834c-0242ac120005"].v;_a.appendChild(_s);})(หน้าต่าง,เอกสาร,"//app-worker.visitor-analytics.io/main" ,".js?s=326865a9-6d58-11e8-834c-0242ac120005&v=")</script>

เหตุใดฉันจึงถูกขอให้เพิ่มโค้ด JavaScript ในเว็บไซต์ของฉัน

หลายครั้ง หากคุณใช้เครื่องมือเพื่อปรับปรุงเว็บไซต์ของคุณ ระบบจะขอให้คุณคัดลอกและวาง JS <script> ลงในแดชบอร์ดของคุณ เพื่อให้แสดงใน <head> ของ HTML หากคุณเชื่อถือผู้ให้บริการเครื่องมือนี้ ก็ไม่น่าจะมีปัญหา นี่คือสิ่งที่บริการที่ระบุต้องการเพื่อเพิ่มฟังก์ชันการทำงานบางอย่างให้กับเว็บไซต์ของคุณ หากคุณใช้แพลตฟอร์มการสร้างเว็บ เช่น Wix หรือ Wordpress หรืออื่นๆ และติดตั้งส่วนขยายหรือปลั๊กอิน มักจะเพิ่ม JavaScript ที่จำเป็นลงในเว็บไซต์ของคุณโดยอัตโนมัติ ในบางกรณี คุณอาจต้องคัดลอกและวางโค้ดลงในส่วนหัวด้วยตนเอง

ปัญหา JavaScript และวิธีแก้ไข

หากคุณติดตั้งปลั๊กอิน/ส่วนขยายมากเกินไปบนเว็บไซต์ พวกเขาสามารถแทรกโค้ด JavaScript จำนวนมากลงในส่วนหัวได้ มีตัวอย่างที่หน้าเว็บอ้างอิงไฟล์ JavaScript ภายนอกมากกว่า 60-70 ไฟล์ในส่วน <head> ก่อนที่จะโหลดเนื้อหาใดๆ เว็บเบราว์เซอร์จะพยายามดาวน์โหลดทรัพยากรเหล่านี้ทั้งหมด ซึ่งจะทำให้เวลาในการโหลดหน้าเว็บช้าลงอย่างมาก มีวิธีแก้ปัญหาหลายประการ หนึ่งในนั้นได้อธิบายไว้ในรายการอภิธานศัพท์ การแสดงผลแบบไดนามิก