تگ script در HTML

  /  فرانت اند   /  HTML   /  تگ script در HTML

با استفاده از تگ script در HTML میتوانید دستورات و کد JavaScript را ایجاد و اجرا کنید.

مثال

<script>
document.getElementById("demo").innerHTML = "سلام جاوااسکریپت!";
</script>


تعریف و کاربرد

با تگ script در HTML اسکریپت های سمت کاربر ( client-side ) به زبان برنامه نویسی JavaScript را ایجاد و اجرا میکنیم.

محتویات داخل تگ <script> یا کد های جاوااسکریپت هستند یا اینکه با استفاده از خاصیت src یک منبع خارجی JS که حاوی سورس کد های JavaScript هست را به سند پیوست می دهیم.

کاربردهای معمول JavaScript دستکاری تصاویر ، اعتبار سنجی فرم ها و تغییرات پویای محتوا است.

نکات و یادداشت ها

نکته: از تگ <noscript> میتوانید یک پیغام در صورتی که مرورگر کاربر از اسکریپت ها پشتیبانی نمیکند نمایش دهید.

توجه داشته باشید که چندین روش برای اجرای اسکریپت های خارجی وجود دارد:

با اضافه کردن defer یا async به تگ <script> مروگر پس از رسیدن به فایل اسکریپت منتظر دانلود فایل اسکریپت نمی‌ماند و ادامه فایل‌های HTML را لود می‌کند.

تفاوت defer و async در چیست ؟

فرق بین defer و async در این است که اسکریپت هایی که به صورت async باشند پس دانلود شدن کامل اسکریپت اجرا می‌شوند ، اما اسکریپت‌های defer پس از لود کامل صفحه اجرا می‌شوند.

نکته: خاصیت‌های defer و async فقط در script های external قابل استفاده می‌باشد.


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

عنصر
<script>بلهبلهبلهبلهبله

خواص

خاصیتمقدارتوضیحات
asyncasyncمشخص می کند اسکریپت بعد از دانلود کامل اجرا شود ( فقط برای اسکریپت های خارجی )
crossoriginanonymous
use-credentials
حالت درخواست را به درخواست HTTP CORS تنظیم می کند
deferdeferمشخص می کند هنگامی که بارگیری صفحه به پایان رسید اسکریپت اجرا شود (فقط برای اسکریپت های خارجی)
integrityfilehashبه مرورگر اجازه می دهد تا اسکریپت واکشی شده را بررسی کند تا مطمئن شود در صورت دستکاری منبع هرگز کد بارگیری نمی شود
nomoduleTrue
False
مشخص می کند که اسکریپت نباید در مرورگرهای پشتیبانی کننده از ماژول های ES2015 اجرا شود
referrerpolicyno-referrer
no-referrer-when-downgrade
origin
origin-when-cross-origin
same-origin
strict-origin
strict-origin-when-cross-origin
unsafe-url
مشخص می کند که کدام اطلاعات ارجاع دهنده هنگام واکشی اسکریپت ارسال شود
srcURLURL یک فایل اسکریپت خارجی را مشخص می کند
typescripttypeنوع رسانه متن را مشخص می کند

خواص عمومی

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

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

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

script {
  display: none;
}
5/5 - (1 امتیاز)

برای دسترسی به آموزش های بیشتر و ویدیو های من ، کلمه کلیدی متین برونسی را داخل گوگل سرچ کنید.

ارسال یک نظر