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

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งบ


ใน HTML, JavaScript statements เป็น "คำแนะนำ" ที่จะ "ดำเนินการ" โดยเว็บเบราเซอร์


JavaScript Statements

คำสั่งนี้จะบอกเบราว์เซอร์ที่จะเขียน "Hello Dolly." ภายในองค์ประกอบ HTML กับ id="demo" :

ตัวอย่าง

document.getElementById("demo").innerHTML = "Hello Dolly.";
ลองตัวเอง»

โปรแกรมจาวาสคริปต์

โปรแกรมจาวาสคริปต์ส่วนใหญ่มีงบหลาย JavaScript

งบจะดำเนินการอย่างใดอย่างหนึ่งโดยหนึ่งในลำดับเดียวกับที่พวกเขาจะเขียน

ในตัวอย่างนี้ x, y และ z จะได้รับค่านิยมและในที่สุดก็ z จะแสดง:

ตัวอย่าง

var x = 5;
var y = 6;
var z = x + y;
document.getElementById("demo").innerHTML = z;
ลองตัวเอง»

โปรแกรม JavaScript (และงบจาวาสคริปต์) มักจะเรียกว่าโค้ด JavaScript


อัฒภาค;

อัฒภาคงบ JavaScript

เพิ่มอัฒภาคในตอนท้ายของคำสั่งปฏิบัติการแต่ละ:

a = 5;
b = 6;
c = a + b;
ลองตัวเอง»

เมื่อคั่นด้วยเครื่องหมายอัฒภาคงบหลายในบรรทัดเดียวที่ได้รับอนุญาต:

a = 5; b = 6; c = a + b;
ลองตัวเอง»

บนเว็บที่คุณอาจจะเห็นตัวอย่างได้โดยไม่ต้องอัฒภาค
สิ้นสุดวันที่งบด้วยเครื่องหมายอัฒภาคไม่จำเป็นต้อง แต่ขอแนะนำ


JavaScript พื้นที่สีขาว

JavaScript ละเว้นช่องว่างหลาย คุณสามารถเพิ่มพื้นที่สีขาวไปยังสคริปต์ของคุณเพื่อให้อ่านง่ายขึ้น

บรรทัดต่อไปนี้จะเทียบเท่า:

var person = "Hege";
var person="Hege";

การปฏิบัติที่ดีคือการใส่ช่องว่างรอบ ๆ ผู้ประกอบการ ( = + - * / ) :

var x = y + z;

สาย JavaScript ยาวและแบ่งบรรทัด

สำหรับการอ่านที่ดีที่สุดโปรแกรมเมอร์มักจะชอบที่จะหลีกเลี่ยงเส้นรหัสนานกว่า 80 ตัวอักษร

หากคำสั่ง JavaScript ไม่พอดีในหนึ่งบรรทัด, สถานที่ที่ดีที่สุดที่จะทำลายมันคือหลังจากที่ดำเนินการ:

ตัวอย่าง

document.getElementById("demo").innerHTML =
"Hello Dolly.";
ลองตัวเอง»

บล็อกโค้ด JavaScript

งบ JavaScript สามารถรวมกลุ่มกันในบล็อกรหัสในวงเล็บปีกกา { ... }

จุดประสงค์ของบล็อกรหัสคือการกำหนดงบที่จะดำเนินการร่วมกัน

สถานที่หนึ่งที่คุณจะได้พบกับงบรวมกลุ่มกันในบล็อกอยู่ในฟังก์ชัน JavaScript:

ตัวอย่าง

function myFunction() {
    document.getElementById("demo").innerHTML = "Hello Dolly.";
    document.getElementById("myDIV").innerHTML = "How are you?";
}
ลองตัวเอง»

ในการกวดวิชานี้เราจะใช้ 4 ช่องว่างของการเยื้องบล็อกรหัส
คุณจะได้เรียนรู้เพิ่มเติมเกี่ยวกับฟังก์ชั่นต่อไปในการกวดวิชานี้


คำสำคัญ JavaScript

งบ JavaScript มักจะเริ่มต้นด้วยคำหลักในการระบุการกระทำ JavaScript ที่จะดำเนินการ

นี่คือรายการของบางส่วนของคำหลักที่คุณจะได้เรียนรู้เกี่ยวกับในการกวดวิชานี้:

คำหลัก ลักษณะ
break ยุติสวิตช์หรือห่วง
continue กระโดดออกจากวงและเริ่มที่ด้านบน
debugger หยุดการดำเนินการของ JavaScript และโทร (ถ้ามี) ฟังก์ชั่นการแก้จุดบกพร่อง
do ... while ดำเนินการบล็อกของงบและซ้ำบล็อกในขณะที่สภาพที่เป็นจริง
for เครื่องหมายบล็อกของงบที่จะดำเนินการตราบใดที่สภาพที่เป็นจริง
function ประกาศฟังก์ชั่น
if ... else นับเป็นบล็อกของงบที่จะดำเนินการขึ้นอยู่กับเงื่อนไข
return ออกจากฟังก์ชั่น
switch นับเป็นบล็อกของงบที่จะดำเนินการขึ้นอยู่กับกรณีที่แตกต่างกัน
try ... catch ดำเนินการจัดการข้อผิดพลาดในการบล็อกของงบ
var ประกาศตัวแปร

คำหลัก JavaScript จะถูกสงวนคำ คำสงวนไม่สามารถนำมาใช้เป็นชื่อของตัวแปร