ตัวอย่าง
เขียน "สวัสดี JavaScript!" ด้วย JavaScript:
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
ลองตัวเอง» ความหมายและการใช้งาน
<script> แท็กที่ใช้ในการกำหนดสคริปต์ฝั่งไคลเอ็นต์ (จาวาสคริปต์)
<script> องค์ประกอบทั้งมีงบสคริปต์หรือมันชี้ไปยังไฟล์สคริปต์ภายนอกผ่าน src แอตทริบิวต์
การใช้งานทั่วไปสำหรับ JavaScript มีการจัดการภาพ, ตรวจสอบรูปแบบและการเปลี่ยนแปลงแบบไดนามิกของเนื้อหา
เคล็ดลับ: หากคุณต้องการที่จะเรียนรู้ JavaScript, เยี่ยมชม การสอน JavaScript
สนับสนุนเบราว์เซอร์
| ธาตุ | |||||
|---|---|---|---|---|---|
| <script> | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
เคล็ดลับและคำอธิบาย
หมายเหตุ: ถ้า "src" แอตทริบิวต์ที่มีอยู่ที่ <script> องค์ประกอบต้องว่างเปล่า
เคล็ดลับ: นอกจากนี้ยังมองไปที่ <noscript> องค์ประกอบสำหรับผู้ใช้ที่มีสคริปปิดใช้งานในเบราว์เซอร์ของพวกเขาหรือมีเบราว์เซอร์ที่ไม่สนับสนุนการเขียนสคริปต์ฝั่งไคลเอ็นต์
หมายเหตุ: มีหลายวิธีสคริปต์ภายนอกสามารถดำเนินการมีดังนี้:
- หาก async="async" : สคริปต์ที่จะดำเนินการถ่ายทอดสดกับส่วนที่เหลือของหน้า (สคริปต์ที่จะดำเนินการในขณะที่หน้ายังคงแยก)
- หาก async ไม่เป็นปัจจุบันและ defer="defer" : สคริปต์จะถูกดำเนินการเมื่อเพจได้เสร็จสิ้นการแยก
- หากไม่ async หรือ defer เป็นปัจจุบัน: สคริปต์ที่เป็นความจริงและดำเนินการได้ทันทีก่อนที่เบราว์เซอร์ยังคงแยกหน้า
ความแตกต่างระหว่าง HTML 4.01 และ HTML5
"type" แอตทริบิวต์ที่ถูกต้องในรูปแบบ HTML 4 แต่ตัวเลือกใน HTML5
"async" แอตทริบิวต์เป็นของใหม่ใน HTML5
ใช้ HTML 4.01 แอตทริบิวต์: "xml:space" ไม่ได้รับการสนับสนุนใน HTML5
ความแตกต่างระหว่าง HTML และ XHTML
ใน XHTML เนื้อหาภายในสคริปต์ถูกประกาศเป็น PCDATA # (แทน CDATA) ซึ่งหมายความว่าหน่วยงานที่จะถูกแยก
ซึ่งหมายความว่าใน XHTML, ตัวอักษรพิเศษทุกคนควรจะมีการเข้ารหัสหรือเนื้อหาที่ทุกคนควรจะห่อภายในส่วน CDATA:
<script type="text/javascript">
//<![CDATA[
var i = 10;
if (i < 5) {
// some code
}
//]]>
</script>
แอตทริบิวต์
= ใหม่ใน HTML5
| คุณลักษณะ | ความคุ้มค่า | ลักษณะ |
|---|---|---|
| async | async | ระบุว่าสคริปต์ที่จะดำเนินการถ่ายทอดสด (เฉพาะสำหรับสคริปต์ภายนอก) |
| charset | charset | ระบุการเข้ารหัสอักขระที่ใช้ในแฟ้มสคริปต์ภายนอก |
| defer | defer | ระบุว่าสคริปต์ที่จะดำเนินการเมื่อเพจได้เสร็จสิ้นการแยก (เฉพาะสำหรับสคริปต์ภายนอก) |
| src | URL | ระบุ URL ของไฟล์สคริปต์ภายนอก |
| type | media_type | ระบุชนิดของสื่อของสคริปต์ |
| xml:space | preserve | ได้รับการสนับสนุนใน HTML5 ระบุว่าช่องว่างในรหัสควรจะเก็บรักษา |
แอตทริบิวต์ทั่วโลก
<script> แท็กยังสนับสนุน แอตทริบิวต์ใน HTML
หน้าเว็บที่เกี่ยวข้อง
กวดวิชา HTML: สคริป HTML
อ้างอิง HTML DOM: วัตถุสคริปต์
JavaScript Tutorial: การ เรียนรู้ JavaScript
ตั้งค่าเริ่มต้น CSS
เบราว์เซอร์ส่วนใหญ่จะแสดง <script> องค์ประกอบที่มีค่าเริ่มต้นต่อไปนี้:
script {
display: none;
}