Object.defineProperty() ใช้สำหรับกำหนดคุณสมบัติใหม่หรือแก้ไขคุณสมบัติที่มีอยู่บนออบเจกต์ โดยสามารถควบคุมพฤติกรรมได้ละเอียด (writable, enumerable, configurable) รูปแบบ: Object.defineProperty(obj, prop, descriptor) พารามิเตอร์: obj – ออบเจกต์ที่จะกำหนดคุณสมบัติ prop – ชื่อคุณสมบัติ (string หรือ Symbo

คุณสมบัติ orphans กำหนดจำนวนบรรทัดขั้นต่ำของบล็อกที่ต้องเหลืออยู่ที่ด้านบนของหน้าใหม่เมื่อมีการแบ่งหน้า ใช้สำหรับการจัดพิมพ์ (print) การอ่านค่า: var res = object.style.orphans; การตั้งค่า: object.style.orphans = number|initial|inherit;

คุณสมบัติ alignContent ควบคุมการจัดวางของ flex lines (หลายบรรทัด) ภายใน container เมื่อมีพื้นที่ว่างตามแกนขวาง ต้องมี flex-wrap: wrap ถึงจะทำงาน ตัวอย่าง <!DOCTYPE html> <html> <head> <style> #box { border: 1px solid #000000; width: 240px;

สำหรับแอปพลิเคชัน Windows Forms ที่ใช้ WebBrowser control สามารถฉีด JavaScript ได้โดย: สร้างโปรเจกต์ Windows Forms ใน Visual Studio ลาก WebBrowser control ไปวางบนฟอร์ม ตั้งค่า Url property Add reference → COM → Type Libraries → เลือก Microsoft HTML Object Library จากนั้นใช้โค้ดด้านล่างเพื่อฉีดสคริ

ใช้คุณสมบัติ cursor เพื่อเปลี่ยนรูปแบบเคอร์เซอร์เมื่อวางเมาส์เหนือองค์ประกอบ ค่าที่นิยม: pointer, text, wait, help, move, crosshair ตัวอย่าง <!DOCTYPE html> <html> <body> <h1 id=myID>Heading 1</h1> <p>Check the heading before and after mouse hover.</p

คุณสมบัติ flexFlow เป็น shorthand ของ flexDirection และ flexWrap ใช้ตั้งค่าทิศทางและการขึ้นบรรทัดใหม่พร้อมกัน เช่น column nowrap ตัวอย่าง <!DOCTYPE html> <html> <head> <style> #box { border: 1px solid #000000; width: 100px; height: 150px;

ใช้คุณสมบัติ direction เพื่อกำหนดทิศทางการไหลของข้อความ ค่า ltr (ซ้ายไปขวา - ค่าเริ่มต้น), rtl (ขวาไปซ้าย) ตัวอย่าง <!DOCTYPE html> <html> <body> <h1 id=myID>Heading 1</h1> <p>Click below to set the direction of heading to Left-to-right</p> <

คุณสมบัติ flexGrow กำหนดสัดส่วนการขยายของ flex item เมื่อมีพื้นที่ว่าง ค่าที่มากกว่าหมายถึงขยายมากกว่าองค์ประกอบอื่น (ค่าเริ่มต้นคือ 0) ตัวอย่าง <!DOCTYPE html> <html> <head> <style> #box { border: 1px solid #000000; width: 250px; height: 1

ใช้คุณสมบัติ display เพื่อเปลี่ยนประเภทการแสดงผลขององค์ประกอบ เช่น block, inline, flex, grid, none (ซ่อน) ตัวอย่าง <!DOCTYPE html> <html> <head> <style> #myID { width: 250px; height: 200px; background-color: green; } </style>

คุณสมบัติ flexShrink กำหนดว่าองค์ประกอบจะย่อลงเท่าไรเมื่อพื้นที่ไม่พอ ค่าที่มากกว่าหมายถึงย่อมากกว่าองค์ประกอบอื่น (ค่าเริ่มต้นคือ 1) ตัวอย่าง <!DOCTYPE html> <html> <head> <style> #box { border: 1px solid #000000; width: 500px; height: 100

ใช้คุณสมบัติ emptyCells เพื่อตั้งค่าหรือตรวจสอบว่าเซลล์ว่างในตารางจะแสดงขอบและพื้นหลังหรือไม่ ค่า show (แสดง), hide (ซ่อน) ตัวอย่าง <!DOCTYPE html> <html> <head> <style> table, td { border:1px solid; } </style> </head> <body>

คุณสมบัติ flexWrap ควบคุมว่า flex items จะขึ้นบรรทัดใหม่เมื่อพื้นที่ไม่พอหรือไม่ ค่า wrap (ขึ้นบรรทัดใหม่), nowrap (อยู่บรรทัดเดียว - ค่าเริ่มต้น), wrap-reverse (ขึ้นบรรทัดใหม่แต่เรียงกลับ) ตัวอย่าง <!DOCTYPE html> <html> <head> <style> #box { border: 1px

ใช้คุณสมบัติ pageBreakAfter เพื่อควบคุมการแบ่งหน้าระหว่างการพิมพ์ ตั้งค่าเป็น always เพื่อบังคับแบ่งหน้าหลังองค์ประกอบนั้นๆ หมายเหตุ: ผลลัพธ์จะเห็นได้เมื่อพิมพ์หรือดู Print Preview เท่านั้น ตัวอย่าง <!DOCTYPE html> <html> <body> <h1>Heading 1</h1> <p>Thi

ใช้ CSS Filter property ผ่าน JavaScript โดย brightness() สำหรับความสว่าง และ contrast() สำหรับคอนทราสต์ ค่าปกติคือ 100% (หรือ 1) ตัวอย่าง <!DOCTYPE html> <html> <body> <p>Click below to change the brightness and contrast of the image.</p> <button onclick=di

ใช้คุณสมบัติ columnSpan เพื่อให้องค์ประกอบ (เช่น heading) ขยายครอบคลุมคอลัมน์ทั้งหมด ตั้งค่าเป็น all หมายเหตุ: ไม่รองรับใน Firefox ตัวอย่าง <!DOCTYPE html> <html> <head> <style> #myID { column-count: 4; } </style> </head> <body> <p

ออบเจกต์ window.location มีเมธอดและคุณสมบัติสำหรับจัดการ URL และการนำทางหน้าเว็บ: window.location.href คืนค่า URL ปัจจุบันของหน้าเว็บ และสามารถกำหนดค่าเพื่อนำทางไปยัง URL ใหม่ได้ (เพิ่มเข้า history stack) <!DOCTYPE html> <html> <body> <p>Click below to get the complete

ใช้คุณสมบัติ columnWidth เพื่อกำหนดความกว้างที่เหมาะสมของแต่ละคอลัมน์ เบราว์เซอร์จะสร้างคอลัมน์ให้มากที่สุดเท่าที่พื้นที่จะรองรับได้ ตัวอย่าง <!DOCTYPE html> <html> <body> <p>Set the width of the columns</p> <button onclick=display()>Change Width</but

นี่คือ JavaScript compressors ยอดนิยมที่ใช้ในการลดขนาดไฟล์และเพิ่มประสิทธิภาพ: Google Closure Compiler คอมไพเลอร์ของ Google ที่วิเคราะห์ จำแนก และเขียนโค้ดใหม่ ให้เหลือเฉพาะส่วนที่จำเป็น ทำให้โค้ดรันเร็วขึ้นและขนาดเล็กลงมาก JSMin เครื่องมือย่อขนาด (minify) แบบคลาสสิก ที่ลบคอมเมนต์และ whitespace ที่ไ

คุณสมบัติ flex เป็น shorthand ของ flex-grow, flex-shrink และ flex-basis ใช้กำหนดว่าองค์ประกอบจะขยายหรือย่อเทียบกับพื้นที่ว่างใน container อย่างไร ตัวอย่าง <!DOCTYPE html> <html> <head> <style> #box { border: 1px solid #000000; width: 300px;

ใช้คุณสมบัติ marginLeft เพื่อกำหนดระยะห่างจากขอบซ้ายขององค์ประกอบ ไม่ว่าจะเป็น block หรือ inline element ก็สามารถตั้งค่าได้ ตัวอย่าง <!DOCTYPE html> <html> <body> <button type=button onclick=display()>Add left margin</button> <p id=myID>This is demo text