You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Take the solution of the previous task <info:task/hello-alert>. Modify it by extracting the script content into an external file `alert.js`, residing in the same folder.
7
+
Oldingi vazifa <info:task/hello-alert> yechimini oling. Skript mazmunini bir xil papkada joylashgan tashqi `alert.js` fayliga chiqarib, uni o'zgartiring.
8
8
9
-
Open the page, ensure that the alert works.
9
+
Sahifani oching va ogohlantirishning ishlashini tekshiring.
O'quv qo'llanmaning ushbu qismi asosiy JavaScript haqida, tilning o'zi haqida. Keyinchalik, siz Node.js va undan foydalanadigan boshqa platformalar haqida ma'lumotga ega bo'lasiz.
5
-
=======
6
-
This part of the tutorial is about core JavaScript, the language itself.
7
-
>>>>>>> fb4fc33a2234445808100ddc9f5e4dcec8b3d24c
3
+
O'quv qo'llanmaning ushbu qismi asosiy JavaScript haqida, ya'ni tilning o'zi haqida. Keyinchalik, siz Node.js va undan foydalanadigan boshqa platformalar haqida ma'lumot olasiz.
8
4
9
-
Bizning skriptlarimizning ishga tushirish uchun bizga ish muhiti kerak, bu kitob onlayn bo'lganligi uchun brauzer yaxshi tanlovdir. Brauzerga xos buyruqlar miqdorini (masalan, alert("ogohlantirish")) minimal darajada taqdim qilamiz, shunda siz boshqa muhitda (masalan, Node.js) diqqat qilishni rejalashtirmoqchi bo'lsangiz, ularga vaqt sarflamaysiz. Biz o'quv qo'llanmasining [keyingi qismida](/ui) brauzerda JavaScript-ga e'tibor qaratamiz.
5
+
Skriptlarimizni ishga tushirish uchun bizga ish muhiti kerak. Bu kitob onlayn bo'lganligi sababli, brauzer yaxshi tanlov hisoblanadi. Brauzerga xos buyruqlar miqdorini (masalan, `alert("ogohlantirish")`) minimal darajada keltiramiz, shunda agar siz boshqa muhitda (masalan, Node.js) ishlashni rejalashtirmoqchi bo'lsangiz, ularga vaqt sarflamaysiz. Biz o'quv qo'llanmasining [keyingi qismida](/ui) brauzerda JavaScript-ga e'tibor qaratamiz.
10
6
11
-
Shunday qilib, avval veb-sahifaga skriptni qanday biriktirishimizni ko'rib chiqamiz. Server-tomon (masalan, Node.js) uchun siz `"node my.js"` buyrug'i bilan bajarishingiz mumkin.
7
+
Shunday qilib, avval veb-sahifaga skriptni qanday biriktirish mumkinligini ko'rib chiqamiz. Server tomoni (masalan, Node.js) uchun siz `"node my.js"` buyrug'i bilan uni bajarishingiz mumkin.
12
8
9
+
## "script" HTML tegi
13
10
14
-
## HTML "script" tegi
15
-
16
-
<<<<<<< HEAD
17
-
JavaScript dasturlari HTML hujjatning istalgan qismiga `<script>` tegi yordamida kiritilishi mumkin.
18
-
=======
19
-
JavaScript programs can be inserted almost anywhere into an HTML document using the `<script>` tag.
20
-
>>>>>>> fb4fc33a2234445808100ddc9f5e4dcec8b3d24c
11
+
JavaScript dasturlarini HTML hujjatning istalgan qismiga `<script>` tegi yordamida kiritish mumkin.
21
12
22
13
Masalan:
23
14
24
15
```html run height=100
25
-
<!DOCTYPE HTML>
16
+
<!DOCTYPE html>
26
17
<html>
18
+
<body>
19
+
<p>Skriptdan oldin...</p>
27
20
28
-
<body>
29
-
30
-
<p>Skriptdan oldin...</p>
31
-
32
-
*!*
33
-
<script>
34
-
alert( 'Hello, world!' );
35
-
</script>
36
-
*/!*
37
-
38
-
<p>...Skriptdan keyin.</p>
39
-
40
-
</body>
21
+
*!*
22
+
<script>
23
+
alert("Hello, world!");
24
+
</script>
25
+
*/!*
41
26
27
+
<p>...Skriptdan keyin.</p>
28
+
</body>
42
29
</html>
43
30
```
44
31
45
32
```online
46
-
Yuqoridagi katakchaning o'ng yuqori burchagidagi "Play" tugmasini bosish orqali siz misolni ishga tushirishingiz mumkin.
33
+
Yuqoridagi misolning o'ng yuqori burchagidagi "Play" tugmasini bosish orqali siz uni ishga tushirishingiz mumkin.
47
34
```
48
35
49
-
`<script>` tegi JavaScript kodini o'z ichiga oladi va brauzer avtomatik ravishda tegni jarayonlaydi.
50
-
36
+
`<script>` tegi JavaScript kodini o'z ichiga oladi va brauzer tegni uchraganida uni avtomatik ravishda qayta ishlaydi.
51
37
52
38
## Zamonaviy belgilar
53
39
54
-
`<script>` tegi bugungi kunda kamdan-kam ishlatiladigan, ammo eski kodda mavjud bo'lgan bir nechta atributlarga ega:
40
+
`<script>` tegi bugungi kunda kamdan-kam ishlatiladigan, ammo eski kodlarda mavjud bo'lgan bir nechta atributlarga ega:
: Eski HTML standarti, HTML4, skriptlar "type"("tur") ga ega bo'lishni talab qilar edi. Odatda bu `type="text/javascript"` edi. Bu endi talab qilinmaydi. Shuningdek, zamonaviy HTML standarti, HTML5, ushbu atributning ma'nosini butunlay o'zgartirdi. Endi u JavaScript modullari uchun ishlatilishi mumkin. Ammo bu ilg'or mavzu; modullar haqida darslikning boshqa qismida gaplashamiz.
59
-
=======
60
-
The `type` attribute: <code><script <u>type</u>=...></code>
61
-
: The old HTML standard, HTML4, required a script to have a `type`. Usually it was `type="text/javascript"`. It's not required anymore. Also, the modern HTML standard totally changed the meaning of this attribute. Now, it can be used for JavaScript modules. But that's an advanced topic, we'll talk about modules in another part of the tutorial.
: Eski HTML standarti (HTML4) skriptlarning "type" (tur)ga ega bo'lishini talab qilgan edi. Odatda bu `type="text/javascript"` bo'lgan. Endi bu talab qilinmaydi. Shuningdek, zamonaviy HTML standarti (HTML5) ushbu atributning ma'nosini butunlay o'zgartirdi. Endi u JavaScript modullari uchun ishlatilishi mumkin. Ammo bu ilg'or mavzu; modullar haqida o'quv qo'llanmasining boshqa qismida gaplashamiz.
: Ushbu atribut scriptning tilini ko'rsatish uchun mo'ljallangan edi. Ushbu atribut endi mantiqiy emas, chunki JavaScript standart til hisoblanadi. Uni ishlatishga hojat yo'q.
: Ushbu atribut skriptning tilini ko'rsatish uchun mo'ljallangan edi. Ushbu atribut endi ma'noga ega emas, chunki JavaScript standart til hisoblanadi. Uni ishlatishga hojat yo'q.
66
47
67
-
Skriptlardan oldin va keyingi izohlar.
68
-
: In really ancient books and guides, you may find comments inside `<script>` tags, like this:
69
-
Juda qadimiy kitoblar va qo'llanmalarda siz quyidagi kabi `<script>` teglarining ichida izohlarni topishingiz mumkin:
48
+
**Skriptlardan oldin va keyingi izohlar**:
49
+
: Juda qadimiy kitoblar va qo'llanmalarda siz quyidagi kabi `<script>` teglarining ichida izohlarni topishingiz mumkin:
70
50
71
51
```html no-beautify
72
52
<script type="text/javascript"><!--
73
53
...
74
54
//--></script>
75
55
```
76
56
77
-
<<<<<<< HEAD
78
-
Ushbu hiyla zamonaviy JavaScript-da ishlatilmaydi. Ushbu sharhlar JavaScript kodini `<script>` tegini qanday ishlashini bilmagan eski brauzerlardan yashirgan. So'nggi 15 yil ichida chiqarilgan brauzerlarda bunday muammo bo'lmaganligi sababli, bunday sharh sizga eski kodni aniqlashda yordam beradi.
79
-
=======
80
-
This trick isn't used in modern JavaScript. These comments hide JavaScript code from old browsers that didn't know how to process the `<script>` tag. Since browsers released in the last 15 years don't have this issue, this kind of comment can help you identify really old code.
81
-
>>>>>>> fb4fc33a2234445808100ddc9f5e4dcec8b3d24c
82
-
57
+
Ushbu hiyla zamonaviy JavaScript-da ishlatilmaydi. Ushbu izohlar JavaScript kodini `<script>` tegini qanday ishlashini bilmagan eski brauzerlardan yashirgan. So'nggi 15 yil ichida chiqarilgan brauzerlarda bunday muammo yo'qligi sababli, bunday izoh sizga faqat eski kodni aniqlashda yordam beradi.
83
58
84
59
## Tashqi skriptlar
85
60
86
-
Agar bizda JavaScript kodlari ko'p bo'lsa, uni alohida faylga qo'yishimiz mumkin.
61
+
Agar bizda JavaScript kodi ko'p bo'lsa, uni alohida faylga joylashtirish mumkin.
87
62
88
-
Skript fayllari HTML-ga `src` atributi bilan biriktirilgan:
63
+
Skript fayllari HTML-ga `src` atributi bilan biriktiriladi:
89
64
90
65
```html
91
66
<scriptsrc="/path/to/script.js"></script>
92
67
```
93
68
94
-
<<<<<<< HEAD
95
-
Bu erda, `/path/to/script.js` - bu skript fayliga (sayt ildizidan) mutlaq yo'l.
69
+
Bu yerda `/path/to/script.js` - skript fayliga (sayt ildizidan) mutlaq yo'l.
96
70
97
-
Joriy sahifadan nisbiy yo'lni ham taqdim etishingiz mumkin. Masalan, `src="script.js"` joriy papkada `"script.js"` faylini bildiradi.
98
-
=======
99
-
Here, `/path/to/script.js` is an absolute path to the script from the site root. One can also provide a relative path from the current page. For instance, `src="script.js"` would mean a file `"script.js"` in the current folder.
100
-
>>>>>>> fb4fc33a2234445808100ddc9f5e4dcec8b3d24c
71
+
Joriy sahifadan nisbiy yo'lni ham ko'rsatish mumkin. Masalan, `src="script.js"` joriy papkada joylashgan `"script.js"` faylini bildiradi.
101
72
102
-
Biz to'liq URL manzilini ham berishimiz mumkin. Masalan:
Bir qancha skriptlarni biriktirish uchun bir nechta teglardan foydalaning:
79
+
Bir nechta skriptlarni biriktirish uchun bir nechta tegdan foydalaning:
109
80
110
81
```html
111
82
<scriptsrc="/js/script1.js"></script>
@@ -114,44 +85,45 @@ Bir qancha skriptlarni biriktirish uchun bir nechta teglardan foydalaning:
114
85
```
115
86
116
87
```smart
117
-
Qoida tariqasida HTML-ga faqat eng sodda skriptlar qo'yiladi. Nurakkabllari alohida fayllarda joylashiladi.
88
+
Qoida tariqasida, HTML-ga faqat eng sodda skriptlar joylashtiriladi. Murakkablari alohida fayllarda saqlanadi.
118
89
119
-
Alohida faylning foydasi shundaki, brauzer uni yuklab olib, o'z [keshida](https://en.wikipedia.org/wiki/Web_cache) saqlaydi.
90
+
Alohida faylning foydasi shundaki, brauzer uni yuklab olib, o'zining [keshida](https://en.wikipedia.org/wiki/Web_cache) saqlaydi.
120
91
121
-
Xuddi shu skriptga murojaat qilgan boshqa sahifalar uni yuklab olish o'rniga keshdan oladi, shuning uchun fayl aslida faqat bir marta yuklab olinadi.
92
+
Xuddi shu skriptga murojaat qilgan boshqa sahifalar uni qayta yuklab olish o'rniga keshdan oladi, shuning uchun fayl aslida faqat bir marta yuklab olinadi.
122
93
123
-
Bu trafikni kamaytiradi va sahifalarni tezlashtiradi.
94
+
Bu trafikni kamaytiradi va sahifalarni tezlashtiradi.
124
95
```
125
96
126
-
````warn header="Agar `src` o'rnatilgan bo'lsa, skript tarkibiga e'tibor berilmaydi."
127
-
A single `<script>` tag can't have both the `src` attribute and code inside.
128
-
Bitta `<script>` tegning ichida `src` atributi va kod bo'lishi mumkin emas.
97
+
````warn header="Agar `src`o'rnatilgan bo'lsa, skript mazmuniga e'tibor berilmaydi."
98
+
Bitta`<script>`tegida ham`src` atributi, ham ichki kod bo'lishi mumkin emas.
129
99
130
100
Bu ishlamaydi:
131
101
132
102
```html
103
+
133
104
<script*!*src*/!*="file.js">
134
-
alert(1); //tarkibga e'tibor berilmaydi, chunki src o'rnatilgan
105
+
alert(1); //mazmuniga e'tibor berilmaydi, chunki src o'rnatilgan
135
106
</script>
107
+
136
108
```
137
109
138
-
Biz tashqi `<script src="…">`ni yoki odatdagi kod bilan `<script>`ni tanlashimiz kerak.
110
+
Biz tashqi `<script src="…">` yoki ichki kod bilan `<script>`dan birini tanlashimiz kerak.
139
111
140
-
Yuqoridagi misolni ishlash uchun ikkita skriptga bo'lish mumkin:
112
+
Yuqoridagi misolni ishlashi uchun ikkita skriptga bo'lish mumkin:
141
113
142
114
```html
143
115
<scriptsrc="file.js"></script>
144
116
<script>
145
117
alert(1);
146
118
</script>
147
119
```
148
-
````
149
120
150
-
## Xulosa
121
+
```
151
122
152
-
- JavaScript kodini sahifaga qo'shish uchun `<script>` tegidan foydalanishimiz mumkin.
153
-
- `type` va `language` atributlar talab qilinmaydi.
154
-
- Tashqi faylga skript `<script src="path/to/script.js"></script>` "src" atribut yordamida qo'shilishi mumkin .
123
+
## Xulosa
155
124
125
+
- Sahifaga JavaScript kodi qo'shish uchun `<script>` tegidan foydalanishimiz mumkin.
126
+
- `type` va `language` atributlari talab qilinmaydi.
127
+
- Tashqi fayldan skript `<script src="path/to/script.js"></script>` ko'rinishida `src` atributi yordamida qo'shilishi mumkin.
156
128
157
-
Brauzer skriptlari va ularning veb-sahifa bilan o'zaro aloqalari haqida ko'proq bilib olish mumkin. Shuni yodda tutingki, o'quv qo'llanmaning ushbu qismi JavaScript tiliga bag'ishlangan, shuning uchun uni brauzerga xos dasturlar bilan chalg'itmasligimiz kerak. Biz brauzerni JavaScript-ni ishga tushirish usuli sifatida ishlatamiz, bu onlayn o'qish uchun juda qulay, ammo ko'pchiligidan bittasi.
129
+
Brauzer skriptlari va ularning veb-sahifa bilan o'zaro aloqalari haqida ko'proq ma'lumot olish mumkin. Shuni yodda tutingki, o'quv qo'llanmasining ushbu qismi JavaScript tiliga bag'ishlangan, shuning uchun uni brauzerga xos dasturlar bilan aralashtirib yubormasligimiz kerak. Biz brauzerni JavaScript-ni ishga tushirish usuli
0 commit comments