MohirDox

Ko'rinishi

JavaScriptni Qayerga Joylashtirish Kerak? ​

<script> Tegi ​

HTML-da JavaScript kodi <script> va </script> teglari orasiga joylashtiriladi.

Misol

html
<script>
  document.getElementById("demo").innerHTML = "Mening birinchi JavaScript kodim";
</script>

Eslatma

Eski JavaScript misollarida type="text/javascript" atributi ishlatilgan bo'lishi mumkin. Hozirda bu atribut talab qilinmaydi, chunki JavaScript HTML-dagi standart skript tilidir.

JavaScript funksiyalari va hodisalari ​

JavaScript funksiyasi — bu chaqirilgan vaqtda bajariladigan kod blokidir.

Masalan, funksiya biror hodisa (event) sodir bo'lganda, masalan, foydalanuvchi tugmani bosganda chaqirilishi mumkin.

JavaScript <head> yoki <body> da ​

Siz HTML hujjatiga istalgan miqdordagi skriptlarni joylashtirishingiz mumkin.

Skriptlar HTML sahifasining <body> qismiga, <head> qismiga yoki ikkalasiga ham joylashtirilishi mumkin.

<head> ichidagi JavaScript ​

Ushbu misolda JavaScript funksiyasi HTML sahifasining <head> qismiga joylashtirilgan. Funksiya tugma bosilganda chaqiriladi:

Misol

html
<!DOCTYPE html>
<html>
<head>
<script>
function myFunction() {
  document.getElementById("demo").innerHTML = "Paragraf o'zgartirildi.";
}
</script>
</head>
<body>

<h2>JavaScript Head qismida</h2>
<p id="demo">Asl paragraf</p>
<button type="button" onclick="myFunction()">Sinab ko'ring</button>

</body>
</html>

<body> ichidagi JavaScript ​

Ushbu misolda JavaScript funksiyasi HTML sahifasining <body> qismiga joylashtirilgan:

Misol

html
<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Body qismida</h2>
<p id="demo">Asl paragraf</p>
<button type="button" onclick="myFunction()">Sinab ko'ring</button>

<script>
function myFunction() {
  document.getElementById("demo").innerHTML = "Paragraf o'zgartirildi.";
}
</script>

</body>
</html>

Maslahat

Skriptlarni <body> elementining eng oxiriga joylashtirish sahifaning yuklanish tezligini oshiradi, chunki skriptlarni talqin qilish (interpretatsiya qilish) sahifa ko'rinishini sekinlashtirishi mumkin.

Tashqi JavaScript ​

Skriptlarni tashqi fayllarga ham joylashtirish mumkin. Bu bir xil kod ko'plab turli veb-sahifalarda ishlatilganda juda qulaydir.

JavaScript fayllari .js kengaytmasiga ega bo'ladi.

Tashqi skriptdan foydalanish uchun skript faylining nomini <script> tegining src (source) atributiga yozing:

Tashqi fayl: myScript.js

js
function myFunction() {
  document.getElementById("demo").innerHTML = "Paragraf o'zgartirildi.";
}

HTML-dan havola

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

Siz tashqi skript havolasini xohishingizga qarab <head> yoki <body> qismiga joylashtirishingiz mumkin. Skript xuddi <script> tegi joylashgan joyda turgandek ishlaydi.

Eslatma

Tashqi skript fayllari ichida <script> teglarini yozish shart emas va mumkin emas.

Tashqi JavaScript-ning afzalliklari ​

Skriptlarni tashqi fayllarga joylashtirish bir qator afzalliklarga ega:

  • Bu HTML va kodni bir-biridan ajratadi.
  • Bu HTML va JavaScript-ni o'qish hamda saqlashni osonlashtiradi.
  • Keshlang'an (cached) JavaScript fayllari sahifa yuklanishini tezlashtirishi mumkin.

Bitta sahifaga bir nechta skript fayllarini qo'shish uchun bir nechta skript teglaridan foydalaning:

html
<script src="myScript1.js"></script>
<script src="myScript2.js"></script>

Tashqi havolalar ​

Tashqi skriptga 3 xil usulda havola berish mumkin:

  1. To'liq URL manzili bilan (masalan, https://www.example.com/js/script.js)
  2. Fayl yo'li bilan (masalan, /js/script.js)
  3. Hech qanday yo'lsiz (agar fayl joriy sahifa bilan bir xil papkada bo'lsa)