MohirDox

Ko'rinishi

HTML JavaScript ​

JavaScript HTML sahifalarni yanada dinamik va interaktiv qiladi.

Misol ​

html
<h2>Mening birinchi JavaScript kodim</h2>
<button onclick="document.getElementById('namuna').innerHTML=Date()" type="button">
  Sana va vaqtni ko'rsatish uchun bosing
</button>
<p id="namuna"></p>

HTML <script> Teg ​

HTML <script> tegi mijoz tomonida ishlaydigan skriptni (JavaScript) aniqlash uchun ishlatiladi.

<script> elementi skript kodlarini o'z ichiga olishi yoki src atributi orqali tashqi skript fayliga murojaat qilishi mumkin.

JavaScript ko'pincha rasmni o'zgartirish, formalarni tekshirish va kontentni dinamik o'zgartirish uchun ishlatiladi.

HTML elementini tanlash uchun JavaScript ko'pincha document.getElementById() metodidan foydalanadi.

Quyidagi JavaScript misoli id="namuna" bo'lgan HTML elementiga "Salom JavaScript!" yozuvini chiqaradi:

html
<script>
  document.getElementById("namuna").innerHTML = "Salom JavaScript!";
</script>

TIP

JavaScript haqida ko'proq ma'lumot olish uchun bizning JavaScript qo'llanma sahifamizga tashrif buyuring.

JavaScriptdan bir misol ​

JavaScript nimalar qila olishini quyidagi misollarda ko'rishingiz mumkin:

JavaScript kontentni o'zgartira oladi: ​

js
document.getElementById("namuna").innerHTML = "Salom JavaScript!";

JavaScript uslublarni o'zgartira oladi: ​

js
document.getElementById("namuna").style.fontSize = "25px";
document.getElementById("namuna").style.color = "qizil";
document.getElementById("namuna").style.backgroundColor = "sariq";

JavaScript atributlarni o'zgartira oladi: ​

js
document.getElementById("rasm").src = "rasm.gif";

HTML <noscript> Teg ​

HTML <noscript> tegi foydalanuvchining brauzerida skriptlar o'chirilgan yoki skriptlarni qo'llab-quvvatlamaydigan brauzerlar uchun muqobil kontentni ko'rsatadi:

html
<script>
  document.getElementById("namuna").innerHTML = "Salom JavaScript!";
</script>
<noscript>Kechirasiz, brauzeringiz JavaScriptni qo'llab-quvvatlamaydi!</noscript>

HTML Script Teglari ​

TegTavsifi
<script>Mijoz tomonida ishlaydigan skriptni aniqlaydi
<noscript>Skriptlarni qo'llab-quvvatlamaydigan foydalanuvchilar uchun muqobil kontentni aniqlaydi

TIP

Barcha mavjud HTML teglar ro'yxatini ko'rish uchun HTML Teglar Ma'lumotnomasi sahifasiga tashrif buyuring.