اسکریپت (script)
تگ «اسکریپت (Script)» با نام «script» برای قراردادن کد سمت کاربر است. معمولا جاوااسکریپت می نویسیم. اسکریپت می تواند داخلی باشد یا از فایل خارجی بارگذاری شود.
تعریف و کاربرد تگ script
«script» یا کد جاوااسکریپت را داخل خودش می گیرد، یا با «src» به فایل بیرونی اشاره می کند. با آن می توان محتوا را پویا کرد، فرم ها را چک کرد، یا تصویرها را تغییر داد.
نمونه ساده نوشتن در صفحه
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
نکته ها و یادداشت ها
اگر کاربر اسکریپت را غیرفعال کرده، از بدون اسکریپت (noscript) کمک بگیر تا پیام جایگزین ببیند.
ویژگی های مهم تگ script
ویژگی ها: «async»، «defer»، «crossorigin»، «integrity»، «nomodule»، «referrerpolicy»، «src»، «type». «async» سریع اجرا می کند. «defer» بعد از پردازش HTML اجرا می شود.
تفاوت در XHTML
در XHTML، محتوا «PCDATA» است. پس کاراکترهای ویژه را کدگذاری کن یا از «CDATA» استفاده کن.
نمونه CDATA در XHTML
<script type="text/javascript">
//<![CDATA[
let i = 10;
if (i < 5) {
// some code
}
//]]>
</script>
CSS پیش فرض و پشتیبانی
مرورگرها «script» را نمایش نمی دهند. پشتیبانی مرورگرها کامل است.
قانون پیش فرض CSS
script {
display: none;
}
نکته: برای آموزش بیشتر جاوااسکریپت، منبع جاوااسکریپت را ببین.
هشدار: اسکریپت های خارجی را با «integrity» و «crossorigin» امن تر کن.
گام های عملی سریع
- تصمیم بگیر داخلی باشد یا «src» خارجی.
- در صورت خارجی بودن، «defer» یا «async» را تنظیم کن.
- در نیاز امنیتی، «integrity» و «crossorigin» را اضافه کن.
لینک های مرتبط داخلی
پیشنهاد مطالعه: اسکریپت غیرفعال (noscript) و نمونه خروجی (samp).
جمع بندی سریع
- «script» برای کد سمت کاربر است.
- می تواند داخلی یا خارجی باشد.
- «async» و «defer» بارگذاری را بهبود می دهند.
- در XHTML از CDATA کمک بگیر.