برچسب <script> HTML

تعریف و استفاده

بیشتر مرورگرها با تنظیمات پیش‌فرض زیر نمایش داده می‌شوند برچسب برای گنجاندن اسکریپت‌های کاربران استفاده می‌شود.

بیشتر مرورگرها با تنظیمات پیش‌فرض زیر نمایش داده می‌شوند عنصر یا شامل دستورات اسکریپت است، یا از طریق ویژگی src به اسکریپت‌های خارجی اشاره دارد.

نوع اسکریپت معمول JavaScript است، اما مرورگرها واقعاً از برخی از زبان‌های اسکریپت دیگر نیز پشتیبانی می‌کنند.

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

توضیح:نوع script عناصر بسته به کاربرد آنها است. عناصر script که در داخل عنصر head قرار دارند، جزء عناصر metadata هستند، و در سایر عناصر (مانند body یا sectionدر میان آنها عبارت‌های عبارتی قرار دارند.

لطفاً به:

راهنمای HTML:اسکریپت HTML

راهنمای HTML DOM:مورد Script

راهنمای آموزش JavaScript:آموزش JavaScript

مثال

مثال 1: تعریف اسکریپت درون‌صفحه

با استفاده از JavaScript "Hello JavaScript!" را بنویسید:

بیشتر مرورگرها با تنظیمات پیش‌فرض زیر نمایش داده می‌شوند
document.getElementById("demo").innerHTML = "Hello JavaScript!";
//]]>

به طور مستقیم امتحان کنید

مثال 2: بارگذاری کتابخانه اسکریپت خارجی

<script src="simple.js"></script>

به طور مستقیم امتحان کنید

توضیحات و یادداشت‌ها

توضیحات:برای مرورگرهایی که اسکریپت را غیرفعال کرده‌اند یا از اسکریپت پشتیبانی نمی‌کنند، لطفاً به عنصر <noscript>ویژگی‌های جهانی HTML

توضیحات:اگر می‌خواهید اطلاعات بیشتری در مورد JavaScript کسب کنید، لطفاً به وب‌سایت ما ویژگی async برچسب <script> HTMLویژگی‌های جهانی HTML

ویژگی

ویژگی مقدار توضیح
async async مشخص می‌کند که اسکریپت باید در حالی که صفحه در حال تحلیل است، به صورت موازی دانلود شود و در صورت امکان فوراً اجرا شود (قبل از تکمیل تحلیل)(فقط برای اسکریپت‌های خارجی).
crossorigin
  • anonymous
  • use-credentials
 مودل درخواست را به درخواست CORS HTTP تنظیم می‌کند.
defer defer مشخص می‌کند که اسکریپت باید در حالی که صفحه در حال تحلیل است، به صورت موازی دانلود شود و پس از تکمیل تحلیل صفحه اجرا شود (فقط برای اسکریپت‌های خارجی).
integrity filehash به مرورگر اجازه می‌دهد تا اسکریپتی که دریافت کرده است را بررسی کند تا اطمینان حاصل شود که اگر کد منحرف شده باشد، کد هرگز بارگذاری نمی‌شود.
nomodule
  • True
  • False
 مشخص می‌کند که اسکریپت نباید در مرورگرهایی که پشتیبانی از ES2015 module دارند اجرا شود.
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 نوع اسکریپت نوع رسانه‌ای اسکریپت را مشخص می‌کند.

تفاوت‌های بین HTML و XHTML

در XHTML، محتوای داخل اسکریپت به عنوان #PCDATA (به جای CDATA) مشخص شده است، این بدان معناست که اجزا (entities) تحلیل می‌شوند.

این بدان معناست که در XHTML، همه کاراکترهای خاص باید کدگذاری شوند یا همه محتوا باید در بخش CDATA بسته شوند:

<script type="text/javascript">
//<![CDATA[
متغیر i = 10;
اگر (i < 5) {
  // some code
display: none;
// some code
//]]>

</script>

بیشتر مرورگرها با تنظیمات پیش‌فرض زیر نمایش داده می‌شوند ویژگی‌های جهانی برچسب‌ها همچنین از ویژگی‌های جهانی پشتیبانی می‌کنندویژگی‌های جهانی HTML

.

تنظیمات CSS پیش‌فرض بیشتر مرورگرها با تنظیمات پیش‌فرض زیر نمایش داده می‌شوند <script>

عنصر:
  script {
display: none;

}

پشتیبانی از مرورگر Chrome Edge Firefox Safari
پشتیبانی از مرورگر Chrome Edge Firefox Safari
Opera Opera Opera Opera Opera