New Operator ใช้สร้าง Instance ของ Object ตามด้วย Constructor Method เช่น Object(), Array(), Date() (Built-in Functions) var department = new Object(); var books = new Array(C++, Perl, Java); var day = new Date(December 1, 2017); Object() Constructor Constructor คือฟังก์ชันสร้างและเริ่มต้น Object

ได้ สร้างปุ่ม Print หรือทำให้รูปภาพเป็นปุ่ม Print ได้ง่ายๆ ตัวอย่าง <!DOCTYPE html> <html> <body> <a href=javascript:window.print()> <img src=https://www.tutorialspoint.com/computer_fundamentals/images/inkjet_printer.jpg height=50 alt=print the page> &

ตัวอย่าง Trigger Click Event เมื่อ Mouse Hover ตัวอย่าง <!DOCTYPE html> <html> <body> <p>Hover over the button.</p> <form> <input type=button id=test value=Hover onmouseover=display() onclick=alert(click event)> </form> &l

ใช้ Attribute style ร่วมกับ CSS Property font-family HTML5 ไม่รองรับ Tag <font> แล้ว โปรดทราบ: Style Attribute ทับทับ Global Styles ตัวอย่าง <!DOCTYPE html> <html> <head> <title>HTML Font Family</title> </head> <body> <h1>Our

สำหรับ Window Resize Event ใช้ addEventListener() โค้ดด้านล่างแสดงขนาดหน้าต่างปัจจุบัน ตัวอย่าง <!DOCTYPE html> <html> <head> <style> div { margin-top: 10px; padding: 10px; background-color: #1E9E5D; width: 50%; }

ใช้ Object.getOwnPropertyNames() คืนค่า Property ทั้งหมดของ Object แล้ว Filter เฉพาะ Function ตัวอย่าง <!DOCTYPE html> <html> <body> <script> document.write(<br>+Object.getOwnPropertyNames(Math).filter(function (p) { return typeof Math[p] === fun

ตั้งค่า Named Cookie ด้วยโค้ดตัวอย่าง ตั้งชื่อ Customer ใน Input Cookie ตัวอย่าง <html> <head> <script> function WriteCookie() { if( document.myform.customer.value == ) { alert(Enter some value!); return; } cookievalu

ใช้ Intl.NumberFormat() เพื่อจัดรูปแบบตัวเลขคั่นหลักพัน ตัวอย่าง <!DOCTYPE html> <html> <body> <script> var number = 24287995; document.write(new Intl.NumberFormat().format(number)); </script> </body> </html> ผลลัพธ์ 24,287,995

สร้าง Custom Alert Box ด้วย jQuery และ CSS ต่างจาก Alert มาตรฐาน ตัวอย่าง <!DOCTYPE html> <html> <head> <script src=https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js></script> <script> function functionAlert(msg, myYes) {

ใช้เมธอด print() เพื่อเปิด Print Dialog Box ผู้ใช้เลือก Printer และตัวเลือกการพิมพ์ได้ ตัวอย่าง <!DOCTYPE html> <html> <body> <button onclick=display()>Click to Print</button> <script> function display() { window.print(); }

คีย์เวิร์ด new เป็น Operator สร้าง Instance ของ User-defined Object Type ตัวอย่าง <!DOCTYPE html> <html> <body> <p id=test></p> <script> var dept = new Object(); dept.employee = Amit; dept.department = Technical; dept.techn

Attribute expires ใน Cookie เป็นทางเลือก หากไม่ระบุ Cookie จะเป็น Session Cookie หมดอายุเมื่อปิด Browser ตัวอย่าง <html> <head> <script> function ReadCookie() { var allcookies = document.cookie; document.write(All Cookies : + allcookies );

ใช้ Tag <i>...</i> หรือ <em>...</em> ทั้งคู่ทำงานเหมือนกัน แต่ <em> เป็น Phrase Tag เน้นความหมาย (Emphasized) ยังสามารถใช้ CSS Property font-style: italic; ตัวอย่างใช้ <em> <!DOCTYPE html> <html> <head> <title>HTML italic text</

Set Cookie กำหนดค่าสตริงให้ document.cookie document.cookie = key1=value1;key2=value2;expires=date; expires เป็นทางเลือก ตัวอย่าง Set Cookie <html> <head> <script> function WriteCookie() { if( document.myform.customer.value == ) { alert(Enter som

Cookies เป็นวิธีที่มีประสิทธิภาพที่สุดในการจดจำและติดตาม Preferences, Purchases, Commissions และข้อมูลอื่นๆ เพื่อประสบการณ์ผู้ใช้ที่ดีขึ้นหรือสถิติเว็บไซต์ Server ส่งข้อมูลไปยัง Browser ในรูป Cookie Browser อาจยอมรับและเก็บเป็น Plain Text บน Hard Drive เมื่อ User เข้าหน้าอื่น Browser ส่ง Cookie กลับ

ใช้ Tag <img> แสดงรูปภาพ รองรับ src (URL), alt, width, height ฯลฯ สำหรับ Cross-domain ให้ระบุ src เป็น URL ของ Domain อื่น ลำดับAttribute & Description 1altAlternate text 2heightความสูง 3ismapServer-side Image Map 4longdescURL รายละเอียด 5srcURL ของรูปภาพ 6usemapClient-side Image Map 7widthค

ใช้ Attribute style ร่วมกับ CSS Property font-family, font-size, font-style HTML5 ไม่รองรับ Tag <font> แล้ว (Deprecated) โปรดทราบ: Style Attribute จะทับทับ Global Styles รวมถึงใน <style> หรือ External Stylesheet ตัวอย่าง <!DOCTYPE html> <html> <head> <title&

รายละเอียดขนาดและจำนวน Cookies สูงสุดต่อ Browser: Web BrowserMax CookiesMax Size per Cookie Google Chrome1804096 bytes Firefox1504097 bytes Opera1804096 bytes Android504096 bytes

use strict เป็น Directive (นิพจน์ตัวแทน) เพิ่มใน JavaScript 1.8.5 ตามชื่อ บ่งชี้ว่าโค้ดจะรันใน Strict Mode การประกาศ Strict Mode: ใส่ use strict ไว้ต้นบรรทัด สำหรับ Global Scope ใส่ต้น Script ตัวอย่าง <!DOCTYPE html> <html> <body> <p>Error จะเกิดขึ้น เนื่องจากใช้ Vari

ฝั่ง Client และ Server มี Storage 3 แบบ: Local Storage, Session Storage, Cookies Local Storage ออกแบบสำหรับเก็บข้อมูลข้ามหลาย Window และอยู่เกิน Session ปัจจุบัน Web App อาจเก็บข้อมูลผู้ใช้หลาย MB เช่น Document ทั้งฉบับ หรือ Mailbox บน Client เพื่อ Performance Cookies ไม่เหมาะเพราะส่งไปทุก Request L