จาวาสคริปต์ไม่ได้มีในตัวพิมพ์หรือแสดงฟังก์ชั่น
JavaScript ความเป็นไปได้การแสดงผล
JavaScript สามารถ "จอแสดงผล" ข้อมูลในรูปแบบที่แตกต่างกัน:
- เขียนลงในกล่องเตือนใช้ window.alert()
- เขียนลงในการแสดงผล HTML โดยใช้ document.write()
- เขียนลงในองค์ประกอบ HTML ใช้ innerHTML
- เขียนลงในคอนโซลเบราว์เซอร์ที่ใช้ console.log()
ใช้ window.alert()
คุณสามารถใช้ช่องการแจ้งเตือนเพื่อแสดงข้อมูล:
ตัวอย่าง
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
window.alert(5 + 6);
</script>
</body>
</html>
ลองตัวเอง» ใช้ document.write()
สำหรับวัตถุประสงค์ในการทดสอบก็จะสะดวกในการใช้ document.write() :
ตัวอย่าง
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
document.write(5 + 6);
</script>
</body>
</html>
ลองตัวเอง» ใช้ document.write() หลังจากที่เอกสาร HTML เป็นแปล้จะลบทั้งหมด HTML ที่มีอยู่:
ตัวอย่าง
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<button onclick="document.write(5 + 6)">Try it</button>
</body>
</html>
ลองตัวเอง» document.write() วิธีการควรจะใช้สำหรับการทดสอบ
ใช้ innerHTML
ในการเข้าถึงองค์ประกอบ HTML, JavaScript สามารถใช้ document.getElementById(id) วิธีการ
id แอตทริบิวต์กำหนดองค์ประกอบ HTML innerHTML คุณสมบัติกำหนดเนื้อหา HTML นี้:
ตัวอย่าง
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My
First Paragraph</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 5 + 6;
</script>
</body>
</html>
ลองตัวเอง» จะ "แสดงข้อมูล" ใน HTML, (ในกรณีส่วนใหญ่) คุณจะกำหนดค่าของนั้น innerHTML คุณสมบัติ
ใช้ console.log()
ในเบราว์เซอร์ของคุณคุณสามารถใช้ console.log() วิธีการแสดงข้อมูล
เปิดใช้งานเบราว์เซอร์คอนโซลด้วย F12 และเลือก "คอนโซล" ในเมนู
ตัวอย่าง
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
console.log(5 + 6);
</script>
</body>
</html>
ลองตัวเอง»