ล่าสุดการพัฒนาเว็บบทเรียน
×

JS เกี่ยวกับการสอน

JS บ้าน JS บทนำ JS สถานที่ที่จะ JS ส่งออก JS วากยสัมพันธ์ JS งบ JS ความคิดเห็น JS ตัวแปร JS ผู้ประกอบการ JS คณิตศาสตร์ JS การมอบหมาย JS ชนิดข้อมูล JS ฟังก์ชั่น JS วัตถุ JS ขอบเขต JS เหตุการณ์ JS เงื่อนไข JS วิธีสตริง JS เบอร์ JS วิธีการจำนวน JS คณิตศาสตร์ JS วันที่ JS รูปแบบวันที่ JS วันวิธีการ JS แถว JS วิธีการอาร์เรย์ JS booleans JS เปรียบเทียบ JS เงื่อนไข JS สวิตซ์ JS ห่วง For JS ในขณะที่ห่วง JS หยุด JS ประเภทการแปลง JS นิพจน์ทั่วไป JS ข้อผิดพลาด JS แก้จุดบกพร่อง JS hoisting JS โหมดที่เข้มงวด JS คู่มือสไตล์ JS ปฏิบัติที่ดีที่สุด JS ข้อผิดพลาด JS ประสิทธิภาพ JS คำสงวน JS JSON

JS ฟอร์ม

แบบฟอร์มการตรวจสอบ รูปแบบ API

JS วัตถุ

นิยามวัตถุ คุณสมบัติของวัตถุ วิธีการของวัตถุ ต้นแบบวัตถุ

JS ฟังก์ชั่น

นิยามฟังก์ชั่น ค่าฟังก์ชัน ฟังก์ชั่นการภาวนา ปิดฟังก์ชั่น

JS HTML DOM

DOM แนะนำ DOM วิธีการ DOM เอกสาร DOM องค์ประกอบ DOM HTML DOM CSS DOM ภาพเคลื่อนไหว DOM เหตุการณ์ DOM EventListener DOM การเดินเรือ DOM โหนด DOM Nodelist

JS เบราว์เซอร์ BOM

JS Window JS Screen JS Location JS History JS Navigator JS Popup Alert JS Timing JS Cookies

JS ตัวอย่าง

JS ตัวอย่าง JS HTML DOM JS HTML อินพุต JS HTML วัตถุ JS HTML เหตุการณ์ JS เบราว์เซอร์ JS ทดสอบ JS สรุป

JS คู่มืออ้างอิง

JavaScript วัตถุ HTML DOM วัตถุ


 

JavaScriptตัวอย่าง


อะไร JavaScript จะทำอย่างไร

JavaScript สามารถเปลี่ยนเนื้อหา HTML
JavaScript สามารถเปลี่ยนแอตทริบิวต์ HTML
JavaScript สามารถเปลี่ยนรูปแบบ CSS
JavaScript สามารถตรวจสอบการป้อนข้อมูล

ตัวอย่างอธิบาย


เอาท์พุท JavaScript

เขียนลงในกล่องเตือนหน้าต่าง
เขียนเข้าออกของ HTML
เขียนลงในองค์ประกอบ HTML
เขียนลงในคอนโซลเบราว์เซอร์

เอาท์พุทอธิบาย


สถานที่ที่จะใส่ JavaScript

JavaScript ใน <head>
JavaScript ใน <body>
JavaScript ในแฟ้มภายนอก

ตำแหน่งอธิบาย


JavaScript ไวยากรณ์

งบ JavaScript
หมายเลข JavaScript
สตริง JavaScript
การแสดงออก JavaScript
คำหลัก JavaScript
ตัวแปร JavaScript
ที่ได้รับมอบหมาย JavaScript
ผู้ประกอบการ JavaScript
ความคิดเห็น JavaScript
เป็นกรณีที่สำคัญ JavaScript

ไวยากรณ์อธิบาย


งบ JavaScript

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

งบอธิบาย


ความคิดเห็น JavaScript

ความคิดเห็นบรรทัดเดียว
บรรทัดเดียวที่ท้ายบรรทัด
ความคิดเห็นหลายบรรทัด
ความคิดเห็นบรรทัดเดียวเพื่อป้องกันไม่ให้การดำเนินการ
หลายบรรทัดแสดงความคิดเห็นเพื่อป้องกันไม่ให้การดำเนินการ

