HTML แบบ <script>

  • หน้าก่อน <samp>
  • หน้าต่อไป <search>

การระบุและการใช้งาน

<script> แอตทริบิวต์ src

<script> องค์ประกอบนี้เชื่อมโยงกับสคริปต์ข้างล่าง แอตทริบิวต์ src นำไปสู่ไฟล์สคริปต์ภายนอก

ประเภทสคริปต์ที่ใช้บ่อยที่สุดคือ JavaScript แต่เบราเซอร์ก็สนับสนุนภาษาสคริปต์อื่นๆ ด้วย

การใช้งานที่เกิดขึ้นบ่อยของ JavaScript คือการประมวลผลภาพกราฟิก การลงทะเบียนฟอร์มและการเปลี่ยนแปลงสาระในระบบอัตโนมัติ

หมายเหตุ:หรืออยู่ในองค์ประกอบ meta ของ element head ประเภทของ script องค์ประกอบนี้ขึ้นอยู่กับการใช้งาน body หรือsection

หรืออื่นๆ นี้จะเป็นส่วนของคำสั้น

ตัวอย่าง HTML:สคริปต์ HTML

คู่มือ HTML DOM:องค์ประกอบ Script

ตัวอย่าง JavaScript ต่อไปนี้:เรียน JavaScript

ตัวอย่าง

ตัวอย่าง 1: กำหนดสคริปต์ภายในเอกสาร

ใช้ JavaScript ขึ้น "Hello JavaScript!":

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

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

ตัวอย่าง 2: โหลดไฟล์สคริปต์นอก

<script src="simple.js"></script>

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

คำแนะนำ และ หมายเหตุ

คำแนะนำ:สำหรับเบราเซอร์ที่ปิดการใช้สคริปต์ หรือที่ไม่สนับสนุนสคริปต์ โปรดดู <noscript> อิเล็ม。

คำแนะนำ:หากคุณต้องการเรียนรู้เกี่ยวกับ JavaScript มากยิ่งขึ้น โปรดเข้าเว็บไซต์ของเรา เรื่องสอน JavaScript。

ขอบวนคุณ

ขอบวนคุณ ค่า คำอธิบาย
async async กำหนดให้สคริปต์ดาวน์โหลดในขณะที่กำลังแปลงหน้าเว็บ และปฏิบัติการทันทีที่สามารถใช้งานได้ (ก่อนการแปลงหน้าเว็บเสร็จ) (สำหรับสคริปต์นอกเท่านั้น)
crossorigin
  • anonymous
  • use-credentials
 ตั้งรูปแบบของการขอความช่วยเหลือที่เป็น HTTP CORS การขอ
defer defer กำหนดให้สคริปต์ดาวน์โหลดในขณะที่กำลังแปลงหน้าเว็บ และปฏิบัติการทันทีที่สามารถใช้งานได้ (ก่อนการแปลงหน้าเว็บเสร็จ) (สำหรับสคริปต์นอกเท่านั้น)
integrity filehash อนุญาตให้เบราเซอร์ตรวจสอบสคริปต์ที่ได้รับ เพื่อให้ความมั่นใจว่า หากโค้ดแหล่งเพิ่มเติมถูกแก้ไข โค้ดจะไม่มีที่ที่จะดาวน์โหลด
nomodule
  • True
  • False
 กำหนดว่าสคริปต์ไม่ควรที่จะทำงานในเบราเซอร์ที่สนับสนุน module ES2015
referrerpolicy
  • no-referrer
  • no-referrer-when-downgrade
  • origin
  • origin-when-cross-origin
  • same-origin
  • strict-origin
  • strict-origin-when-cross-origin
  • unsafe-url
 กำหนดข้อมูลผู้ขอความช่วยเหลือที่ต้องส่งไประหว่างการดาวน์โหลดสคริปต์
src URL กำหนด URL ของไฟล์สคริปต์นอก
type ประเภทสคริปต์ กำหนดประเภทสื่อสคริปต์

ความแตกต่างระหว่าง HTML และ XHTML

ใน XHTML สาระที่อยู่ภายในสคริปต์ถูกประกาศว่า #PCDATA (ไม่ใช่ CDATA) ซึ่งหมายความว่าตัวเลขจะถูกแปลงเป็นตัวอักษร

นี่หมายความว่าใน XHTML ทุกตัวอักษรพิเศษควรถูกเข้ารหัส หรือทุกสาระควรถูกมองขึ้นด้วยส่วน CDATA:

<script type="text/javascript">
//<![CDATA[
var i = 10;
if (i < 5) {
  // some code
}
//]]>
</script>

การใช้คุณสมบัติโลก

<script> แบบบันทึกยังสนับสนุน การใช้คุณสมบัติโลกใน HTML。

การตั้งค่า CSS โดยเริ่มต้น

ส่วนใหญ่ของเบราเซอร์จะแสดงค่าเริ่มต้นที่มีดังนี้ <script> องค์ประกอบ：

script {
  display: none;
}

การสนับสนุนโปรแกรมนี้

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน
  • หน้าก่อน <samp>
  • หน้าต่อไป <search>