
تگ 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> | بله | بله | بله | بله | بله |
خواص
خاصیت | مقدار | توضیحات |
---|---|---|
async | async | مشخص می کند اسکریپت بعد از دانلود کامل اجرا شود ( فقط برای اسکریپت های خارجی ) |
crossorigin | anonymous use-credentials | حالت درخواست را به درخواست HTTP CORS تنظیم می کند |
defer | defer | مشخص می کند هنگامی که بارگیری صفحه به پایان رسید اسکریپت اجرا شود (فقط برای اسکریپت های خارجی) |
integrity | filehash | به مرورگر اجازه می دهد تا اسکریپت واکشی شده را بررسی کند تا مطمئن شود در صورت دستکاری منبع هرگز کد بارگیری نمی شود |
nomodule | True False | مشخص می کند که اسکریپت نباید در مرورگرهای پشتیبانی کننده از ماژول های ES2015 اجرا شود |
referrerpolicy | no-referrer no-referrer-when-downgrade origin origin-when-cross-origin same-origin strict-origin strict-origin-when-cross-origin unsafe-url | مشخص می کند که کدام اطلاعات ارجاع دهنده هنگام واکشی اسکریپت ارسال شود |
src | URL | URL یک فایل اسکریپت خارجی را مشخص می کند |
type | scripttype | نوع رسانه متن را مشخص می کند |
خواص عمومی
تگ script
از خواص عمومی در HTML پشتیبانی میکند.
تنظیمات پیش فرض CSS
اکثر مرورگر ها عنصر script
در HTML را با تنظیمات پیش فرض زیر نمایش می دهند:
script {
display: none;
}
آیا این مطلب برای شما مفید بود ؟
ارزش قناعت و خوش خلقى
و درود خدا بر او، فرمود: آدمى را قناعت براى دولتمندى، و خوش خلقى براى فراوانى نعمت ها كافى است.
(از امام سؤال شد تفسير آيه، "فَلَنُحْيِيَنَّهُ حَياةً طَيِّبَةً" چيست؟ فرمود) آن زندگى با قناعت است.(1)
- سعدی می گوید: قناعت توانگر کند مرد را *** خبر کن حریص جهانگرد را