ການນຳໃຊ້ JavaScript
- ອີກຄັ້ງກ່ອນ JS ການຊີ້ແຈງ
- ອີກຄັ້ງ JS ການອອກມາ
<script> ຕົວແຜງ
ໃນ HTML，ລະບົບ JavaScript ຕ້ອງຢູ່ພາຍໃນ <script> ກັບ </script> ລະຫວ່າງຕົວແຜງ.
ຄວາມນັບຖານ
<script>
document.getElementById("demo").innerHTML = "ພາສາທີ່ທຳອິດ JavaScript";
</script>
ຄວາມເຫັນ:ການພິສູດ JavaScript ທີ່ເກົ່າຄືວ່າ type ລະບຽບ: <script type="text/javascript">.
ຄວາມເຫັນ:ປະເພດຂອງລະບຽບ type ບໍ່ຈຳເປັນ. JavaScript ເປັນລະບຽບການແຫຼມໂດຍອິດສະຫຼະ.
ວິວັດສະຫຼັກ JavaScript ແລະການສະແດງ
JavaScript ວິວັດສະຫຼັກວິວັດສະຫຼັກມີຄວາມເປັນກົດລະບຽບ JavaScript ທີ່ສາມາດດຳເນີນຕາມການການເອິ້ນ.
ຕົວຢ່າງ:ການສະແດງການເອິ້ນຫົວວິວັດ
ຄຳເຕືອນ:ທ່ານຈະສຶກສາຫຼາຍຂອງວິວັດສະຫຼັກແລະການສະແດງຫຼາຍໃນປີຈາກນີ້.
<head> ຫຼື <body> 中的 JavaScript
ທ່ານສາມາດຕິດຕັ້ງບົດສະຫຼັກຫນຶ່ງຫຼາຍຄັ້ງໃນເອກະສານ HTML.
ບົດສະຫຼັກສາມາດຕິດຕັ້ງໃຫ້ <body> ຫຼື <head> ສ່ວນ.
<head> 中的 JavaScript
ໃນຄັ້ງນີ້ <head> ສ່ວນ.
ການເອິ້ນຫົວວິວັດຈະ
ຄວາມນັບຖານ
<!DOCTYPE html>
<html>
<head>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "ວິວັດສະຫຼັກຖືກປ່ຽນ.";
}
</script>
</head>
<body>
<h1>ເວບໄຊຫນຶ່ງ</h1>
<p id="demo">ວິວັດສະຫຼັກຫນຶ່ງ</p>
<button type="button" onclick="myFunction()">ສາຍຕະຫຼອດ</button>
</body>
</html>
<body> 中的 JavaScript
ໃນຄັ້ງນີ້ <body> ສ່ວນ.
ການເອິ້ນຫົວວິວັດຈະ
ຄວາມນັບຖານ
<!DOCTYPE html>
<html>
<body>
<h1>A Web Page</h1>
<p id="demo">ວິວັດສະຫຼັກຫນຶ່ງ</p>
<button type="button" onclick="myFunction()">ສາຍຕະຫຼອດ</button>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "ວິວັດສະຫຼັກຖືກປ່ຽນ.";
}
</script>
</body>
</html>
ຄຳເຕືອນ:ພວກເຮົາຈະ <body> ພາຍໃນດ້ານດິນໃຕ້ຂອງສັດຕະວັດ
ການນໍາໃຊ້ບົດສະຫຼັກພາຍໃນ
ບົດສະຫຼັກພາຍໃນ
ວິວັດບານພາຍໃນ
function myFunction() {
document.getElementById("demo").innerHTML = "ວິວັດສະຫຼັກຖືກປ່ຽນ.";
}
ການນໍາໃຊ້ບົດສະຫຼັກພາຍໃນທີ່ສົມບູນກັບວິວັດບານຈະ
ຊຸດຫົວໜ້າບົດສະຫຼັກ JavaScript ມີຊຸດຫົວໜ້າ .js.
ສຳລັບການນໍາໃຊ້ບົດສະຫຼັກພາຍໃນ <script> ສັນຍາ src ພາຍໃນລັກສະນະ
ຄວາມນັບຖານ
<script src="myScript.js"></script>
ທ່ານສາມາດ <head> ຫຼື <body> ຕິດຕັ້ງກັບການບັນທືກໄອ້ພາຍໃນ.
ການສະແດງຂອງບົດສະຫຼັກນີ້ຈະ <script> ສັນຍາການດັ່ງກ່າວຕົກມາດຽວກັນ.
ຄວາມເຫັນ:ການບັນທືກໄອ້ພາຍໃນ <script> 标签。
外部 JavaScript 的优势
在外部文件中放置脚本有如下优势：
- 分离了 HTML 和代码
- 使 HTML 和 JavaScript 更易于阅读和维护
- 已缓存的 JavaScript 文件可加速页面加载
如需向一张页面添加多个脚本文件 - 请使用多个 script 标签：
ຄວາມນັບຖານ
<script src="myScript1.js"></script>
外部引用
可通过完整的 URL 或相对于当前网页的路径引用外部脚本：
ຄວາມນັບຖານນີ້ນຳໃຊ້ທາງທີ່ບັນທຶກຢູ່ໃນທາງທີ່ບັນທຶກຂອງຮູບແບບປະຈຸບັນ:
ຄວາມນັບຖານ
<script src="https://www.codew3c.com/js/myScript1.js"></script>
ຄວາມນັບຖານນີ້ນຳໃຊ້ບັນຊີທີ່ບັນຊີຂອງສານບັນຊີທີ່ມີຢູ່ໃນສານບັນຊີທີ່ບັນຊີຂອງຮູບແບບປະຈຸບັນ:
ຄວາມນັບຖານ
<script src="/js/myScript1.js"></script>
ຄວາມນັບຖານນີ້ທີ່ເຊື່ອມກັບສານບັນຊີທີ່ບ່ອນບັນຊີຂອງຄວາມນັບຖານປະຈຸບັນ:
ຄວາມນັບຖານ
<script src="myScript1.js"></script>
ທ່ານສາມາດ ຕາມກັບສານ HTMLຮຽນຫຼາຍເກີນກວ່າຫຼາຍກ່ຽວກັບຕາມກັບສານວິດີ້
- ອີກຄັ້ງກ່ອນ JS ການຊີ້ແຈງ
- ອີກຄັ້ງ JS ການອອກມາ
