JavaScript کجا قرار می‌گیرد؟

برای استفاده از جاوااسکریپت در HTML سه روش اصلی داریم:

1️⃣ قرار دادن مستقیم درون تگ <script> در بخش <head> یا <body>

داخل <head>:

<!DOCTYPE html>
<html lang="fa">
<head>
  <meta charset="UTF-8">
  <title>JS در Head</title>
  <script>
    alert("سلام از head 👋");
  </script>
</head>
<body>
  <h1>مثال Head</h1>
</body>
</html>

🔹 مشکل: وقتی کد توی <head> باشه، قبل از لود شدن محتوا اجرا میشه.

داخل <body>:

<!DOCTYPE html>
<html lang="fa">
<head>
  <meta charset="UTF-8">
  <title>JS در Body</title>
</head>
<body>
  <h1>مثال Body</h1>

  <script>
    alert("سلام از body 👋");
  </script>
</body>
</html>

🔹 بهتره جاوااسکریپت در آخر <body> باشه، چون اول محتوا لود میشه بعد کد اجرا میشه.

2️⃣ قرار دادن در فایل خارجی (External File)

برای تمیزتر شدن کدها، معمولاً جاوااسکریپت رو در یه فایل جداگانه ذخیره می‌کنیم.

فایل script.js

alert("سلام از فایل خارجی 🌍");

فراخوانی در HTML

<!DOCTYPE html>
<html lang="fa">
<head>
  <meta charset="UTF-8">
  <title>JS External</title>
</head>
<body>
  <h1>مثال فایل خارجی</h1>

  <script src="script.js"></script>
</body>
</html>

🔹 این روش حرفه‌ای‌تره چون مدیریت و نگهداری کدها راحت‌تر میشه.

3️⃣ ترکیب هر دو (Inline + External)

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

✅ جمع‌بندی:

  • بهتره کد جاوااسکریپت در انتهای <body> باشه.

  • برای پروژه‌های بزرگ همیشه از فایل خارجی (.js) استفاده کنید.