"Hello World"

𝕴 ♥️ 𝖈𝖔𝖉𝖎𝖓𝖌

Shunday qilib, avval sahifada skriptni qanday bajarishni ko'rib chiqaylik. Server muhitlari uchun (masalan, Node.js), "node my.js" buyrug'i bilan skriptni bajarishingiz mumkin". Brauzer uchun hamma narsa biroz boshqacha.

<script> tegi

JavaScript dasturlari <script></script> teglari yordamida HTML hujjatining har qanday joyiga kiritilishi mumkin.

Misol uchun:

<!DOCTYPE HTML>
<html>

<body>

  <p>Перед скриптом...</p>

  <script>
    alert( 'Привет, мир!' );
  </script>

  <p>...После скрипта.</p>

</body>

</html>

<script> tegi brauzer uni qayta ishlaganda avtomatik ravishda bajariladigan Javascript kodini o'z ichiga oladi.

Zamonaviy belgilar

Atribut type: <script type=…>

Eski standart HTML, HTML4, <script> tegida ushbu xususiyatni talab qildi. Odatda u type="text/javascript" qiymatiga ega. Hozirgi vaqtda bu endi talab qilinmaydi. Bundan tashqari, zamonaviy HTML standartida bu xususiyatning ma'nosi butunlay o'zgardi. Endi JavaScript modullari uchun foydalanish mumkin. Lekin bu mavzu kirish darajasida emas va biz darslikning boshqa qismida bu haqda gaplashamiz.

Atribut language: <script language=…>

Ushbu atribut skriptning yozilgan tilini so'rashi kerak edi. Lekin JavaScript standart til bo'lgani uchun, bu atributda endi kerak emas.

Skriptni HTML sharhlarida o'rash.

Juda qadimiy kitoblar va qo'llanmalarda siz <script> tegi ichidagi sharhlarni topishingiz mumkin, masalan:

<script type="text/javascript"><!--
    ...
//--></script>

Ushbu sharh <script> tegini qanday boshqarishni bilmagan eski brauzerlarda Javascript kodini yashirgan. So'nggi 15 yil ichida chiqarilgan barcha brauzerlar ushbu muammoni o'z ichiga olmaganligi sababli, bunday izohlar endi kerak emas. Agar ular bo'lsa, bu bizning oldimizda juda qadimiy kod bo'lgan belgidir.

Tashqi skriptlar

Agar sizda juda ko'p Javascript kodi bo'lsa, uni alohida faylga joylashtirishingiz mumkin.

Skript fayli src atributi yordamida HTMLga ulanishi mumkin:

<script src="/path/to/script.js"></script>

Bu erda /path/to/script.js saytning ildizidan skriptga mutlaq yo'l. Joriy sahifadan nisbatan yo'lni ham belgilashingiz mumkin. Misol uchun, src="script.js" fayli "script.js" degan ma'noni anglatadi." hozirgi papkada.

To'liq URL manzilini ko'rsatish mumkin. Misol uchun:

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.2.0/lodash.js"></script>

Bir nechta skriptlarni ulash uchun bir nechta teglardan foydalaning:

<script src="/js/script1.js"></script>
<script src="/js/script2.js"></script>
…

Eslatma uchun:

• Odatda, faqat oddiy skriptlar HTML-ga joylashtiriladi. Keyinchalik murakkab fayllar alohida fayllarga ajratiladi.

• Shaxsiy fayllardan foydalanish brauzer skriptni alohida-alohida yuklaydi va uni Keshda saqlashi mumkin.

• Xuddi shu skriptni ulaydigan boshqa sahifalar tarmoqdan qayta yuklash o'rniga Keshdan olinishi mumkin. Shunday qilib, fayl serverdan faqat bir marta yuklab olinadi.

• Bu transport xarajatlarini kamaytiradi va sahifalarni yuklashni tezlashtiradi.

Agar src atributi o'rnatilgan bo'lsa, skript tegining mazmuni e'tibordan chetda qoladi.

Bir tegda <script> siz src atributini va ichidagi kodni bir vaqtning o'zida ishlata olmaysiz.

Quyidagi misol ishlamaydi:

<script src="file.js">
  alert(1); // содержимое игнорируется, так как есть атрибут src
</script>

Tanlash kerak: tashqi skript <script src="…"> yoki <script> tegi ichidagi oddiy kod.

Yuqoridagi misolni ikkita skriptga bo'lish mumkin:

<script src="file.js"></script>
<script>
  alert(1);
</script>

Xulosa

• JavaScript kodini sahifaga qo'shish uchun <script> tegi ishlatiladi.

•type va language atributlari ixtiyoriy.

• <script src="path/to/script.js"></script>. Tashqi fayldagi skript yordamida kiritilishi mumkin.

• Brauzer skriptlari va ularning sahifa bilan o'zaro aloqasi haqida hali ko'p narsalarni o'rganishimiz kerak. Lekin, yuqorida aytib o'tilganidek, darslikning bu qismi JavaScript tiliga bag'ishlangan, shuning uchun bu erda brauzerda amalga oshirish tafsilotlari bilan chalg'itmaslikka harakat qilamiz. Brauzerdan JavaScript-ni ishlatish uchun foydalanamiz, bu onlayn demolar uchun qulay, ammo bu til ishlaydigan platformalardan biridir.

"Hello World"

<script> tegi

Report Page