JavaScript’dan foydalanish — kodni veb-sahifaga qanday ulash haqidagi amaliy mavzu. Kod yozishni bilish yetarli emas; uni HTML sahifada to’g’ri joylashtira olish ham shart. JavaScript’ni sahifaga ulashning uch usuli bor va har birining o’z o’rni mavjud.
script tegi — HTML sahifaga JavaScript kodini joylashtirish yoki tashqi fayldan ulash uchun ishlatiladigan teg. U
<script>va</script>orasida yoziladi.
Ichki (inline) kod
Eng sodda usul — kodni to’g’ridan-to’g’ri HTML ichida <script> teg orasiga yozish:
<script>
console.log("Salom, UzbekDevs!");
document.write("Sahifaga yozildi");
</script>
Sahifaga yozildi
<script> teg orasidagi kod brauzer sahifani o’qiganda bajariladi. document.write esa natijani to’g’ridan-to’g’ri sahifaga chiqaradi.
Ulash usullari
JavaScript’ni sahifaga ulashning uch usulini jadvalda solishtiramiz:
| Usul | Qayerda | Qachon qulay |
|---|---|---|
Ichki (<script>) |
HTML ichida | kichik, sahifaga xos kod |
Tashqi fayl (src) |
alohida .js fayl |
katta, qayta ishlatiladigan kod |
| Atribut ichida | teg atributida | juda kichik hodisalar |
Tashqi fayldan ulash
Professional loyihalarda kod alohida .js faylda saqlanadi va HTML’ga src orqali ulanadi. Bu kodni tartibli va qayta ishlatiladigan qiladi:
<script src="app.js"></script>
Bu yerda app.js — alohida faylda yozilgan kod. Uni bir necha HTML sahifaga ulash mumkin, ya’ni kod bir marta yoziladi, ko’p joyda ishlatiladi. Aynan shu usul zamonaviy veb-ishlab chiqishda standart hisoblanadi.
script tegini qayerga qo’yish?
<script> tegini odatda HTML sahifaning oxiriga, </body> yopilishidan oldin qo’yish tavsiya etiladi:
<body>
<h1>UzbekDevs</h1>
<script src="app.js"></script>
</body>
Buning sababi muhim: brauzer sahifani yuqoridan pastga o’qiydi. Agar kod tepada bo’lsa, u hali yuklanmagan HTML elementlariga murojaat qilib xato berishi mumkin. Kodni oxirga qo’yganda esa barcha elementlar allaqachon tayyor bo’ladi.
Xulosa
Bu bo’limda JavaScript’ni sahifaga ulashning uch usulini — ichki kod, tashqi fayl va atribut — hamda <script> tegini to’g’ri joylashtirishni ko’rib chiqdik. Katta loyihalarda tashqi .js fayl eng to’g’ri tanlov. Keyingi darsda ma’lumotni ko’rsatish usullariga o’tamiz.