تگ script در HTML
با استفاده از تگ script در HTML می توانید دستورات و کد JavaScript را ایجاد و اجرا کنید.
مثال
تعریف و کاربرد
با تگ script در HTML اسکریپت های سمت کاربر (client-side) به زبان برنامه نویسی JavaScript را ایجاد و اجرا می کنیم.
محتویات داخل تگ <script>
یا کد های جاوااسکریپت هستند یا اینکه با استفاده از خاصیت src
یک منبع خارجی JS
که حاوی سورس کد های JavaScript هست را به سند پیوست می دهیم. کاربردهای معمول JavaScript ویرایش تصاویر، اعتبار سنجی فرم ها و تغییرات پویای محتوا است.
نکات و یادداشت ها
نکته: از تگ <noscript>
می توانید یک پیغام در صورتی که مرورگر کاربر از اسکریپت ها پشتیبانی نمی کند نمایش دهید.
توجه داشته باشید که چندین روش برای اجرای اسکریپت های خارجی وجود دارد:
با اضافه کردن defer یا async به تگ <script>
مروگر پس از رسیدن به فایل اسکریپت منتظر دانلود فایل اسکریپت نمیماند و ادامه فایلهای HTML را لود میکند.
تفاوت defer و async در چیست ؟
فرق بین defer و async در این است که اسکریپت هایی که به صورت async باشند پس از دانلود شدن کامل اسکریپت اجرا میشوند، اما اسکریپتهای defer پس از load کامل صفحه اجرا میشوند.
نکته: خاصیتهای defer و async فقط در script های external قابل استفاده میباشد.
پشتیبانی مرورگر ها
عنصر | |||||
---|---|---|---|---|---|
<script> | بله | بله | بله | بله | بله |
خواص (attributes)
خواص عمومی
تگ script
از خواص عمومی در HTML پشتیبانی می کند.
تنظیمات پیش فرض CSS
اکثر مرورگر ها عنصر script
در HTML را با تنظیمات پیش فرض زیر نمایش می دهند:
script {
display: none;
}
آیا این مطلب برای شما مفید بود ؟