تگ 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 قابل استفاده می‌باشد.

پشتیبانی مرورگر ها

خواص (attributes)

خواص عمومی

تگ script از خواص عمومی در HTML پشتیبانی می کند.

تنظیمات پیش فرض CSS

اکثر مرورگر ها عنصر script در HTML را با تنظیمات پیش فرض زیر نمایش می دهند:

script {
  display: none;
}