آموزش تگ 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 و دیگر اسکریپت‌ها را به صفحات وب خود اضافه کنید. این تگ امکانات مختلفی از جمله اتصال به فایل‌های اسکریپت خارجی، اجرای کدهای تعاملی و … را فراهم می‌کند که به شما کمک می‌کند تا صفحات وب خود را بهبود دهید و تجربه کاربر را بهبود بخشید.

پست های مرتبط

مطالعه این پست ها رو از دست ندین!
Python - محدود کردن داده (MongoDB Limit)

Python – محدود کردن داده (MongoDB Limit)

Python MongoDB محدود کردن نتایج برای محدود کردن نتایج در MongoDB، از متد limit() استفاده می‌کنیم. متد limit() یک...

بیشتر بخوانید
Python - بروزرسانی (MongoDB Update)

Python – بروزرسانی (MongoDB Update)

به‌روزرسانی یک رکورد برای به‌روزرسانی یک رکورد یا سند در MongoDB، از متد update_one() استفاده می‌کنیم. پارامتر اول متد...

بیشتر بخوانید
Python - حذف کالکشن (MongoDB Drop Collection)

Python – حذف کالکشن (MongoDB Drop Collection)

حذف کالکشن شما می‌توانید یک جدول یا کالکشن در MongoDB را با استفاده از متد drop() حذف کنید. مثالحذف...

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

نظرات

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

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