JavaScript Foydalanish

JavaScript dan foydalanishni bir qancha usuli mavjud bo'lib ulardan biri html sahifani tarkibida foydalanish boshqa bir turi esa tashqi fayl sifatida foydalanish mumkin. <script> HTMLda JavaScript kodi teglar orasiga kiritiladi </script>.

<script>
document.getElementById("demo").innerHTML = "UzbekDevs JavaScript";
</script>

JavaScript <head> yoki <body> da

HTML da istalgan miqdorda JavaScript kodlarini joylashtirishimiz mumkin. JavaScript kodingiz HTML sahifani <body></body> hamda <head></head> teglaridan birida yoki bo'lmasam ikkalasida ham joylashtirish mumkin.

<head> da JavaScript

Ushbu misolda JavaScript HTML sahifasining bo'limiga <head> ga function joylashtirilgan

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction() {
  document.getElementById("demo").innerHTML = "UzbekDevs JavaScript";
}
</script>
</head>
<body><h2>Head da JavaScript</h2>

<p id="demo">Matn</p>
<button type="button" onclick="myFunction()">Boshlash</button>
</body>
</html>

<body> da JavaScript

Ushbu misolda JavaScript HTML sahifasining bo'limiga <body> ga function joylashtirilgan. Tugma bosilganda funktsiya chaqiriladi (chaqiriladi):

<!DOCTYPE html>
<html>
<body>
<h2>Head da JavaScript</h2>
<p id="demo">Matn</p>
<button type="button" onclick="myFunction()">Boshlash</button>
<script>
function myFunction() {
  document.getElementById("demo").innerHTML = "UzbekDevs JavaScript";
}
</script>
</body>
</html>

Eslatma: JavaScript kodingizni <head> qismiga joylashtirsangiz veb sahifangizni yuklashda sekinlashishga olib keladi. Chunki <head> qismida sahifa ishga tushayotgan vaqtda browser tamonidan o'qiladi. Bunday holda browser JavaScript elementlarini o'ziga biriktirib olganda ozmuncha vaqt ketishi siz tamondan sezilishi tabiiy. <body> qismida joylashtirish bu foydalanuvchiga nisbatan sahifa ancha tez ishlagandek bo'ladi. Chunki sahifa ochilib JavaScript funksiyangiz ishlashni boshlaydi.

Tashqi JavaScript

JavaScript yozgan kodingizni faqat HTML sahifaga emas balki uni tashqi fayl ko'rinishda ham saqlab qo'yishingiz mumkin. fayl kengaytmasi *.js ko'rinishda bo'ladi.

myScript.js

function myFunction() {
  document.getElementById("demo").innerHTML = "UzbekDevs JavaScript";
}

tashqi JavaScript faylni chaqirish uchun HTML da <script> juft teglaridan foydalanib src ga fayl manzilini kiritasiz.

<script src="myScript.js"></script>

Tashqi faylni chaqirish mobaynida ikki bo'limda ham chaqirish imkoniyati mavjud jumladan <head> hamda <body> qismda ham chaqirish vaqtda yuqoridagi eslatmaga e'tibor qaratib kod yozishingizni tavfsiya qilamiz.

Tashqi JavaScript afzalliklari

JavaScript ni tashqi fayllarga joylashtirib ishlashni bir qancha afzalliklari mavjud quyidagilarni keltirib o'tishimiz mumkin.

HTML va JavaScript kodinigiz alohida saqlanib turadi.
HTML va JavaScript ni o'qishda va saqlashni osonlashtiradi.
Keshlangan JavaScript fayllar sahifani qayta yuklanishida sahifa tezligini oshiradi.

Tashqi havolalar

Tashqi skriptga 3 xil usulda murojaat qilish mumkin:

To'liq URL bilan (to'liq veb-manzil)
Fayl yo'li bilan (masalan, /js/)
Hech qanday yo'lsiz

<script src="https://uzbekdevs.uz/js/myScript.js"></script>
<script src="/js/myScript.js"></script>
<script src="myScript.js"></script>

Sponsors