آموزش تگ script در HTML

آموزش تگ script در HTML

تگ <script> در HTML برای اضافه کردن کد اسکریپت به صفحات وب استفاده می‌شود. این تگ امکان افزودن کدهای JavaScript و یا اسکریپت‌های دیگری را فراهم می‌کند که می‌تواند از تعامل با کاربر گرفته تا تغییر دادن عناصر صفحه وب را شامل شود. در این مقاله، ما با توضیح تگ <script> به طور کامل آشنا می‌شویم و نحوه استفاده از آن را با مثال‌هایی نشان می‌دهیم.

1. تگ script در HTML

<script> یک تگ می‌باشد که برای قرار دادن کد اسکریپت در صفحات HTML استفاده می‌شود.

2. ویژگی‌های تگ script

تگ <script> دارای ویژگی‌های زیر است:

  • src: آدرس فایل اسکریپت خارجی که باید به آن اتصال برقرار شود.
  • type: نوع محتوای اسکریپت (معمولاً text/javascript).
  • async: مشخص می‌کند که آیا اجرای اسکریپت به صورت همزمان با بارگیری صفحه انجام شود یا خیر.
  • defer: مشخص می‌کند که آیا بارگیری اسکریپت معلق شده و تا پایان بارگیری سند HTML منتظر بماند یا خیر.

3. نحوه استفاده از تگ script

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Script Tag Example</title>
    <script src="script.js" type="text/javascript"></script>
</head>
<body>
    <!-- Content goes here -->
</body>
</html>

4. مثال کاربردی

<script>
    console.log("Hello, World!");
</script>

5. کاربردها

  • افزودن کدهای JavaScript: از <script> برای افزودن کدهای JavaScript به صفحات وب استفاده می‌شود.
  • افزودن کتابخانه‌های خارجی: می‌توانید کتابخانه‌های JavaScript مختلفی را با استفاده از <script> به صفحات وب خود اضافه کنید.
  • اجرای کدهای تعاملی: با استفاده از <script> می‌توانید کدهایی را برای تعامل با کاربر اجرا کنید، مانند اعتبارسنجی فرم‌ها یا تغییر دادن ویژگی‌های عناصر صفحه.

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

پست های مرتبط

مطالعه این پست ها رو از دست ندین!
JavaScript - رویدادها (Events)

JavaScript – رویدادها (Events)

رویدادهای HTML رویدادها در HTML، “اتفاقاتی” هستند که برای عناصر HTML رخ می‌دهند. این اتفاقات می‌توانند ناشی از کار...

بیشتر بخوانید
JavaScript - سازنده‌های شیء (Object Constructors)

JavaScript – سازنده‌های شیء (Object Constructors)

ساخت آبجکت با تابع سازنده (Object Constructor Function) برای ساخت چندین آبجکت مشابه، از تابع سازنده استفاده می‌شود. این...

بیشتر بخوانید
JavaScript - نمایش شیء (Object Display)

JavaScript – نمایش شیء (Object Display)

نحوه نمایش آبجکت‌ها در جاوااسکریپت هنگام نمایش یک آبجکت جاوااسکریپت به صورت مستقیم، خروجی معمولاً به شکل [object Object]...

بیشتر بخوانید

نظرات

سوالات و نظراتتون رو با ما به اشتراک بذارید

برای ارسال نظر لطفا ابتدا وارد حساب کاربری خود شوید.