แก้ไขแล้ว: เอกสารพร้อม javascript วานิลลา

ปัญหาหลักของ Document ready javascript vanilla คือไม่ใช้ประโยชน์จากมาตรฐานเว็บล่าสุด สิ่งนี้อาจทำให้เว็บไซต์ดูล้าสมัยและทำให้ยากต่อการบำรุงรักษา

$(document).ready(function() {
  // code goes here
});

รหัสนี้ใช้ jQuery เพื่อสร้างฟังก์ชันที่จะทำงานเมื่อเอกสารพร้อม มักใช้เพื่อให้แน่ใจว่ามีการโหลดองค์ประกอบ HTML ทั้งหมดก่อนที่จะเรียกใช้โค้ด JavaScript ใดๆ

คึคึคึ

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

คอลัมน์

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

เค้าโครงตามคอลัมน์พบได้บ่อยในเว็บแอปพลิเคชัน ในขณะที่เค้าโครงกริดพบได้ทั่วไปในแอปพลิเคชันการพิมพ์ อย่างไรก็ตาม เค้าโครงทั้งสองประเภทสามารถใช้ได้ในเว็บแอปพลิเคชันและแอปพลิเคชันการพิมพ์

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

ชื่อ : ชื่อของคอลัมน์

: ชื่อของคอลัมน์. width : ความกว้างของคอลัมน์เป็นพิกเซล

: ความกว้างของคอลัมน์เป็นพิกเซล ความสูง : ความสูงของคอลัมน์เป็นพิกเซล

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

เงื่อนไข

มีเงื่อนไขทั่วไปบางประการใน JavaScript ที่คุณจะต้องทราบ

คำสั่งแรกคือคำสั่ง if คำสั่งนี้อนุญาตให้คุณทดสอบเงื่อนไข และถ้าเป็นจริง ให้รันโค้ดภายในบล็อก ไวยากรณ์สำหรับคำสั่ง if เป็นดังนี้:

ถ้า (เงื่อนไข) { // รหัสที่จะดำเนินการ }

เงื่อนไขที่สองที่คุณต้องระวังคือคำสั่ง while คำสั่งนี้ทำงานในลักษณะเดียวกับคำสั่ง if แต่จะดำเนินการโค้ดภายในบล็อกต่อไปจนกว่าเงื่อนไขจะไม่เป็นจริงอีกต่อไป ไวยากรณ์สำหรับคำสั่ง while เป็นดังนี้:

ในขณะที่ (เงื่อนไข) { // รหัสที่จะดำเนินการ }