เพื่อดูว่า JavaScript Event ใดถูกยิง ใช้ Google Chrome DevTools: เปิด Chrome กด F12 เปิด Dev Tools ไป Tab Sources ไป Event Listener Breakpoints ด้านขวา คลิก Event ที่ต้องการ แล้วโต้ตอบกับ Element เป้าหมาย หาก Event ยิง จะหยุดที่ Breakpoint ใน Debugger

ขยายอายุ Cookie โดยตั้งค่า Expiration Date ใช้ Attribute expires ตัวอย่าง: หมดอายุ 30 นาที <html> <head> <script> function WriteCookie() { var now = new Date(); var minutes = 30; now.setTime(now.getTime() + (minutes * 60 * 1000));

เพื่อพิมพ์ Debug Messages ใน Chrome Console ให้เขียน Script ที่ไม่สร้าง Console Functions หากไม่มีอยู่ if (!window.console) console = {}; console.log = console.log || function(){}; console.warn = console.warn || function(){}; console.error = console.error || function(){}; ฟังก์ชันเหล่านี้ใช้ Log

ใน JavaScript เข้าถึง/อ่าน Cookies ได้ง่ายด้วย Property document.cookie การอ่าน Cookie ง่ายเท่ากับการเขียน เพราะค่าของ document.cookie คือ Cookie เอง String จะเก็บ Key=Value คั่นด้วย Semicolon ตัวอย่าง <html> <head> <script> function ReadCookie() { var allco

Default Parameters Default Parameters ช่วยจัดการพารามิเตอร์ฟังก์ชันได้ง่ายขึ้น กำหนดค่าเริ่มต้นให้พารามิเตอร์ได้ หากไม่ส่งค่าหรือส่ง undefined จะใช้ค่า Default ตัวอย่าง <html> <body> <script> function inc(val1, inc = 1) { return val1 + inc; } d

ใช้ CSS Style ตั้งค่า Background Image ภายใน Tag <style> ใช้ Property background-image รองรับ jpg, png, svg, gif ฯลฯ HTML5 ไม่รองรับ Attribute background ของ Body Tag แล้ว ตัวอย่าง <!DOCTYPE html> <html> <head> <style> body { background-image: u

ใช้ Console Object เพื่อพิมพ์ข้อความไปยัง Error Console console.error(message); - แสดงข้อความ Error สีแดง console.log(message); - แสดงข้อความทั่วไป console.warn(message); - แสดงข้อความ Warning console.info(message); - แสดงข้อความ Information เพิ่ม CSS ให้ Log Message console.log(%c Add message!, b

Unicode มีมากกว่า 130,000 ตัวอักษร เพื่อพิมพ์ Unicode ใน Console ให้ตั้ง Charset ใน Tag <meta> ภายใน <head> <meta charset=UTF-8> หรือเพิ่มใน Script Tag <script src=myscript.js charset=utf-8/> ทำงานได้บน Chrome, Opera, Firefox

ใช้ Tag <img> เพื่อแสดงรูปภาพ รองรับ Attribute: src (URL รูป), alt (ข้อความทางเลือก), width, height ฯลฯ ใน HTML ให้ระบุ src เป็น Path ของ System Drive เช่น file:/D:/images/logo.png ลำดับAttribute & Description 1AltAlternate text สำหรับรูปภาพ 2Heightความสูงของรูปภาพ 3Ismapรูปภาพเป็น Server-si

เพื่อทำตัวอักษรตัวหนาใน HTML ใช้ Tag <b>...</b> หรือ <strong>...</strong> ทั้งคู่ทำงานเหมือนกัน แต่ <strong> เพิ่ม Semantic Importance (ความสำคัญทางความหมาย) ส่วน <b> เป็น Physical Markup เท่านั้น ยังสามารถทำได้ด้วย CSS Property font-weight: bold; ตัวอย่างใช้ <

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

เพื่อแปลง String ให้เป็น Function Call ใช้ Bracket Notation กับ Window Object ตัวอย่าง <html> <body> <script> function myFunction(argument) { alert(My function + argument); } functionName = myFunction; window[functionName](is working.);

Object ใน JavaScript สืบทอด Property และ Method จาก Prototype ของมัน สร้างด้วย new Object() จะสืบทอดจาก Object.prototype สร้างด้วย new Date() จะสืบทอดจาก Date.prototype ตัวอย่าง <!DOCTYPE html> <html> <body> <h2>Department Details</h2> <p id=details>&

Web Browser และ Server ใช้ HTTP Protocol สื่อสาร ซึ่งเป็น Stateless Protocol แต่เว็บไซต์เชิงพาณิชย์ต้องรักษาข้อมูล Session ระหว่างหน้า Cookies เป็นวิธีที่มีประสิทธิภาพที่สุดในการจดจำและติดตาม Preferences, Purchases, Commissions และข้อมูลอื่นๆ Cookies เป็น Plain Text Data Record ประกอบด้วย 5 Fields:

Cookies เป็นวิธีที่มีประสิทธิภาพที่สุดในการจดจำและติดตาม Preferences, Purchases, Commissions และข้อมูลอื่นๆ เพื่อประสบการณ์ผู้ใช้ที่ดีขึ้นหรือสถิติเว็บไซต์ วิธีง่ายที่สุดคือกำหนดค่าสตริงให้ document.cookie ดังนี้ document.cookie = key1=value1;key2=value2;expires=date; Attribute expires เป็นทางเลือก

เพื่อลบ Cookie ให้ตั้งค่า Expiry Date เป็นเวลาในอดีต ตัวอย่าง: ลบ Cookie โดยตั้ง Expires ไป 1 เดือนก่อน <html> <head> <script> function WriteCookie() { var now = new Date(); now.setMonth( now.getMonth() - 1 ); cookievalue = escape(document.

ขยายอายุ Cookie โดยตั้งค่า Expiration Date ใช้ Attribute expires กำหนดวันที่และเวลา ตัวอย่าง: ตั้งค่าหมดอายุ 1 เดือน <html> <head> <script> function WriteCookie() { var now = new Date(); now.setMonth( now.getMonth() + 1 ); cookievalue = esc

เพื่อล้าง Cookies ทั้งหมด ให้ตั้งค่า Expiry Date เป็นเวลาในอดีต ตัวอย่าง <html> <head> <script> function WriteCookie() { var now = new Date(); now.setMonth( now.getMonth() - 1 ); cookievalue = escape(document.myform.customer.value) + ;;

JavaScript Date รองรับรูปแบบดังนี้ Date TypeFormat ISO Date2017-11-29 (International Standard) Short Date11/29/2017 Long Date29 Nov 2017 Full DateWednesday November 29 2017 ตัวอย่างแสดงวันที่ปัจจุบัน <!DOCTYPE html> <html> <body> <p>คลิกเพื่อดูวันที่ปัจจุบัน:<

สามารถขยายอายุ Cookie เกิน Session ปัจจุบันได้โดยตั้งค่า Expiration Date และบันทึกไว้ใน Cookie ใช้ Attribute expires ตั้งค่าวันที่และเวลา ตัวอย่าง <html> <head> <script> function WriteCookie() { var now = new Date(); now.setTime(now.getTime() + 1 *