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

JavaScript – تاریخ‌ها (Dates)

آبجکت‌های تاریخ (Date) در جاوااسکریپت آبجکت‌های تاریخ در جاوااسکریپت به ما امکان کار با تاریخ و زمان را می‌دهند....

بیشتر بخوانید
JavaScript - آرایه‌های ثابت (Array Const)

JavaScript – آرایه‌های ثابت (Array Const)

جاوااسکریپت: تعریف آرایه با const در سال 2015، جاوااسکریپت کلمه کلیدی مهمی به نام const را معرفی کرد. این...

بیشتر بخوانید
JavaScript - تکرار آرایه‌ها (Array Iteration)

JavaScript – تکرار آرایه‌ها (Array Iteration)

جاوا اسکریپت: تکرار بر روی آرایه‌ها جاوا اسکریپت روش‌های مختلفی برای تکرار (Iteration) بر روی آرایه‌ها ارائه می‌دهد که...

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

نظرات

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

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