ความคิดเห็นอธิบาย


ตัวแปร JavaScript ที่

ตัวแปร JavaScript
ตัวแปร JavaScript ที่เป็นพีชคณิต
หมายเลข JavaScript และสตริง
คำหลัก var JavaScript
ประกาศตัวแปรหลายอย่างในหนึ่งคำสั่ง
ประกาศตัวแปรหลายหลาย
ตัวแปรได้โดยไม่ต้องมีค่าส่งกลับค่าไม่ได้กำหนด
Re: ประกาศตัวแปรจะไม่ทำลายความคุ้มค่า
เพิ่มตัวเลข JavaScript
เพิ่มสตริง JavaScript
เพิ่มสตริงและตัวเลข

ตัวแปรอธิบาย


JavaScript เลขคณิต

นอกจากนี้ (+) ผู้ประกอบการ
หักลบ (-) ผู้ประกอบการ
คูณ (*) ผู้ประกอบการ
ส่วน (/) ผู้ประกอบการ
โมดูลัส (%) ผู้ประกอบการ
การเพิ่มขึ้นของ (++) ผู้ประกอบการ
พร่อง (--) ผู้ประกอบการ

เลขคณิตอธิบาย


การกำหนด JavaScript

= ผู้ประกอบการที่ได้รับมอบหมาย =
= + ผู้ประกอบการที่ได้รับมอบหมาย +=
- = ผู้ประกอบการที่ได้รับมอบหมาย -=
* = ผู้ประกอบการที่ได้รับมอบหมาย *=
/ = ผู้ประกอบการที่ได้รับมอบหมาย /=
% = ผู้ประกอบการที่ได้รับมอบหมาย %=

ที่ได้รับมอบหมายอธิบาย


JavaScript สตริง

เพิ่มสองสายด้วยกันโดยใช้เชื่อมโยง (+) ผู้ประกอบการ
เพิ่มสองสายร่วมกับพื้นที่ในสตริงแรก
เพิ่มสองสายร่วมกับพื้นที่ในระหว่าง
เพิ่มสองสายด้วยกันโดยใช้ใช้ = + ผู้ประกอบการ
เพิ่มสตริงและตัวเลข

concatenation อธิบาย


ชนิดข้อมูล JavaScript

ประกาศ (สร้าง) สตริง
ประกาศ (สร้าง) หมายเลข
ประกาศ (สร้าง) อาร์เรย์
ประกาศ (สร้าง) วัตถุ
หาชนิดของตัวแปร
การเพิ่มตัวเลขสองและสตริง
เพิ่มสตริงและตัวเลขสอง
ตัวแปรที่ไม่ได้กำหนด
ตัวแปรที่ว่างเปล่า

ชนิดข้อมูลอธิบาย


วัตถุ JavaScript

สร้างตัวแปร JavaScript
สร้างวัตถุ JavaScript
สร้างวัตถุคน (บรรทัดเดียว)
สร้างวัตถุคน (หลายบรรทัด)
คุณสมบัติของวัตถุ Access โดยใช้ .property
คุณสมบัติของวัตถุ Access โดยใช้ [คุณสมบัติ]
เข้าถึงคุณสมบัติฟังก์ชั่นเป็นวิธีการที่
เข้าถึงคุณสมบัติฟังก์ชั่นเป็นสถานที่ให้บริการ

วัตถุอธิบาย


ฟังก์ชั่นจาวาสคริปต์

ฟังก์ชั่นที่เรียบง่าย
ฟังก์ชั่นที่มีการโต้แย้ง
ฟังก์ชั่นที่มีการโต้เถียง 2
ฟังก์ชั่นที่ส่งกลับค่า
ฟังก์ชั่นที่แปลงฟาเรนไฮต์เพื่อเซลเซียส
การเรียกฟังก์ชั่นโดยไม่ต้อง ()

ฟังก์ชั่นอธิบาย


กิจกรรม JavaScript

เหตุการณ์ onclick เปลี่ยนแปลงองค์ประกอบ HTML
เหตุการณ์ onclick การเปลี่ยนแปลงองค์ประกอบของตัวเอง
เหตุการณ์ onclick เรียกฟังก์ชัน

เหตุการณ์ที่เกิดขึ้นอธิบาย


JavaScript Strings

