آموزش تگ 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 - آرایه‌ها (Arrays)

JavaScript – آرایه‌ها (Arrays)

آرایه در جاوااسکریپت متغیری خاص است که می‌تواند بیش از یک مقدار را ذخیره کند. const cars = ["Saab",...

بیشتر بخوانید
JavaScript - ویژگی‌های عدد (Number Properties)

JavaScript – ویژگی‌های عدد (Number Properties)

در جاوااسکریپت، شیء Number شامل ویژگی‌هایی از پیش تعریف‌شده است که برای کار با اعداد مفید هستند. این ویژگی‌ها...

بیشتر بخوانید
JavaScript - متدهای عدد (Number Methods)

JavaScript – متدهای عدد (Number Methods)

در جاوا اسکریپت، متدهایی برای کار با اعداد ارائه شده‌اند که می‌توانند روی تمامی اعداد استفاده شوند. متدهای مربوط...

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

نظرات

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

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