در حال بارگذاری...

JavaScript در HTML

HTML ساختار؛ CSS ظاهر؛ JavaScript رفتار — کلیک، به‌روزرسانی متن، سرور. این جلسه فقط بارگذاری script.

پاسخ مستقیم

<script> برای inline یا <script src="app.js"></script> برای فایل خارجی. بسیاری script را انتهای body می‌گذارند. type="module" را بعداً یاد بگیرید.

Inline script example

html
HTML Code 
<button id="hi" type="button">Say hi</button>
<script>
document.getElementById("hi").addEventListener("click", function () {
document.getElementById("hi").textContent = "Hello!";
});
</script>

External script

html
HTML Code 
<script src="app.js"></script>

محتوا بدون script هم قابل استفاده باشد. اطلاعات حیاتی فقط داخل JS نگذارید.

امتحان کنید

  1. دکمه با id
  2. script کوچک برای تغییر متن
  3. منطق در app.js
  4. HTML بدون script معنا دارد

اشتباهات آسان

  • محتوا فقط در JS
  • مسیر src خراب
  • script inline بزرگ

خلاصه

  • script JS را بار می‌کند
  • فایل .js خارجی
  • HTML پایه محتواست
  • JS مسیر جدا

🧠 دانش خود را بیازمایید

آماده شروع

دانش خود را بیازمایید

خود را با این آزمون تعاملی به چالش بکشید و ببینید موضوع را چقدر خوب درک کرده‌اید

❓
4
سوالات
🎯
70%
برای قبولی
♾️
∞
زمان
🔄
∞
تلاش‌ها

📝 دستورالعمل‌ها

  • هر سوال را با دقت بخوانید
  • بهترین پاسخ را برای هر سوال انتخاب کنید
  • می‌توانید آزمون را هر چند بار که می‌خواهید تکرار کنید
  • پیشرفت شما در بالا نمایش داده می‌شود
موضوع 1 از 1
Html آموزش