در اين بخش از
دوره آموزش HTML در آموزش دون
، با تگ
<script> آشنا ميشويم. اين تگ براي افزودن کدهاي جاوااسکريپت به صفحات وب استفاده ميشود و
امکان ايجاد تعاملات پويا و دايناميک را فراهم ميکند.
تگ script در HTML چيست؟
تگ <script> براي قرار دادن يا لينک دادن فايلهاي جاوااسکريپت به صفحه استفاده ميشود.
اين تگ ميتواند داخل <head> يا <body> قرار گيرد و به مرورگر ميگويد که
بايد کد داخل آن يا فايل مربوطه را اجرا کند.
مثال ساده از تگ script
<script>
alert("سلام دنيا!");
</script>اين مثال با بارگذاري صفحه يک پيام هشدار به کاربر نمايش ميدهد.
لينک دادن فايل جاوااسکريپت خارجي
<script src="script.js"></script>
با استفاده از ويژگي src ميتوان فايل جاوااسکريپت خارجي را به صفحه لينک داد تا کدها بهصورت
جداگانه مديريت شوند.
ويژگيهاي مهم تگ script
| ويژگي | توضيح |
|---|---|
| src | آدرس فايل جاوااسکريپت خارجي |
| type | نوع محتواي اسکريپت (معمولاً text/javascript) |
| async | اجراي اسکريپت بهصورت غيرهمزمان |
| defer | اجرا بعد از بارگذاري کامل صفحه |
مثال با ويژگي defer
<script src="script.js" defer></script>
با استفاده از defer، اجراي فايل جاوااسکريپت پس از بارگذاري کامل HTML انجام ميشود و سرعت لود
صفحه افزايش مييابد.
نکات مهم درباره script
- تگ
<script>ميتواند داخل<head>يا<body>قرار گيرد. - ويژگي
asyncباعث اجراي اسکريپت به صورت غيرهمزمان و بدون انتظار بارگذاري HTML ميشود. - ويژگي
deferباعث اجراي اسکريپت بعد از بارگذاري کامل HTML ميشود و ترتيب فايلها حفظ ميشود.
براي يادگيري کامل جاوااسکريپت و افزودن تعاملات پويا به صفحات وب، پيشنهاد ميکنيم در دوره آموزش HTML و CSS و جاوااسکريپت آموزش دون شرکت کنيد.
براي مشاهده تمام آموزشهاي HTML، به صفحه اصلي آموزش دون مراجعه کنيد.
آموزش قبلي: تگ samp در HTML
آموزش بعدي: تگ section در HTML
دیدگاه و پرسش