لوگو دویکس
ورود / ثبت نام
تگ script در HTML

تگ script در HTML

دسته بندی : آموزش HTML سطح مقاله : متوسط زمان مطالعه : 2 دقیقه آخرین بروز رسانی: 22 آذر 1399

در این مقاله با تگ script در HTML آشنا می شوید.

نکات اصلی تگ script

  • تگ های <script> برای ارجاع یا تعبیه کدی برای اجرا استفاده می شوند.
  • معمولاً از کد JavaScript استفاده می شود. با این حال ، <script> در html را می توان با سایر زبان های برنامه نویسی (به عنوان مثال ، GLSL – OpenGL Shading Language) استفاده کرد.
  • باید از تگ های باز و بسته استفاده کنید.
  • ویژگی های جهانی پشتیبانی می شوند.

نحوه استفاده از تگ script در HTML

اگر تگ <script> را وارد کنید ، کد HTML یک اسکریپت JS را تعبیه می کند یا به یک فایل خارجی حاوی اسکریپت ارجاع می دهد:

<script>
  document.getElementById("learn").innerHTML = "It works!";
</script>

برای تعیین نوع رسانه اسکریپت داده شده می توانید ویژگی type را وارد کنید:

<script type="application/javascript">
  document.getElementById("p").innerHTML = "It works!";
</script>

جاسازی یک اسکریپت خارجی

برای قرار دادن یک اسکریپت JS که به جای جاسازی مستقیم در یک فایل خارجی ، باید منبع آن را با استفاده از ویژگی src تعریف کنید:

<script src="scripts-tag-example.js"></script>

سند حاوی اسکریپت باید پسوند .js داشته باشد. اگر بارگیری نشود (مثلاً به دلیل نوع ناسازگار) ، خطایی ارسال می شود. اگر همه چیز خوب پیش برود ، یک رویداد بارگیری آتش می گیرد.

توجه: اگر سعی کنید یک اسکریپت JS را مستقیماً تعبیه کنید و یک پرونده خارجی را مشخص کنید ، فقط از پرونده دوم استفاده می شود.

کنترل زمان بارگیری برای متن

به مبتدیان به طور سنتی گفته می شود که تگ <script> در قسمت اصلی سند تعلق دارد. با این حال ، به محض اینکه مرورگر اسکریپت را به محض مواجه شدن با این عنصر مواجه می کند ، ممکن است در برخی موارد زمان بارگیری را کند کند. برای جلوگیری از این موضوع ، می توانید اسکریپت خود را در انتهای سند ، درست قبل از بستن تگ <body> قرار دهید.

اگر تصمیم دارید تگ های <script> را در بخش اصلی سند نگه دارید ، دو ویژگی وجود دارد که می تواند به شما در کنترل زمان بارگذاری اسکریپت کمک کند. هر دوی آن ها از نوع بولی هستند و فقط زمانی کار می کنند که یک فایل خارجی اضافه کنید.

async مشخص می کند که اسکریپت بدون مسدود کردن تجزیه اجرا شود:

<script async>
  document.getElementById("p").innerHTML = "It works!";
</script>

defer مشخص می کند که اسکریپت پس از تجزیه اجرا می شود:

<script defer>
  document.getElementById("p").innerHTML = "It works!";
</script>

اگر هیچ یک از این دو ویژگی تنظیم نشده باشد ، اسکریپت قبل از تجزیه مرورگر اجرا می شود.

توجه: async و نه defer با یک اسکریپت مستقیماً تعبیه شده کار نمی کنند.

ویژگی های منسوخ شده تگ script

دو ویژگی وجود دارد که قبلاً با تگ اگر هیچ یک از این دو ویژگی تنظیم نشده باشد ، اسکریپت قبل از تجزیه مرورگر اجرا می شود.

توجه: async و نه defer با یک اسکریپت مستقیماً تعبیه شده کار نمی کنند.

دو ویژگی وجود دارد که قبلاً با تگ script استفاده می شد ، اما از آن زمان به بعد منسوخ شده است:

  • charset رمزگذاری کاراکتر را در فایل اسکریپت پیوند داده شده با خارجی مشخص کرده است.
  • language زبان اسکریپت نویسی را مشخص کرد.

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

این تگ در مرورگرهای : IE، safari ، firefox، cherom، opera  و Edge پشتیبانی می شود.

در دوره آموزش HTML بین المللی آکادمی دویکس به صورت رایگان ثبت نام کنید.

این مقاله چقدر براتون مفید بود؟

اولین امتیاز را ثبت کنید😊