หน้าแรก
หน้าแรก
เมธอด JavaScript console.log() ใช้สำหรับเขียนข้อความในคอนโซล ต่อไปนี้เป็นรหัสสำหรับ JavaScript console.log() วิธีการ - ตัวอย่าง <!DOCTYPE html> <html> <head> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-ser
การประกาศ const ของ JavaScript สร้างตัวแปรที่ไม่สามารถกำหนดค่าใหม่ให้กับค่าอื่นหรือประกาศใหม่ในภายหลัง เปิดตัวใน ES2015 ต่อไปนี้เป็นรหัสสำหรับการประกาศ const JavaScript - ตัวอย่าง <!DOCTYPE html> <html> <head> <style> body { font-family: &qu
ในการแปลงสตริงเป็นบูลีนใน JavaScript โค้ดจะเป็นดังนี้ - ตัวอย่าง <!DOCTYPE html> <html> <head> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } </style> </head> <body> <
ในการแปลงอาร์เรย์เป็น JSON ใน JavaScript โค้ดจะเป็นดังนี้ - ตัวอย่าง body { ตระกูลแบบอักษร:Segoe UI, Tahoma, เจนีวา, Verdana, sans-serif; }การแปลงอาร์เรย์เป็น JSONคลิกที่นี่ คลิกปุ่มด้านบนเพื่อแปลงอาร์เรย์เป็น JSON ให้ sampleEle =document.querySelector(.sample); ให้ arr =[22, A, 1, HELLO, J, 9, 22]
ในการรับพิกัดของเมาส์โดยใช้ JavaScript โค้ดจะเป็นดังนี้ - ตัวอย่าง <!DOCTYPE html> <html> <head> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .sample {
ในการสร้าง Image Slider ที่กำหนดเองใน JavaScript โค้ดจะเป็นดังนี้ - ตัวอย่าง <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> * { box-sizing: border-box; &n
ฟังก์ชัน encodeURI() เข้ารหัส URI ที่สมบูรณ์รวมถึงอักขระพิเศษ ยกเว้นอักขระยกเว้น (, / ? :@ &=+ $ #) ฟังก์ชัน encodeURIComponent() เข้ารหัสบางส่วนของ URI โดยการเข้ารหัสอักขระพิเศษโดยทั่วไป นอกจากนี้ยังเข้ารหัสอักขระต่อไปนี้ − (, / ? :@ &=+ $ # ) ฟังก์ชัน decodeURI() ถอดรหัส URI ที่สร้างโดยฟังก์ชัน
ให้เราดูตัวอย่างเพื่อใช้แนวคิดในการจัดการข้อผิดพลาดและข้อยกเว้นด้วย JavaScript - ตัวอย่าง <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> &l
คุณสมบัติข้อความแสดงข้อผิดพลาดตั้งค่าหรือส่งคืนข้อความแสดงข้อผิดพลาดใน JavaScript ต่อไปนี้เป็นรหัสสำหรับคุณสมบัติข้อความแสดงข้อผิดพลาด - ตัวอย่าง <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content=&q
ในการสร้างส่วนที่ยุบได้ด้วย CSS และ JavaScript โค้ดจะเป็นดังนี้ - ตัวอย่าง <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> body { font-family: "Segoe
ในการสร้างรายการสิ่งที่ต้องทำด้วย CSS และ JavaScript รหัสจะเป็นดังนี้ - ตัวอย่าง <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> html {
ฟังก์ชัน symbol.@@toPrimitive() จะแปลงวัตถุสัญลักษณ์ให้เป็นค่าดั้งเดิม ไวยากรณ์ Symbol()[Symbol.toPrimitive](hint) ค่าคำใบ้ระบุประเภท เช่น − หมายเลข สตริง ฯลฯ และเป็นอาร์กิวเมนต์ที่เป็นทางเลือก ต่อไปนี้เป็นรหัสสำหรับฟังก์ชัน symbol.@@toPrimitive() - ตัวอย่าง <!DOCTYPE html> <html lang=&qu
ฟังก์ชัน Symbol.for() จะค้นหาการลงทะเบียนสัญลักษณ์ทั้งรันไทม์สำหรับสัญลักษณ์ที่กำหนด หากพบสัญลักษณ์ จะถูกส่งคืน มิฉะนั้น สัญลักษณ์ใหม่จะถูกสร้างขึ้นในการลงทะเบียนสัญลักษณ์สากลและส่งคืนอย่างง่ายดาย ต่อไปนี้เป็นรหัสสำหรับฟังก์ชัน symbol.for() ตัวอย่าง <!DOCTYPE html> <html lang="en"
คุณสมบัติ Symbol.hasInstance ใช้เพื่อตรวจสอบว่า Constructor รู้จักวัตถุว่าเป็นอินสแตนซ์หรือไม่ ต่อไปนี้เป็นรหัสสำหรับคุณสมบัติ Symbol.hasInstance - ตัวอย่าง <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport"
ในการป้อนฟิลด์หนึ่งเหมือนกับฟิลด์อื่นโดยอัตโนมัติ สคริปต์ JavaScript มีดังต่อไปนี้ - ตัวอย่าง <!DOCTYPE html> <html> <head> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } </style> &
คุณสมบัติคอนสตรัคเตอร์บูลีนส่งคืนฟังก์ชันคอนสตรัคเตอร์ที่สร้างต้นแบบบูลีน - ต่อไปนี้เป็นรหัสสำหรับคุณสมบัติตัวสร้างบูลีนจาวาสคริปต์ - ตัวอย่าง <!DOCTYPE html> <html> <head> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Ve
ใน JavaScript เนื่องจากฟังก์ชั่นเป็นวัตถุดังนั้นเราจึงสามารถส่งผ่านเป็นพารามิเตอร์ไปยังฟังก์ชั่นอื่นได้ ฟังก์ชันเหล่านี้สามารถเรียกใช้ภายในฟังก์ชันอื่นได้ และฟังก์ชันที่ส่งผ่านจะเรียกว่าฟังก์ชันเรียกกลับ ต่อไปนี้เป็นรหัสสำหรับการเรียกกลับ JavaScript - ตัวอย่าง <!DOCTYPE html> <html> <
Chart.js เป็นไลบรารี JavaScript แบบโอเพ่นซอร์ส ใช้ Chart.js เพิ่มกราฟเชิงโต้ตอบแบบเคลื่อนไหวบนเว็บไซต์ของคุณ ต่อไปนี้เป็นรหัสสำหรับไลบรารี Chart.js ใน JavaScript - ตัวอย่าง <!DOCTYPE html> <html> <head> <script <script src="https://cdn.jsdelivr.net/npm/[email protected]&qu
วิธีการ clearTimeout() จะล้างการหมดเวลาที่กำหนดไว้ก่อนหน้านี้โดยฟังก์ชัน setTimeout() วิธีการ clearInterval() จะล้างช่วงเวลาที่ถูกกำหนดโดยฟังก์ชัน setInterval() ก่อนหน้านี้ ต่อไปนี้เป็นรหัสสำหรับวิธี clearTimeout() และ clearInterval() - ตัวอย่าง <!DOCTYPE html> <html> <head> <s
ในการสร้างตารางตัวกรองด้วย JavaScript รหัสจะเป็นดังนี้ - ตัวอย่าง <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> * { box-sizing: border-box;