HTML <script> ຕາມ

  • ບ່ອນໄປຫາບ່ອນຫຼັງ <samp>
  • ບ່ອນໄປຫາບ່ອນຕໍ່ໄປ <search>

定义和用法

<script> 标签用于嵌入客户端脚本。

<script> 元素要么包含脚本语句，要么通过 src 属性 指向外部脚本文件。

最常用的脚本类型是 JavaScript，不过浏览器也的确支持一些别的脚本语言。

JavaScript 的常见用途是图像处理、表单验证和内容的动态更改。

注释：script 元素所属类型因其用法而已。位于 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
 ກໍານົດວ່າສະໂຫມຕີບໍ່ຄວນຈະດຳເນີນໃນບູລິເວີ້ທີ່ສະຫມັກ ES2015 (module).
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>