สตริงสามารถเขียนได้ด้วยคำพูดเดียวหรือสองครั้ง
แสดงตัวอย่างสตริง
ทับขวาก่อนที่จะยอมรับคำพูดคำพูดเป็นคำพูด
พบความยาวของสตริง
คุณสามารถทำลายสตริงข้อความที่มีเครื่องหมาย
คุณไม่สามารถทำลายรหัสด้วยเครื่องหมายทับขวา
ค้นหาตำแหน่งของเกิดขึ้นครั้งแรกของข้อความในสตริงที่ - indexOf()
ค้นหาข้อความในสตริงและกลับข้อความหากพบ - match()
แทนที่ตัวอักษรในสตริง - replace()
แปลงสตริงกรณีบน - toUpperCase()
แปลงสตริงกรณีที่ต่ำกว่า - toLowerCase()
แยกสตริงเป็นอาร์เรย์ - split()

สตริงอธิบาย


เบอร์ JavaScript

จำนวนจะถือว่าถูกต้องเท่านั้นถึง 15 หลัก
ลอยคำนวณจุดมักจะไม่ถูกต้อง 100%
แต่มันจะช่วยให้การคูณและหารด้วย 10
คงนำหน้าด้วย 0x, จะถูกตีความเป็นเลขฐานสิบหก
toString () method สามารถตัวเลขออกเป็นหกเหลี่ยมฐานแปดและเลขฐานสอง toString()
JavaScript จะสร้าง Infinity ถ้าคุณคำนวณเป็นจำนวนมากเกินไป
หารด้วยศูนย์สร้างอินฟินิตี้
จำนวนหารด้วยสตริงไม่เป็นตัวเลข

เบอร์อธิบาย


JavaScript คณิตศาสตร์

ใช้ Math.random() จะกลับมาเป็นจำนวนสุ่มระหว่าง 0 และ 1
ใช้ Math.round() รอบตัวเลข
ใช้ Math.ceil() รอบหมายเลข (ขึ้นไป)
ใช้ Math.floor() รอบหมายเลข (ลง)
ใช้ Math.floor() และ random() จะกลับมาเป็นจำนวนเต็มแบบสุ่ม
ใช้ Math.max() เพื่อกลับไปยังหมายเลขที่มีค่าสูงสุด
ใช้ Math.min() เพื่อกลับไปยังหมายเลขที่มีค่าต่ำสุด
แปลงเซลเซียสฟาเรนไฮต์

คณิตศาสตร์อธิบาย


วัน JavaScript

ใช้ Date() เพื่อแสดงวันที่วันนี้และเวลา
ใช้ getFullYear() แสดงปี
ใช้ getTime() ในการคำนวณจำนวนมิลลิวินาทีตั้งแต่ปี 1970
ใช้ setFullYear() เพื่อกำหนดวันที่ที่ระบุ
ใช้ toUTCString() การแปลงวันที่วันนี้ (ตามเวลา UTC) เพื่อสตริง
ใช้ getDay() เพื่อแสดงในวันทำงานเป็นตัวเลข
ใช้ getDay() และอาเรย์ที่จะแสดงในวันทำงานเป็นชื่อ
แสดงนาฬิกาปลุก

วันที่อธิบาย


อาร์เรย์ JavaScript

สร้างอาร์เรย์
เข้าร่วมกับสองอาร์เรย์ - concat()
เข้าร่วมกับสามอาร์เรย์ - concat()
เข้าร่วมกับองค์ประกอบทั้งหมดของอาร์เรย์เป็นสตริง - join()
นำองค์ประกอบสุดท้ายของอาร์เรย์ - pop()
เพิ่มองค์ประกอบใหม่ไปยังจุดสิ้นสุดของอาร์เรย์ - push()
กลับคำสั่งขององค์ประกอบในอาร์เรย์ - reverse()
นำองค์ประกอบแรกของอาร์เรย์ - shift()
เลือกองค์ประกอบจากอาร์เรย์ - slice()
เรียงอาร์เรย์ (ตามลำดับตัวอักษรและ Ascending) - sort()
เรียงลำดับเลข (ตัวเลขและ Ascending) - sort()
เรียงลำดับเลข (ตัวเลขและลง) - sort()
เพิ่มองค์ประกอบไปที่ตำแหน่งที่ 2 ในอาร์เรย์ - splice()
แปลงอาร์เรย์สตริง - toString()
เพิ่มองค์ประกอบใหม่ที่จุดเริ่มต้นของอาร์เรย์ - unshift()

