HTML JavaScript

JavaScript ทำให้หน้าเว็บ HTML มีความเคลื่อนไหวและการสื่อสาร

ตัวอย่าง

ตัวอย่าง JavaScript ของฉัน

ลองทดสอบด้วยตัวเอง

ตามทาง <script> ของ HTML

HTML <script> เพื่อกำหนด script ลูกค้า (JavaScript)

<script> element สามารถมี script statement ได้ และสามารถใช้ src ของ script file ด้านนอก

การใช้งานที่เป็นไปได้ของ JavaScript คือการประมวลผลรูปภาพ、การตรวจสอบฟอร์มและการเปลี่ยนแปลงเนื้อหาในระบบ

เพื่อเลือก HTML element ใช้ JavaScript ที่เป็นที่นิยมมากที่สุด document.getElementById() วิธี

ตัวอย่าง JavaScript นี้เขียน "Hello JavaScript!" ใน HTML element ที่ id="demo":

ตัวอย่าง

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>

ลองทดสอบด้วยตัวเอง

คำเตือน：คุณสามารถดูได้ที่ ตัวเรียน JavaScript เพื่อเรียนรู้ความรู้ JavaScript มากยิ่งขึ้น

รสชาติของ JavaScript

นี่คือตัวอย่างที่แสดงความสามารถของ JavaScript:

ตัวอย่าง

JavaScript สามารถเปลี่ยนเนื้อหา

document.getElementById("demo").innerHTML = "Hello JavaScript!";

ลองทดสอบด้วยตัวเอง

ตัวอย่าง

JavaScript สามารถเปลี่ยนรูปแบบ

document.getElementById("demo").style.fontSize = "25px";
document.getElementById("demo").style.color = "red";
document.getElementById("demo").style.backgroundColor = "yellow";

ลองทดสอบด้วยตัวเอง

ตัวอย่าง

JavaScript สามารถเปลี่ยนคุณสมบัติ

document.getElementById("image").src = "picture.gif";

ลองทดสอบด้วยตัวเอง

ตามทาง <noscript> ของ HTML

HTML <noscript> แบตตั้งนี้กำหนดเนื้อหาทดแทน ซึ่งจะแสดงให้แก่ผู้ใช้ที่บราวเซอร์ของเขาหรือเครื่องนำทางของเขาได้ปิดการใช้สคริปต์ หรือบราวเซอร์ของเขาไม่สนับสนุนสคริปต์

ตัวอย่าง

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
<noscript>ขอโทษ บราวเซอร์ของคุณไม่สนับสนุน JavaScript！</noscript>

ลองทดสอบด้วยตัวเอง

แบตตั้ง Script HTML

แบตตั้ง คำอธิบาย
<script> กำหนดสคริปต์ลูกค้า
<noscript> กำหนดเนื้อหาทดแทนสำหรับผู้ใช้ที่ไม่สนับสนุนสคริปต์ลูกค้า

สำหรับรายการทั้งหมดของแบตตั้ง HTML ที่มีอยู่ โปรดเข้าถึง อ้างอิงคู่มือแบตตั้ง HTML.