213.50K
Категория: ПрограммированиеПрограммирование

JavaScript asoslari. JavaScript ssenariyli tili xususiyatlari

1.

“JavaScript asoslari. JavaScript ssenariyli
tili xususiyatlari”
8-ma’ruza

2.

Reja:
1. JavaScript asoslari.
2. JavaScript ssenariylarini HTML hujjat bilan bog‘lash.
3. O‘zgaruvchilar.
4. Ma’lumotlar turlari.
5. Massivlar.
6. Operatorlar.

3.

JavaScript barcha veb-ishlab chiquvchilar
o'rganishi kerak bo'lgan 3 tildan biridir :
HTML
CSS
JS

4.

JavaScript HTML tarkibini o'zgartirishi mumkin
Ko'pgina JavaScript HTML usullaridan biri getElementById().
Quyidagi misol HTML elementini (id="demo" bilan) "topadi"
va element tarkibini (innerHTML) “Hello JavaScript" ga
o'zgartiradi:
document.getElementById("demo").
innerHTML = "Hello JavaScript";

5.

JavaScript HTML uslublarini o'zgartirishi mumkin (CSS)
document.getElementById("demo")
.style.fontSize = "35px";
JavaScript HTML elementlarini yashirishi mumkin
document.getElementById("demo")
.style.display = "none";

6.

<script>HTMLda JavaScript kodi
teglar orasiga kiritiladi </script>
<script>
document.getElementById("demo")
.innerHTML = "My First JavaScript";
</script>

7.

JavaScript <head> yoki <body> da
HTML hujjatiga istalgan miqdordagi skriptlarni
joylashtirishingiz mumkin.
Skriptlar HTML-sahifaning , bo'limida yoki ikkalasida ham
joylashtirilishi <body>mumkin <head>.

8.

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph
changed.";
}
</script>
</head>
<body>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try it</button>
</body>
</html>

9.

Tashqi JavaScript
function myFunction() {
document.getElementById("demo").
innerHTML = "Paragraph changed.";
}

10.

Tashqi skriptlar bir xil kod turli xil veb-sahifalarda
foydalanilganda amaliy bo'ladi.
JavaScript fayllari .js fayl kengaytmasiga ega .
<script src="myScript.js"></script>

11.

Tashqi JavaScript afzalliklari
Skriptlarni tashqi fayllarga joylashtirish bir qator
afzalliklarga ega:
•U HTML va kodni ajratadi
•Bu HTML va JavaScript-ni o'qish va saqlashni
osonlashtiradi
•Keshlangan JavaScript fayllari sahifa yuklanishini
tezlashtirishi mumkin

12.

Bir sahifaga bir nechta skript fayllarini qo'shish
uchun - bir nechta skript teglaridan foydalaning:
<script src="myScript1.js"></script>
<script src="myScript2.js"></script>

13.

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
Bu misol myScript.js ga havola qilish
uchun toʻliq URL manzilidan foydalanadi:

14.

<script src="https://www.w3sch
ools.com/js/myScript.js">
</script>
<script src="/js/myScript.js"></script>
<script src="myScript.js"></script>

15.

JavaScript-ni ko'rsatish imkoniyatlari
HTML elementiga yozish innerHTML.
HTML chiqishiga yozish document.write().
ogohlantirish qutisiga yozish window.alert().
brauzer konsoliga yozish console.log()

16.

innerHTML dan foydalanish
<script>
document.getElementById("demo")
.innerHTML = 5 + 6;
</script>
English     Русский Правила