อาร์เรย์อธิบาย


JavaScript ประเภท Conversion

แสดง typeof ทุกประเภทตัวแปร
แสดงคอนสตรัคทุกประเภทตัวแปร
แปลงหมายเลขที่จะใช้สตริง String()
แปลงหมายเลขที่จะใช้สตริง toString()
หาคำตอบว่าตัวแปรเป็นอาร์เรย์
หาคำตอบว่าตัวแปรที่เป็นปัจจุบันอยู่เสมอ

ประเภทการแปลงอธิบาย


Booleans JavaScript

แสดงค่าของบูล (10> 9)
แสดงค่าของ 10> 9
ทุกอย่างที่มีมูลค่าที่แท้จริงเป็นความจริง
ค่าบูลีนของศูนย์เป็นเท็จ
ค่าบูลีนลบศูนย์เป็นเท็จ
ค่าบูลีนของสตริงที่ว่างเปล่าเป็นเท็จ
ค่าบูลีนของที่ไม่ได้กำหนดเป็นเท็จ
ค่าบูลีนของ Null เป็นเท็จ
ค่าบูลีนเท็จเป็นเท็จ
ค่าบูลีนของ NaN เป็นเท็จ

booleans อธิบาย


เปรียบเทียบ JavaScript

กำหนด 5 x และแสดงค่าของ (x == 8)
กำหนด 5 x และแสดงค่าของ (x == 5)
กำหนด 5 x และแสดงค่าของ (x === 5)
กำหนด 5 x และแสดงค่าของ (x === "5")
กำหนด 5 x และแสดงค่าของ (x! = 8)
กำหนด 5 x และแสดงค่าของ (x! == 5)
กำหนด 5 x และแสดงค่าของ (x! == "5")
กำหนด 5 x และแสดงค่าของ (x> 8)
กำหนด 5 x และแสดงค่าของ (x <8)
กำหนด 5 x และแสดงค่าของ (x> = 8)
กำหนด 5 x และแสดงค่าของ (x <= 8)

เปรียบเทียบอธิบาย


Conditionals JavaScript

ถ้าคำสั่ง
คำสั่งอื่น
อื่นถ้ามีคำสั่ง
การเชื่อมโยงแบบสุ่ม
คำสั่งสวิทช์

เงื่อนไขอธิบาย


ลูป JavaScript

สำหรับวง
วนลูปผ่านส่วนหัวของ HTML
ในขณะที่ห่วง
ทำในขณะที่ห่วง
ทำลายห่วง
ทำลายและยังคงห่วง
ใช้สำหรับ ... ในคำสั่งให้ห่วงผ่านองค์ประกอบของวัตถุ

ลูปอธิบาย


JavaScript จัดการข้อผิดพลาด

ลอง ... จับ คำสั่ง try...catch
ลอง ... จับ คำสั่งพร้อมกล่องยืนยัน try...catch
เหตุการณ์ onerror

ข้อผิดพลาดอธิบาย


JavaScript นิพจน์ปกติ

ค้นหาการแสดงออกในสตริง
ค้นหาการแสดงออกและแทนที่

นิพจน์ปกติอธิบาย


วัตถุ JavaScript

สร้างตัวแปร JavaScript
การสร้างวัตถุ JavaScript
การสร้างวัตถุ JavaScript (บรรทัดเดียว)
การสร้างวัตถุ JavaScript (หลายบรรทัด)
การสร้างวัตถุ JavaScript ใช้ใหม่
การสร้างวัตถุ JavaScript ใช้นวกรรมิก
การสร้างตัวในวัตถุ JavaScript
วิธีที่ดีที่สุดในการสร้างตัวแปร JavaScript
วัตถุ JavaScript มีความไม่แน่นอน

วัตถุอธิบาย


คุณสมบัติของวัตถุ JavaScript

คุณสมบัติการเข้าถึงการใช้ .property
การเข้าถึงคุณสมบัติโดยใช้ [คุณสมบัติ]
คุณสมบัติการเข้าถึงการใช้ใน
การเพิ่มคุณสมบัติใหม่ไปยังวัตถุที่มีอยู่
การลบคุณสมบัติจากวัตถุ

วัตถุคุณสมบัติอธิบาย