บทช่วยสอน เอาท์พุท JavaScript ที่ดีที่สุดในปี 2024 ในบทช่วยสอนนี้ คุณสามารถเรียนรู้ JavaScript แสดงข้อมูล,ใช้ window.alert (),จัดการกับองค์ประกอบ HTML,ตัวอย่าง,ในการกวดวิชานี้,เขียนเอกสาร HTML,ตัวอย่าง,ตัวอย่าง,เขียนไปยังคอนโซล,ตัวอย่าง,คุณรู้หรือไม่?,
จาวาสคริปต์ไม่ได้พิมพ์หรือผลใด ๆ ฟังก์ชั่น
สามารถ javascript ข้อมูลออกในรูปแบบที่แตกต่างกัน:
คุณสามารถ pop up กล่องเตือนเพื่อแสดงข้อมูล:
ในการเข้าถึงองค์ประกอบ HTML จาก JavaScript คุณสามารถใช้document.getElementById(ID) วิธีการ
กรุณาใช้แอตทริบิวต์ "id" เพื่อระบุองค์ประกอบ HTML และ innerHTML ที่จะได้รับเนื้อหาหรือใส่องค์ประกอบ:
งบ JavaScript เพิ่มเติม (ใน <script> แท็ก) อาจจะดำเนินการในเว็บเบราเซอร์:
document.getElementById ( "สาธิต") คือการใช้แอตทริบิวต์ ID เพื่อค้นหาองค์ประกอบ HTML รหัส JavaScript
innerHTML = "วรรคได้รับการแก้ไข." ถูกนำมาใช้ในการปรับเปลี่ยนองค์ประกอบเนื้อหา HTML (innerHTML) รหัส JavaScript
ในกรณีส่วนใหญ่ในการกวดวิชานี้เราจะใช้วิธีการที่อธิบายข้างต้นเพื่อส่งออก:
ตัวอย่างต่อไปนี้โดยตรงกับ id = "สาธิต" ของ <p> องค์ประกอบเขียนออกเอกสาร HTML:
สำหรับวัตถุประสงค์ในการทดสอบคุณโดยตรงสามารถเขียน JavaScript ในเอกสาร HTML:
กรุณาใช้ document.write () เพียงแค่เขียนเนื้อหาที่จะส่งออกเอกสาร ถ้าคุณทำ document.write หลังจากเอกสารเสร็จสิ้นการโหลดหน้า HTML ทั้งหมดจะถูกเขียนทับ |
หากเบราว์เซอร์ของคุณสนับสนุนการแก้จุดบกพร่องคุณสามารถใช้ console.log () วิธีการแสดงค่าของ JavaScript ในเบราว์เซอร์ของคุณ
ใช้เบราเซอร์ F12 เพื่อเปิดใช้งานโหมดแก้ปัญหาหน้าต่างแก้ไขข้อบกพร่องให้คลิกที่เมนู "คอนโซล"
ภาพหน้าจอตัวอย่างคอนโซล:
แก้จุดบกพร่องคือการทดสอบโปรแกรมที่จะพบและลดข้อผิดพลาดในกระบวนการ (ผิด) |