Əsaslardan başlayaq – JavaScript-ni veb saytına necə daxil etmək.
HTML səhifəsinə JavaScript də daxil olmaqla
Bir səhifəyə JavaScript daxil etmək üçün onu bağlamalısınız
Bu giriş ilə brauzer kodu tanıya və düzgün icra edə bilər.
Xarici JavaScript Faylını çağırın
Siz həmçinin JavaScript-ni öz sənədinizə yerləşdirə və HTML-nin adını çəkə bilərsiniz. Beləliklə, daha yaxşı təşkil edilmiş fayllar hazırlayaraq müxtəlif növ kodları bir-birindən ayrı saxlaya bilərsiniz. Kodunuz deyilən bir sənəddədirsə myscript.js, deyərdin
Şərhlər daxil olmaqla
Şərhlər digər insanlara kodunuzda nələrin baş verdiyini anlamaqda və ya özünüzü unutduğunuz bir şeyi xatırlatmaqda kömək etdikləri üçün vacibdir. Unutmayın ki, brauzer onları yerinə yetirməyə çalışmayacaq şəkildə qeyd olunmalı.
JavaScript-də iki fərqli seçim var:
Tək sətirli şərhlər - Bir sətirlə məhdudlaşan bir rəy daxil etmək üçün əvvəlcədən //
Çox sətirli şərhlər - Bir neçə sətir arasında daha uzun şərh yazmaq istəsəniz, sarın / * və * / edam olunmaması üçün
JavaScript-də dəyişənlər
Dəyişənlər əməliyyatlar aparmaq üçün istifadə edə biləcəyiniz dəyərlərdir. Riyaziyyat sinifindən onlarla tanış olmalısan.
var, const, qoy
JavaScript-də bir dəyişən elan etmək üçün üç fərqli imkanınız var, hər biri öz ixtisasları ilə:
var - Ən ümumi dəyişən. Yenidən təyin edilə bilər, ancaq yalnız bir funksiya daxilində əldə edilə bilər. Dəyişənlər ilə təyin olunur var kodu icra edildikdə yuxarıya keçin.
const - Kod daxilində görünməzdən əvvəl yenidən təyin edilə bilməz və əlçatan deyil.
qoy - Eynidir const, the qoy dəyişən yenidən təyin edilə bilər, lakin yenidən elan edilə bilməz.
Məlumat növləri
Dəyişənlərdə müxtəlif növ dəyərlər və məlumat növləri ola bilər. İstifadə edirsiniz = onlara tapşırmaq:
Nömrələri - var yaş = 23
Dəyişənlər - var x
Mətn (strings) - var a = "tashabb"
Əməliyyatlar - var b = 1 + 2 + 3
Doğru və ya yalan ifadələr - var c = doğrudur
Daimi nömrələr - const PI = 3.14
Obyektlər - var name = {first name: "John", last name: "Doe"}
Daha çox imkanlar var. Dəyişənlərin kiçik və həssas olduğunu unutmayın. Bu o deməkdir ki Soyad və Soyad iki fərqli dəyişən kimi işlənəcəkdir.
Obyektlər
Obyektlər müəyyən növ dəyişkənlərdir. Öz dəyərləri və metodları ola biləcək dəyişənlərdir. Sonuncu, obyektlərdə edə biləcəyiniz hərəkətlərdir.
var şəxs = {
ad: "John",
soyadı: "Doe",
yaş: 20,
milliyyəti: "Alman"
};
Növbəti səviyyə: seriallar
JavaScript fırıldaqçı vərəqimizdə sonrakılar seriallardır. Diziler bir çox fərqli proqramlaşdırma dillərinin bir hissəsidir. Bunlar dəyişənlərin və xassələrin qruplara bölünməsidir. JavaScript-də bunları necə yaratmaq olar:
var meyvə = ["Banana", "Apple", "Armud"];
İndi çağırılmış bir sıra var meyvə gələcək əməliyyatlar üçün istifadə edə biləcəyiniz üç maddədən ibarətdir.
Array metodları
Diziler yaratdıqdan sonra onlarla edə biləcəyiniz bir neçə iş var.
concat () - Bir neçə seriala qoşul
Indeksi() - Verilmiş elementin bir sıra göründüyü ilk mövqeyi qaytarır
qoşulmaq () - Bir sıra elementlərini tək bir sətrə birləşdirin və sətri geri qaytarın
sonIndexOf () - Verilən elementin bir sıra göründüyü son mövqeyi verir
pop () - Bir sıra son element aradan qaldırılması
basmaq () - Sonda yeni bir element əlavə edin
tərs () - Elementləri azalan qaydada sırala
növbə () - Bir sıra ilk elementini çıxarın
dilim () - Bir serialın bir hissəsinin bir nüsxəsini yeni bir seriala çəkir
növ() - Elementləri əlifba sırası ilə sıralayır
splice () - Müəyyən bir şəkildə və mövqedəki elementləri əlavə edir
toString () - Elementləri sətirlərə çevirir
boşaltma () -Əvvəlinə yeni bir element əlavə etdi
dəyərOf () - Göstərilən obyektin ibtidai dəyərini qaytarır
Operatorlar
Dəyişənləriniz varsa, onları müxtəlif növ əməliyyatlar aparmaq üçün istifadə edə bilərsiniz. Bunu etmək üçün operatorlara ehtiyacınız var.
Əsas operatorlar
+ - Əlavə
- - Çıxarış
* - Çarpma
/ - Bölmə
(...) - Qruplaşdırma operatoru, mötərizədəki əməliyyatlar xaricdəki əməliyyatlardan daha erkən icra olunur
% - Modulus (qalan)
++ - Artan nömrələr
-- - Azalma nömrələri
Müqayisə etmə operatorları
== - bərabərdir
=== - Bərabər dəyər və bərabər tip
!= - Bərabər deyil
!== - Dəyərli deyil və ya bərabər olmayan tip
> - Daha böyükdür
< - Daha az
> = - Daha böyük və ya bərabərdir
<= - az və ya bərabərdir
? - Dernary operatoru
Məntiq Operatorları
&& - Məntiqi və
|| - Məntiqi və ya
! - Məntiq olmaz
Bitwise Əməliyyatçılar
Və - VƏ bəyanat
| - OR ifadəsi
~ - YOX
^ - XOR
<< - Sol sürüşmə
>> - Sağ sürüşmə
>>> - Sıfır doldurma hüququ
Funksiyaları
JavaScript funksiyaları müəyyən bir işi yerinə yetirən kod blokudur. Əsas funksiya bu kimi görünür:
funksiya adı (parametr1, parametr2, parametr3) {
// funksiya nə edir
}
Gördüyünüz kimi, bu ibarətdir funksiyası açar söz üstə ad. Funksiyanın parametrləri mötərizədə var və funksiyanın yerinə yetirildiyi yerlərdə əyri mötərizələr var. Özünüzü yarada bilərsiniz, ancaq həyatınızı asanlaşdırmaq üçün - bir sıra standart funksiyalar da mövcuddur.
Çıxış məlumatları
Funksiyalar üçün ümumi bir tətbiq məlumatların çıxmasıdır. Çıxış üçün aşağıdakı seçimlər var:
xəbərdarlıq () - Brauzer pəncərəsindəki bir xəbərdarlıq qutusundakı məlumatlar
təsdiqləyin () - Bəli / yox bir dialoq açır və istifadəçi klikindən asılı olaraq doğru / yalanı qaytarır
konsol.log () - Brauzer konsoluna məlumat yazır, ayıklama məqsədləri üçün yaxşıdır
sənəd.write () - Birbaşa HTML sənədinə yazın
tez () - İstifadəçi girişi üçün bir dialoq yaradır
Qlobal funksiyalar
Qlobal funksiyalar, JavaScript işləməyi bacaran hər brauzerdə qurulmuş funksiyalardır.
decodeURIComponent () - Bir URI komponentini kodlaşdırır
encodeURI () - Bir URI UTF-8 kodlayır
encodeURIComponent () - Eyni, lakin URI komponentləri üçün
qiymətləndir () - Bir simvol olaraq təmsil olunan JavaScript kodunu qiymətləndirir
isFinite () - Keçirilmiş bir dəyərin sonlu bir say olub olmadığını müəyyənləşdirir
isNaN () - Dəyərin NaN olub olmadığını müəyyənləşdirir
Nömrə () - Mübahisəsindən dönmüş bir sıra qaytarır
parseFloat () - Mübahisə aparır və üzən nöqtə nömrəsini qaytarır
parseInt () - Mübahisəsini araşdırır və tam ədəd qaytarır
JavaScript Döngələri
Döngələr ən çox proqramlaşdırma dillərinin bir hissəsidir. Müxtəlif dəyərlərlə istənilən sayda kod blokunu icra etməyə imkan verir:
for (loopdan əvvəl; loop üçün şərt; loopdan sonra icra etmək) {
// döngə zamanı nə etməli
}
Döngələr yaratmaq üçün bir neçə parametriniz var:
üçün - JavaScript-də bir döngə yaratmağın ən yaygın yolu
isə - Bir döngənin icra etdiyi şərtləri təyin edir
edərkən - oxşar isə döngə, lakin ən azı bir dəfə yerinə yetirilir və vəziyyətin yenidən icra ediləcəyini görmək üçün sonunda bir yoxlama aparır
fasilə - Müəyyən şərtlərdə dövrü dayandırmaq və çıxmaq üçün istifadə edilmişdir
davam edin - Müəyyən şərtlər yerinə yetirildiyi təqdirdə dövrün hissələrini atlayın
Əgər - Else Bəyanatlar
Bu tip ifadələri başa düşmək asandır. Onlardan istifadə edərək kodunuzun nə vaxt yerinə yetirildiyi üçün şərtlər qoya bilərsiniz. Müəyyən şərtlər tətbiq olunarsa, bir şey edilir, olmursa - başqa bir şey yerinə yetirilir.
əgər (şərt) {
// şərt yerinə yetirilirsə nə etməli
} başqa {
// şərt yerinə yetirilmədikdə nə etməli
}
Bənzər bir konsepsiya Əgər dır,-dir,-dur,-dür keçid ifadəsi. Ancaq keçiddən istifadə edərək icra etmək üçün bir neçə kod blokundan birini seçirsiniz.
Strings
Strings, JavaScript funksiyasını yerinə yetirməyən, ancaq ekranda görünə bilən mətnə zəng etdiyi şeylərdir.
var person = "John Doe";
Bu halda, John Doe simdir.
Qaçan personajlar
JavaScript-də, strings tək və ya cüt tirnoqla qeyd olunur. Bir sətirdə kotirovkalardan istifadə etmək istəyirsinizsə, xüsusi işarələrdən istifadə etməlisiniz:
\ ' - Tek teklif
\ " - Cüt təklif
Bundan başqa əlavə qaçış simvollarınız var:
\\ - Çəkmə
\ b - Backspace
\ f - Forma yemi
\ n - Yeni xətt
\ r - Daşınma qayıdır
\ t - Üfüqi tabulyator
\ v - Şaquli tabulyator
Sim üsulları
Simlər ilə işləməyin bir çox fərqli yolu var:
charAt () - Bir simli içərisində müəyyən bir vəziyyətdə bir simvolu qaytarır
charCodeAt () - Sizə o mövqedəki bir xarakter Unicode verir
concat () - İki və ya daha çox ipi birinə birləşdirir (birləşdirir)
fromCharCode () - UTF-16 kod vahidlərinin göstərilən ardıcıllıqla yaradılan bir simli qaytarır
Indeksi() - Sətir daxilində müəyyən mətnin ilk meydana gəlməsinin vəziyyətini təmin edir
sonIndexOf () - Eyni ilə Indeksi() ancaq sonuncu hadisə ilə, geriyə baxaraq
uyğunluq () - Bir axtarış modelinə qarşı bir simli matçları alır
əvəz et () - Sətirdə müəyyən edilmiş mətni tapın və dəyişdirin
axtarış () - Uyğun bir mətn üçün axtarış aparır və mövqeyini qaytarır
dilim () - Bir sətrin bir hissəsini çıxarır və yeni bir sətir kimi qaytarır
bölmək () - Bir simli obyekti müəyyən bir vəziyyətdə strings bir sıra bölünür
substr () - Eynidir dilim () lakin müəyyən sayda simvoldan asılı olaraq alt sətir çıxarır
alt sətir () - Həm də oxşar dilim () lakin mənfi göstəriciləri qəbul edə bilməz
toLowerCase () - Sətirləri kiçik hərflərə çevirin
toUpperCase () - Sətirləri yuxarı hərfə çevirin
dəyərOf () - Bir simli obyektin ibtidai dəyərini (xüsusiyyətləri və ya metodu olmayan) qaytarır
Daimi İfadə Sintaksisi
Daimi ifadələr simlərdəki simvol birləşmələrini uyğunlaşdırmaq üçün istifadə edilən axtarış nümunələridir. Axtarış nümunəsi mətn axtarışı və əməliyyatları əvəz etmək üçün istifadə edilə bilər.
Nümunə dəyişdiricilər
e - Dəyişməsini qiymətləndirin
i - Vəziyyətə həssas olmayan uyğunluğu həyata keçirin
g - Qlobal uyğunluğu həyata keçirin
m - Çox xətt uyğunluğunu həyata keçirin
s - Sətirləri bir xətt kimi aparın
x - Şəkildə şərh və boşluğa icazə verin
U - Ungreedy nümunəsi
Mötərizələr
[abc] - Mötərizədə olan simvollardan birini tapın
[^ abc] - Mötərizədə olmayan hər hansı bir xarakter tapın
[0-9] - 0-dan 9-a qədər istənilən rəqəmi tapmaq üçün istifadə olunur
[A-z] - A böyük hərfdən z hərfinə qədər hər hansı bir simvol tapın
(a | b | c) - Ayrılan alternativlərdən hər hansı birini tapın |
Metacharakterlər
. - Yeni xətt və ya xətt terminatorundan başqa bir simvol tapın
\ w - Söz xarakteri
\ W - Söz olmayan xarakter
\ d - Bir rəqəm
\ D - Rəqəmsal olmayan bir xarakter
\ s - Boşluq xarakteri
\ S - Ağ boş olmayan xarakter
\ b - Bir sözün əvvəlində / sonunda bir matç tapın
\ B - Bir sözün əvvəlində / sonunda olmayan bir matç
\ 0 - NUL xarakter
\ n - Yeni bir xətt xarakteri
\ f - Forma yem xarakteri
\ r - Daşınma qayıtma xarakteri
\ t - Tab xarakteri
\ v - Şaquli nişan xarakteri
\ xxx - Bir octal sayı xxx ilə göstərilən simvol
\ xdd - altıbucaqlı rəqəm dd ilə göstərilən xarakter
\ uxxxx - Bir altıbucaqlı XXXX ilə göstərilən Unicode simvolu
Quantifiers
n+ - Ən azı bir n olan hər hansı bir sətrə uyğun gəlir
n * - sıfır və ya daha çox n meydana gələn hər hansı bir sətir
n? - sıfır və ya n-nin meydana çıxdığı bir simli
n {X} - X n ardıcıllığını ehtiva edən sətir
n {X, Y} - X-dən n-ə qədər ardıcıllığı olan sətirlər
n {X,} - Ən azı X n ardıcıllığı olan hər hansı bir sətrə uyğun gəlir
n $ - Sonunda n olan hər hansı bir sətir
^ n - Əvvəlində n ilə string
?= n - Müəyyən bir simli n izləyən hər hansı bir sətir
?!n - Müəyyən bir simli ni təqib etməyən sim
Nömrələr və Riyaziyyat
JavaScript-də də nömrələr, sabitlər ilə işləyə və riyazi funksiyaları yerinə yetirə bilərsiniz.
Say xüsusiyyətləri
MAX_VALUE - JavaScript-də göstərilə bilən maksimum say dəyəri
MIN_VALUE - JavaScript-də təmsil olunan ən kiçik müsbət ədədi dəyər
NaN - "Bir-bir deyil" dəyəri
NEGATIVE_INFINITY - Mənfi Sonsuzluq dəyəri
POSITIVE_INFINITY - Müsbət Sonsuzluq dəyəri
Sayı metodları
toExponential () - Sətri eksponensial notation olaraq yazılmış yuvarlaqlaşdırılmış bir sıra ilə qaytarır
toFixed () - Müəyyən sayda ondalık ilə bir sıra simli qaytarır
toPrecision () - Müəyyən bir uzunluqla yazılmış bir nömrənin sətri
toString () - Sətir kimi bir sıra qaytarır
dəyərOf () - Bir nömrə kimi bir sıra qaytarır
Riyaziyyat xüsusiyyətləri
E - Eylerin nömrəsi
LN2 - 2-nin təbii logarifmi
LN10 - 10-un təbii logarifmi
LOG2E - E-nin əsas 2 logarifmi
LOG10E - E əsasının 10 logarifmi
PI - PI sayı
SQRT1_2 - 1/2 kvadrat kökü
SQRT2 - 2-nin kvadrat kökü
Riyaziyyat metodları
abs (x) - x-in mütləq (müsbət) dəyərini qaytarır
acos (x) - X-nin arkkozini, radianlarda
asin (x) - X-nin Arcsine, radianlarda
atan (x) - ədədi bir dəyər olaraq x-nin arktangenti
atan2 (y, x) - Öz arqumentlərinin ardıcıllığı
tavan (x) - X dəyəri ən yaxın tam ədədə qədər yuvarlaqlaşdırılır
cos (x) - x (x radiusu) olan kosinus
exp (x) - E dəyərix
mərtəbə (x) - x dəyəri ən yaxın tam ədədə qədər yuvarlaqlaşdırılır
log (x) - x-nin təbii logarifmi (əsas E)
max (x, y, z, ..., n) - Ən yüksək dəyəri olan nömrəni qaytarır
min (x, y, z, ..., n) - Ən aşağı dəyəri ilə eyni
toz (x, y) - Y gücünə X
təsadüfi () - 0 ilə 1 arasındakı təsadüfi bir rəqəmi qaytarır
dəyirmi (x) - x dəyəri ən yaxın tam ədədə yuvarlaqlaşdırılır
günah (x) - x-nin sinusu (x radianla)
kvrt (x) - x-nin kvadrat kökü
tan (x) - Bir bucağın tangensi
JavaScript tarixləri ilə məşğul olmaq
Siz həmçinin JavaScript ilə tarixləri və vaxtları işləyə və dəyişdirə bilərsiniz. Bu JavaScript fırıldaqçı vərəqindəki növbəti fəsildir.
Tarix təyin etmək
Tarix() - Cari tarix və vaxt ilə yeni bir tarix obyekti yaradır
Tarix (2017, 5, 21, 3, 23, 10, 0) - Xüsusi bir tarix obyekti yaradın. Nömrələr bir il, ay, gün, saat, dəqiqə, saniyə, millisekundları təmsil edir. Bir il və ay istisna olmaqla istədiyiniz hər şeyi buraxa bilərsiniz.
Tarix ("2017-06-23") - Bir tarix kimi tarix bəyannaməsi
Tarix və zaman dəyərlərini çəkir
getDate () - Ayın gününü nömrə kimi alın (1-31)
getDay () - Həftə sonu bir nömrə (0-6)
getFullYear () - Dörd rəqəmli nömrə ili (yyyy)
getHours () - Saatı alın (0-23)
getMilliseconds () - Millisekund (0-999)
getMinutes () - Dəqiqə alın (0-59)
getMonth () - Ay say olaraq (0-11)
getSeconds () - İkinci alın (0-59)
getTime () - 1 yanvar 1970-ci ildən millisekundları alın
getUTCDate () - Ümumbəşəri vaxta uyğun olaraq göstərilən tarixdə ayın günü (tarixi) (gün, ay, tam il, saat, dəqiqə və s. Üçün də mövcuddur)
analiz etmək - Bir tarixin simli bir nümayəndəliyini təhlil edir və 1 yanvar 1970-ci ildən bu yana millisaniyəlik sayını qaytarır
Bir tarixin bir hissəsini təyin edin
setDate () - Günü bir sıra olaraq təyin edin (1-31)
setFullYear () - İl təyin edir (istədiyi ay və gün)
setHours () - Saatı təyin edin (0-23)
setMilliseconds () - Millisekundlar təyin edin (0-999)
setMinutes () - Dəqiqələri təyin edir (0-59)
setMonth () - Ayı təyin edin (0-11)
setSeconds () - Saniyələri təyin edir (0-59)
setTime () - Vaxt təyin edin (1 yanvar 1970-ci ildən millisaniyə)
setUTCDate () - Ayın gününü universal saata görə müəyyən bir tarix üçün təyin edir (gün, ay, tam il, saatlar, dəqiqələr və s. Üçün də mövcuddur)
DOM rejimi
Bu DOM edir Sənəd obyekti modeli bir səhifənin. Bir veb səhifənin quruluşunun kodudur. JavaScript HTML elementlərini (qovşaqlar adlanır) yaratmaq və idarə etmək üçün bir çox müxtəlif yollarla gəlir..
Node xüsusiyyətləri
atributları - Bir elementə qeydə alınmış bütün atributların canlı kolleksiyasını qaytarır
bazaURI - HTML elementinin mütləq bazası URL təmin edir
uşaqNode - Bir elementin uşaq qovşaqlarının kolleksiyasını verir
ilkChild - Bir elementin ilk uşaq nodunu qaytarır
sonChild - Bir elementin son uşaq nodu
sonrakı bacı - Eyni qovşaq ağacı səviyyəsində növbəti node verir
nodeName - Düyün adını qaytarır
nodeType - Düyün tipini qaytarır
nodeValue - Bir node dəyərini təyin edir və ya qaytarır
sahibi sənəd - Bu node üçün ən üst səviyyəli sənəd obyekti
valideynNode - Bir elementin ana nodeunu qaytarır
əvvəlkiSibling - Cari birindən dərhal əvvəl nodu qaytarır
mətnContent - Düyünün və onun nəslinin mətn tərkibini təyin edir və ya qaytarır
Düyün metodları
appendChild () - Son uşaq nodu kimi bir elementə yeni bir uşaq node əlavə edir
cloneNode () - HTML elementini klonlaşdırır
müqayisəDocumentPosition () - İki elementin sənəd mövqeyini müqayisə edir
getFeature () - Müəyyən bir xüsusiyyətin API-lərini tətbiq edən bir obyekti qaytarır
hasar atributları () - Bir elementin hər hansı bir atributu varsa gerçək qayıdır, əks halda yalan
hasChildNodes () - Bir elementin hər hansı bir uşaq düyünləri varsa, əksinə yalnışdır
insertBefore () - Müəyyən edilmiş, mövcud bir uşaq node əvvəl yeni bir uşaq node daxil
isDefaultNamespace () - Müəyyən edilmiş bir ad boşluğuURI defoltdur, əks halda yalnışdır
isEqualNode () - İki elementin bərabər olub olmadığını yoxlayır
isSameNode () - İki elementin eyni node olub olmadığını yoxlayır
isSupported () - Müəyyən bir xüsusiyyət elementdə dəstəklənərsə gerçək qayıdır
axtarmaqNamespaceURI () - Verilmiş node ilə əlaqəli ad boşluğu URI-ni qaytarır
axtarmaqPrefix () - Mövcud bir ad boşluğu URI üçün əvvəlcədən ibarət olan DOMStringi qaytarır
normallaşdırmaq () - Bitişik mətn qovşaqlarına qoşulur və bir elementdəki boş mətn qovşaqlarını çıxarır
removeChild () - Bir elementdən uşaq nodunu çıxarır
əvəz etməkChild () - Bir elementdə uşaq nodunu əvəz edir
Element metodları
getAttribute () - Bir element nodunun göstərilən atribut dəyərini qaytarır
getAttributeNS () - Atributun simli dəyərini göstərilən ad sahəsi və adı ilə qaytarır
getAttributeNode () - Göstərilən atribut node alır
getAttributeNodeNS () - Verilmiş ad sahəsi və adı ilə atribut üçün atribut qovşağını qaytarır
getEmissionsByTagName () - Göstərilən etiket adı ilə bütün uşaq elementlərinin toplusunu təmin edir
getEmissionsByTagNameNS () - Verilmiş adlar məkanına məxsus müəyyən bir etiket adı olan elementlərin canlı HTMLCollectionunu qaytarır
hasAttribute () - Bir elementin hər hansı bir atributu varsa gerçək qayıdır, əks halda yalan
hasAttributeNS () - Verilmiş bir ad sahəsindəki mövcud elementin müəyyən edilmiş xüsusiyyətə sahib olub-olmadığını göstərən doğru / yanlış bir dəyər verir
removeAttribute () - Bir elementdən müəyyən bir atributu silir
removeAttributeNS () - Müəyyən bir ad zonasında bir elementdən göstərilən atributu silir
removeAttributeNode () - Müəyyən edilmiş bir atribut nodunu götürür və çıxarılan nodu qaytarır
setAttribute () - Müəyyən edilmiş atributu müəyyən bir dəyərə təyin edir və ya dəyişdirir
setAttributeNS () - Yeni bir atribut əlavə edir və ya verilmiş ad sahəsi və adı ilə bir atributun dəyərini dəyişdirir
setAttributeNode () - Müəyyən edilmiş atribut nodunu təyin edir və ya dəyişdirir
setAttributeNodeNS () - Bir elementə yeni bir ad atılmış atribut node əlavə edir
İstifadəçi Brauzeri ilə işləmək
HTML elementlərindən başqa JavaScript də istifadəçi brauzerini nəzərə almağa və xüsusiyyətlərini koda daxil etməyə qadirdir.
Pəncərə xüsusiyyətləri
Bağlı - Bir pəncərənin bağlı olub olmadığını yoxlayır və gerçək və ya yalan olduğunu qaytarır
defaultStatus - Pəncərənin status çubuğunda standart mətni təyin edir və ya qaytarır
sənəd - Pəncərə üçün sənəd obyektini qaytarır
çərçivələr - Hamısını qaytarır cari pəncərədəki elementlər
tarixi - Pəncərə üçün Tarix obyekti verir
daxiliHeight - Bir pəncərənin məzmun sahəsinin daxili hündürlüyü
daxili genişlik - Məzmun sahəsinin daxili genişliyi
uzunluğu - Sayını öyrənin pəncərədəki elementlər
yeri - Pəncərə üçün yer obyektini qaytarır
adı - Bir pəncərənin adını təyin edir və ya qaytarır
naviqator - Pəncərə üçün Navigator obyektini qaytarır
açar - Pəncərəni yaradan pəncərə istinadını qaytarır
xariciHeight - Bir pəncərənin xarici hündürlüyü, o cümlədən alət çubuqları / sürüşmə çubuqları
xarici genişlik - Bir pəncərənin xarici eni, o cümlədən alət çubuğu / sürüşmə çubuqları
səhifəXOffset - Mövcud sənədin üfüqi şəkildə diyirlədiyi piksellərin sayı
səhifəYOffset - Sənəd şaquli olaraq sürüşdürülmüş piksellərin sayı
availHeyt - Ekranın yüksəkliyini qaytarır (Windows tapşırıq çubuğu istisna olmaqla)
availWidth - Ekranın genişliyini qaytarır (Windows Taskbar istisna olmaqla)
rəngDepth - Təsvirləri göstərmək üçün rəng palitrasının bit dərinliyini qaytarır
hündürlük - Ekranın ümumi hündürlüyü
pikselDepth - Bir piksel başına bit rəng ekranın rəng həlli
eni - Ekranın ümumi eni
JavaScript Hadisələri
Hadisələr HTML elementləri ilə baş verə biləcək şeylərdir və istifadəçi tərəfindən yerinə yetirilir. Proqramlaşdırma dili bu hadisələri dinləyə və koddakı hərəkətləri tetikleyebilir. Heç bir JavaScript fırıldaqçı vərəqəsi onsuz olmadan tam olmazdı.
Siçan
onclick - Hadisə istifadəçi bir elementi tıkladığında baş verir
onkontekst menyusu - İstifadəçi bir kontekst menyusunu açmaq üçün elementə klikləyin
ondblclick - İstifadəçi bir elementə iki dəfə vurur
onmousedown - İstifadəçi bir element üzərində siçan düyməsini basır
onmouseenter - Göstərici bir element üzərində hərəkət edir
onmouseleave - Göstərici bir elementdən kənara çıxır
onmousemove - Bir element bitdikdə göstərici hərəkət edir
onmouseover - Göstərici bir elementə və ya uşaqlarından birinə köçürüldükdə
onmouseout - İstifadəçi siçan pointerini bir elementdən və ya uşaqlarından birindən kənara keçirir
onmouseup - Bir element üzərində olarkən istifadəçi siçan düyməsini buraxır
Klaviatura
onkeydown - İstifadəçi bir düyməni basdıqda
onkeypress - İstifadəçi bir düyməni basmağa başladığı an
onkeyup - İstifadəçi bir açar buraxır
Çərçivə
onabort - Bir medianın yüklənməsi ləğv edildi
əvvəlcədən yükləmək - Hadisə sənədin boşaldılmasından əvvəl baş verir
onerror - Xarici bir fayl yükləyərkən bir səhv baş verir
onhashchange - Bir URL-nin lövbər hissəsində dəyişikliklər oldu
yükləmə - Bir obyekt yüklədikdə
onpagehide - İstifadəçi veb səhifədən uzaqlaşır
onpageshow - İstifadəçi bir veb səhifəyə gedəndə
onresize - Sənəd görünüşü boyutlandırılır
onscroll - Bir elementin sürüşmə çubuğu sürüşür
onun yükü - Bir səhifə boşaldılanda hadisə baş verir
Forma
onblur - Bir element diqqəti itirəndə
yerdəyişmə - Bir forma elementinin məzmunu dəyişir (üçün.) , və )
onfokus - Bir element diqqət mərkəzində olur
onfokusin - Bir element odaklanmağa hazırlaşdıqda
onfocusout - Element diqqəti itirmək üzrədir
oninput - Bir element istifadəçi girişi
oninvalid - Bir element etibarsızdır
onreset - Bir forma yenidən qurulur
araşdırma - İstifadəçi bir axtarış sahəsində bir şey yazır )
seçmə - İstifadəçi bəzi mətni seçir (üçün.) və )
onsubmit - Bir forma təqdim olunur
Çək
ondrag - Bir element sürüklənir
ondragend - İstifadəçi elementi sürüklədi
ondragenter - Çəkilən element açılan hədəfə daxil olur
ondragleave - A sürüklənmiş element açılan hədəfi tərk edir
ondragover - Çəkilən element açılan hədəfin üstündədir
ondragstart - İstifadəçi bir element sürükləməyə başlayır
ondrop - Çəkilmiş element açılan hədəfə vurulur
Panoya
onkopiya - İstifadəçi bir elementin məzmununu kopyalayır
oncut - İstifadəçi bir elementin məzmununu kəsir
onpaste - Bir istifadəçi məzmunu bir elementə yapışdırır
Media
onabort - Mediya yükləmə ləğv edildi
oncanplay - Brauzer medianı oynamağa başlaya bilər (məsələn, bir fayl kifayət qədər tamponlanmışdır)
oncanplaythrough - Brauzer dayanmadan media vasitəsilə oynaya bilər
ondurationchange - Medianın müddəti dəyişir
bağlandı - Media sona çatdı
onerror - Xarici bir fayl yükləyərkən bir səhv baş verdikdə baş verir
onloadeddata - Media məlumatları yüklənir
yüklənmiş metadata - Metadata (ölçü və müddət kimi) yüklənir
onloadstart - Brauzer müəyyən medianı axtarmağa başlayır
onpozasiya - Media ya istifadəçi tərəfindən ya da avtomatik olaraq durdurulur
onplay - Mediaya başlandı və ya artıq dayandırıldı
ifa edir - Mediya buferləmə üçün dayandırıldıqdan və ya dayandırıldıqdan sonra çalır
tərəqqi - Brauzer mediaya yükləmə müddətindədir
onratechange - Medianın oyun sürəti dəyişir
onseeked - İstifadəçi hərəkətə keçdi / mediada yeni bir mövqeyə keçdi
izləmə - İstifadəçi hərəkət etməyə / atlanmağa başlayır
quraşdırılıb - Brauzer mediaya yükləməyə çalışır, lakin bu mümkün deyil
onsuspend - Brauzer qəsdən mediaya yükləmir
ontimeupdate - Oyun mövqeyi dəyişdi (məsələn, sürətli irəli getdiyinə görə)
onvolumechange - Mediya həcmi dəyişdi (səssiz daxil olmaqla)
gözləyən - Mediya dayandırıldı, lakin davam etməsi gözlənilir (məsələn, buferləşdirmə)
Animasiya
animasiyaend - Bir CSS animasiya tamamlandı
animasiya - CSS animasiyası təkrarlanır
animasiyastartı - CSS animasiyası başladı
Digərləri
keçid - CSS keçidi başa çatdıqda işdən çıxarıldı
onmessage - Tədbir mənbəyi vasitəsilə bir mesaj alınır
onoffline - Brauzer oflayn işləməyə başlayır
ononline - Brauzer onlayn işləməyə başlayır
onpopstat - Pəncərənin tarixi dəyişdikdə
onshow - A element kontekst menyusu kimi göstərilir
saxlama - Veb Saxlama sahəsi yenilənir
ontoggle - İstifadəçi açır və ya bağlayır element
onwheel - Siçan təkəri bir element üzərində yuxarı və ya aşağı yuvarlanır
ontuşcancel - Ekran toxunuşu kəsilir
üstünə - İstifadəçinin barmağı sensor ekrandan çıxarılıb
ontuşmove - Bir barmaq ekrana sürüklənir
ontouchstart - Bir barmaq toxunma ekranına yerləşdirilib
Səhvlər
JavaScript ilə işləyərkən fərqli səhvlər baş verə bilər. Bunlarla işləməyin bir neçə yolu var:
cəhd edin - Səhvləri yoxlamaq üçün kod blokunu təyin etməyə imkan verir
tutmaq - Səhv olduqda icra etmək üçün bir kod bloku qurun
atmaq - Standart JavaScript səhvlərinin əvəzinə xüsusi səhv mesajları yaradın
nəhayət - Nəticədən asılı olmayaraq cəhd və tutduqdan sonra kodu icra etməyə imkan verir
Səhv Adı Dəyərləri
JavaScript də quraşdırılmış səhv obyektinə malikdir. İki xassəyə malikdir:
adı - Səhv adını təyin edir və ya qaytarır
mesaj - Bir simli bir səhv mesajı təyin edir və ya qaytarır
Səhv xassəsi adı olaraq altı fərqli dəyəri qaytara bilər:
EvalError - Səhv baş verdi qiymətləndir () funksiyası
RangeError - Bir sıra "kənarda"
İstinadError - Qeyri-qanuni bir arayış meydana gəldi
Söz düzümü səhvi - Sintaksis xətası baş verdi
TypeError - Bir növ səhv baş verdi
URIError - Bir encodeURI () səhv baş verdi
Bir fıstıqdakı JavaScript Cheat Sheet
JavaScript bir proqramlaşdırma dili olaraq çox əhəmiyyət qazanır. Bu sübut edilmiş iz rekordu və faydaları sayəsində veb xassələri yaratmaq üçün getdikcə daha çox istifadə olunan dildir.
Yuxarıdakı JavaScript fırıldaqçı vərəqində bir çox əsas və vacib operator, funksiya, prinsip və metodları tərtib etdik. Bu dilin yaxşı bir görünüşü və həm inkişaf etdiricilər, həm də öyrənənlər üçün bir arayış təmin edir. Ümid edirik ki, faydalı tapdınız.
JavaScript fırıldaqçı vərəqinə əlavələr varmı? Zəhmət olmasa aşağıdakı şərh bölməsində bizə bildirin!
07.06.2020
JavaScript fırıldaqçı vərəqi
Jeffrey Wilson Kateqoriya yoxdur
Contents
JavaScript fırıldaqçı vərəqi
JavaScript əsasları
Əsaslardan başlayaq – JavaScript-ni veb saytına necə daxil etmək.
HTML səhifəsinə JavaScript də daxil olmaqla
Bir səhifəyə JavaScript daxil etmək üçün onu bağlamalısınız- Tək sətirli şərhlər - Bir sətirlə məhdudlaşan bir rəy daxil etmək üçün əvvəlcədən
- Çox sətirli şərhlər - Bir neçə sətir arasında daha uzun şərh yazmaq istəsəniz, sarın
- Nömrələri -
- Dəyişənlər -
- Mətn (strings) -
- Əməliyyatlar -
- Doğru və ya yalan ifadələr -
- Daimi nömrələr -
- Obyektlər -
element
![]()
Jeffrey Wilson Administrator Sorry! The Author has not filled his profile. follow me
Bu giriş ilə brauzer kodu tanıya və düzgün icra edə bilər.
Xarici JavaScript Faylını çağırın
Siz həmçinin JavaScript-ni öz sənədinizə yerləşdirə və HTML-nin adını çəkə bilərsiniz. Beləliklə, daha yaxşı təşkil edilmiş fayllar hazırlayaraq müxtəlif növ kodları bir-birindən ayrı saxlaya bilərsiniz. Kodunuz deyilən bir sənəddədirsə
myscript.js
, deyərdinŞərhlər daxil olmaqla
Şərhlər digər insanlara kodunuzda nələrin baş verdiyini anlamaqda və ya özünüzü unutduğunuz bir şeyi xatırlatmaqda kömək etdikləri üçün vacibdir. Unutmayın ki, brauzer onları yerinə yetirməyə çalışmayacaq şəkildə qeyd olunmalı.
JavaScript-də iki fərqli seçim var:
//
/ *
və* /
edam olunmaması üçünJavaScript-də dəyişənlər
Dəyişənlər əməliyyatlar aparmaq üçün istifadə edə biləcəyiniz dəyərlərdir. Riyaziyyat sinifindən onlarla tanış olmalısan.
var, const, qoy
JavaScript-də bir dəyişən elan etmək üçün üç fərqli imkanınız var, hər biri öz ixtisasları ilə:
var
- Ən ümumi dəyişən. Yenidən təyin edilə bilər, ancaq yalnız bir funksiya daxilində əldə edilə bilər. Dəyişənlər ilə təyin olunurvar
kodu icra edildikdə yuxarıya keçin.const
- Kod daxilində görünməzdən əvvəl yenidən təyin edilə bilməz və əlçatan deyil.qoy
- Eynidirconst
, theqoy
dəyişən yenidən təyin edilə bilər, lakin yenidən elan edilə bilməz.Məlumat növləri
Dəyişənlərdə müxtəlif növ dəyərlər və məlumat növləri ola bilər. İstifadə edirsiniz
=
onlara tapşırmaq:var yaş = 23
var x
var a = "tashabb"
var b = 1 + 2 + 3
var c = doğrudur
const PI = 3.14
var name = {first name: "John", last name: "Doe"}
Daha çox imkanlar var. Dəyişənlərin kiçik və həssas olduğunu unutmayın. Bu o deməkdir ki
Soyad
vəSoyad
iki fərqli dəyişən kimi işlənəcəkdir.Obyektlər
Obyektlər müəyyən növ dəyişkənlərdir. Öz dəyərləri və metodları ola biləcək dəyişənlərdir. Sonuncu, obyektlərdə edə biləcəyiniz hərəkətlərdir.
Növbəti səviyyə: seriallar
JavaScript fırıldaqçı vərəqimizdə sonrakılar seriallardır. Diziler bir çox fərqli proqramlaşdırma dillərinin bir hissəsidir. Bunlar dəyişənlərin və xassələrin qruplara bölünməsidir. JavaScript-də bunları necə yaratmaq olar:
İndi çağırılmış bir sıra var
meyvə
gələcək əməliyyatlar üçün istifadə edə biləcəyiniz üç maddədən ibarətdir.Array metodları
Diziler yaratdıqdan sonra onlarla edə biləcəyiniz bir neçə iş var.
concat ()
- Bir neçə seriala qoşulIndeksi()
- Verilmiş elementin bir sıra göründüyü ilk mövqeyi qaytarırqoşulmaq ()
- Bir sıra elementlərini tək bir sətrə birləşdirin və sətri geri qaytarınsonIndexOf ()
- Verilən elementin bir sıra göründüyü son mövqeyi verirpop ()
- Bir sıra son element aradan qaldırılmasıbasmaq ()
- Sonda yeni bir element əlavə edintərs ()
- Elementləri azalan qaydada sıralanövbə ()
- Bir sıra ilk elementini çıxarındilim ()
- Bir serialın bir hissəsinin bir nüsxəsini yeni bir seriala çəkirnöv()
- Elementləri əlifba sırası ilə sıralayırsplice ()
- Müəyyən bir şəkildə və mövqedəki elementləri əlavə edirtoString ()
- Elementləri sətirlərə çevirirboşaltma ()
-Əvvəlinə yeni bir element əlavə etdidəyərOf ()
- Göstərilən obyektin ibtidai dəyərini qaytarırOperatorlar
Dəyişənləriniz varsa, onları müxtəlif növ əməliyyatlar aparmaq üçün istifadə edə bilərsiniz. Bunu etmək üçün operatorlara ehtiyacınız var.
Əsas operatorlar
+
- Əlavə-
- Çıxarış*
- Çarpma/
- Bölmə(...)
- Qruplaşdırma operatoru, mötərizədəki əməliyyatlar xaricdəki əməliyyatlardan daha erkən icra olunur%
- Modulus (qalan)++
- Artan nömrələr--
- Azalma nömrələriMüqayisə etmə operatorları
==
- bərabərdir===
- Bərabər dəyər və bərabər tip!=
- Bərabər deyil!==
- Dəyərli deyil və ya bərabər olmayan tip>
- Daha böyükdür<
- Daha az> =
- Daha böyük və ya bərabərdir<=
- az və ya bərabərdir?
- Dernary operatoruMəntiq Operatorları
&&
- Məntiqi və||
- Məntiqi və ya!
- Məntiq olmazBitwise Əməliyyatçılar
Və
- VƏ bəyanat|
- OR ifadəsi~
- YOX^
- XOR<<
- Sol sürüşmə>>
- Sağ sürüşmə>>>
- Sıfır doldurma hüququFunksiyaları
JavaScript funksiyaları müəyyən bir işi yerinə yetirən kod blokudur. Əsas funksiya bu kimi görünür:
Gördüyünüz kimi, bu ibarətdir
funksiyası
açar söz üstə ad. Funksiyanın parametrləri mötərizədə var və funksiyanın yerinə yetirildiyi yerlərdə əyri mötərizələr var. Özünüzü yarada bilərsiniz, ancaq həyatınızı asanlaşdırmaq üçün - bir sıra standart funksiyalar da mövcuddur.Çıxış məlumatları
Funksiyalar üçün ümumi bir tətbiq məlumatların çıxmasıdır. Çıxış üçün aşağıdakı seçimlər var:
xəbərdarlıq ()
- Brauzer pəncərəsindəki bir xəbərdarlıq qutusundakı məlumatlartəsdiqləyin ()
- Bəli / yox bir dialoq açır və istifadəçi klikindən asılı olaraq doğru / yalanı qaytarırkonsol.log ()
- Brauzer konsoluna məlumat yazır, ayıklama məqsədləri üçün yaxşıdırsənəd.write ()
- Birbaşa HTML sənədinə yazıntez ()
- İstifadəçi girişi üçün bir dialoq yaradırQlobal funksiyalar
Qlobal funksiyalar, JavaScript işləməyi bacaran hər brauzerdə qurulmuş funksiyalardır.
decodeURI ()
- Dekodlaşdırır a Vahid Resurs Müəyyənləşdiricisi (URI) yaradılıbkodlaşdırma
və ya oxşardecodeURIComponent ()
- Bir URI komponentini kodlaşdırırencodeURI ()
- Bir URI UTF-8 kodlayırencodeURIComponent ()
- Eyni, lakin URI komponentləri üçünqiymətləndir ()
- Bir simvol olaraq təmsil olunan JavaScript kodunu qiymətləndiririsFinite ()
- Keçirilmiş bir dəyərin sonlu bir say olub olmadığını müəyyənləşdiririsNaN ()
- Dəyərin NaN olub olmadığını müəyyənləşdirirNömrə ()
- Mübahisəsindən dönmüş bir sıra qaytarırparseFloat ()
- Mübahisə aparır və üzən nöqtə nömrəsini qaytarırparseInt ()
- Mübahisəsini araşdırır və tam ədəd qaytarırJavaScript Döngələri
Döngələr ən çox proqramlaşdırma dillərinin bir hissəsidir. Müxtəlif dəyərlərlə istənilən sayda kod blokunu icra etməyə imkan verir:
Döngələr yaratmaq üçün bir neçə parametriniz var:
üçün
- JavaScript-də bir döngə yaratmağın ən yaygın yoluisə
- Bir döngənin icra etdiyi şərtləri təyin ediredərkən
- oxşarisə
döngə, lakin ən azı bir dəfə yerinə yetirilir və vəziyyətin yenidən icra ediləcəyini görmək üçün sonunda bir yoxlama aparırfasilə
- Müəyyən şərtlərdə dövrü dayandırmaq və çıxmaq üçün istifadə edilmişdirdavam edin
- Müəyyən şərtlər yerinə yetirildiyi təqdirdə dövrün hissələrini atlayınƏgər - Else Bəyanatlar
Bu tip ifadələri başa düşmək asandır. Onlardan istifadə edərək kodunuzun nə vaxt yerinə yetirildiyi üçün şərtlər qoya bilərsiniz. Müəyyən şərtlər tətbiq olunarsa, bir şey edilir, olmursa - başqa bir şey yerinə yetirilir.
Bənzər bir konsepsiya
Əgər
dır,-dir,-dur,-dürkeçid
ifadəsi. Ancaq keçiddən istifadə edərək icra etmək üçün bir neçə kod blokundan birini seçirsiniz.Strings
Strings, JavaScript funksiyasını yerinə yetirməyən, ancaq ekranda görünə bilən mətnə zəng etdiyi şeylərdir.
Bu halda,
John Doe
simdir.Qaçan personajlar
JavaScript-də, strings tək və ya cüt tirnoqla qeyd olunur. Bir sətirdə kotirovkalardan istifadə etmək istəyirsinizsə, xüsusi işarələrdən istifadə etməlisiniz:
\ '
- Tek teklif\ "
- Cüt təklifBundan başqa əlavə qaçış simvollarınız var:
\\
- Çəkmə\ b
- Backspace\ f
- Forma yemi\ n
- Yeni xətt\ r
- Daşınma qayıdır\ t
- Üfüqi tabulyator\ v
- Şaquli tabulyatorSim üsulları
Simlər ilə işləməyin bir çox fərqli yolu var:
charAt ()
- Bir simli içərisində müəyyən bir vəziyyətdə bir simvolu qaytarırcharCodeAt ()
- Sizə o mövqedəki bir xarakter Unicode verirconcat ()
- İki və ya daha çox ipi birinə birləşdirir (birləşdirir)fromCharCode ()
- UTF-16 kod vahidlərinin göstərilən ardıcıllıqla yaradılan bir simli qaytarırIndeksi()
- Sətir daxilində müəyyən mətnin ilk meydana gəlməsinin vəziyyətini təmin edirsonIndexOf ()
- Eyni iləIndeksi()
ancaq sonuncu hadisə ilə, geriyə baxaraquyğunluq ()
- Bir axtarış modelinə qarşı bir simli matçları alırəvəz et ()
- Sətirdə müəyyən edilmiş mətni tapın və dəyişdirinaxtarış ()
- Uyğun bir mətn üçün axtarış aparır və mövqeyini qaytarırdilim ()
- Bir sətrin bir hissəsini çıxarır və yeni bir sətir kimi qaytarırbölmək ()
- Bir simli obyekti müəyyən bir vəziyyətdə strings bir sıra bölünürsubstr ()
- Eynidirdilim ()
lakin müəyyən sayda simvoldan asılı olaraq alt sətir çıxarıralt sətir ()
- Həm də oxşardilim ()
lakin mənfi göstəriciləri qəbul edə bilməztoLowerCase ()
- Sətirləri kiçik hərflərə çevirintoUpperCase ()
- Sətirləri yuxarı hərfə çevirindəyərOf ()
- Bir simli obyektin ibtidai dəyərini (xüsusiyyətləri və ya metodu olmayan) qaytarırDaimi İfadə Sintaksisi
Daimi ifadələr simlərdəki simvol birləşmələrini uyğunlaşdırmaq üçün istifadə edilən axtarış nümunələridir. Axtarış nümunəsi mətn axtarışı və əməliyyatları əvəz etmək üçün istifadə edilə bilər.
Nümunə dəyişdiricilər
e
- Dəyişməsini qiymətləndirini
- Vəziyyətə həssas olmayan uyğunluğu həyata keçiring
- Qlobal uyğunluğu həyata keçirinm
- Çox xətt uyğunluğunu həyata keçirins
- Sətirləri bir xətt kimi aparınx
- Şəkildə şərh və boşluğa icazə verinU
- Ungreedy nümunəsiMötərizələr
[abc]
- Mötərizədə olan simvollardan birini tapın[^ abc]
- Mötərizədə olmayan hər hansı bir xarakter tapın[0-9]
- 0-dan 9-a qədər istənilən rəqəmi tapmaq üçün istifadə olunur[A-z]
- A böyük hərfdən z hərfinə qədər hər hansı bir simvol tapın(a | b | c)
- Ayrılan alternativlərdən hər hansı birini tapın|
Metacharakterlər
.
- Yeni xətt və ya xətt terminatorundan başqa bir simvol tapın\ w
- Söz xarakteri\ W
- Söz olmayan xarakter\ d
- Bir rəqəm\ D
- Rəqəmsal olmayan bir xarakter\ s
- Boşluq xarakteri\ S
- Ağ boş olmayan xarakter\ b
- Bir sözün əvvəlində / sonunda bir matç tapın\ B
- Bir sözün əvvəlində / sonunda olmayan bir matç\ 0
- NUL xarakter\ n
- Yeni bir xətt xarakteri\ f
- Forma yem xarakteri\ r
- Daşınma qayıtma xarakteri\ t
- Tab xarakteri\ v
- Şaquli nişan xarakteri\ xxx
- Bir octal sayı xxx ilə göstərilən simvol\ xdd
- altıbucaqlı rəqəm dd ilə göstərilən xarakter\ uxxxx
- Bir altıbucaqlı XXXX ilə göstərilən Unicode simvoluQuantifiers
n+
- Ən azı bir n olan hər hansı bir sətrə uyğun gəlirn *
- sıfır və ya daha çox n meydana gələn hər hansı bir sətirn?
- sıfır və ya n-nin meydana çıxdığı bir simlin {X}
- X n ardıcıllığını ehtiva edən sətirn {X, Y}
- X-dən n-ə qədər ardıcıllığı olan sətirlərn {X,}
- Ən azı X n ardıcıllığı olan hər hansı bir sətrə uyğun gəlirn $
- Sonunda n olan hər hansı bir sətir^ n
- Əvvəlində n ilə string?= n
- Müəyyən bir simli n izləyən hər hansı bir sətir?!n
- Müəyyən bir simli ni təqib etməyən simNömrələr və Riyaziyyat
JavaScript-də də nömrələr, sabitlər ilə işləyə və riyazi funksiyaları yerinə yetirə bilərsiniz.
Say xüsusiyyətləri
MAX_VALUE
- JavaScript-də göstərilə bilən maksimum say dəyəriMIN_VALUE
- JavaScript-də təmsil olunan ən kiçik müsbət ədədi dəyərNaN
- "Bir-bir deyil" dəyəriNEGATIVE_INFINITY
- Mənfi Sonsuzluq dəyəriPOSITIVE_INFINITY
- Müsbət Sonsuzluq dəyəriSayı metodları
toExponential ()
- Sətri eksponensial notation olaraq yazılmış yuvarlaqlaşdırılmış bir sıra ilə qaytarırtoFixed ()
- Müəyyən sayda ondalık ilə bir sıra simli qaytarırtoPrecision ()
- Müəyyən bir uzunluqla yazılmış bir nömrənin sətritoString ()
- Sətir kimi bir sıra qaytarırdəyərOf ()
- Bir nömrə kimi bir sıra qaytarırRiyaziyyat xüsusiyyətləri
E
- Eylerin nömrəsiLN2
- 2-nin təbii logarifmiLN10
- 10-un təbii logarifmiLOG2E
- E-nin əsas 2 logarifmiLOG10E
- E əsasının 10 logarifmiPI
- PI sayıSQRT1_2
- 1/2 kvadrat köküSQRT2
- 2-nin kvadrat köküRiyaziyyat metodları
abs (x)
- x-in mütləq (müsbət) dəyərini qaytarıracos (x)
- X-nin arkkozini, radianlardaasin (x)
- X-nin Arcsine, radianlardaatan (x)
- ədədi bir dəyər olaraq x-nin arktangentiatan2 (y, x)
- Öz arqumentlərinin ardıcıllığıtavan (x)
- X dəyəri ən yaxın tam ədədə qədər yuvarlaqlaşdırılırcos (x)
- x (x radiusu) olan kosinusexp (x)
- E dəyərixmərtəbə (x)
- x dəyəri ən yaxın tam ədədə qədər yuvarlaqlaşdırılırlog (x)
- x-nin təbii logarifmi (əsas E)max (x, y, z, ..., n)
- Ən yüksək dəyəri olan nömrəni qaytarırmin (x, y, z, ..., n)
- Ən aşağı dəyəri ilə eynitoz (x, y)
- Y gücünə Xtəsadüfi ()
- 0 ilə 1 arasındakı təsadüfi bir rəqəmi qaytarırdəyirmi (x)
- x dəyəri ən yaxın tam ədədə yuvarlaqlaşdırılırgünah (x)
- x-nin sinusu (x radianla)kvrt (x)
- x-nin kvadrat kökütan (x)
- Bir bucağın tangensiJavaScript tarixləri ilə məşğul olmaq
Siz həmçinin JavaScript ilə tarixləri və vaxtları işləyə və dəyişdirə bilərsiniz. Bu JavaScript fırıldaqçı vərəqindəki növbəti fəsildir.
Tarix təyin etmək
Tarix()
- Cari tarix və vaxt ilə yeni bir tarix obyekti yaradırTarix (2017, 5, 21, 3, 23, 10, 0)
- Xüsusi bir tarix obyekti yaradın. Nömrələr bir il, ay, gün, saat, dəqiqə, saniyə, millisekundları təmsil edir. Bir il və ay istisna olmaqla istədiyiniz hər şeyi buraxa bilərsiniz.Tarix ("2017-06-23")
- Bir tarix kimi tarix bəyannaməsiTarix və zaman dəyərlərini çəkir
getDate ()
- Ayın gününü nömrə kimi alın (1-31)getDay ()
- Həftə sonu bir nömrə (0-6)getFullYear ()
- Dörd rəqəmli nömrə ili (yyyy)getHours ()
- Saatı alın (0-23)getMilliseconds ()
- Millisekund (0-999)getMinutes ()
- Dəqiqə alın (0-59)getMonth ()
- Ay say olaraq (0-11)getSeconds ()
- İkinci alın (0-59)getTime ()
- 1 yanvar 1970-ci ildən millisekundları alıngetUTCDate ()
- Ümumbəşəri vaxta uyğun olaraq göstərilən tarixdə ayın günü (tarixi) (gün, ay, tam il, saat, dəqiqə və s. Üçün də mövcuddur)analiz etmək
- Bir tarixin simli bir nümayəndəliyini təhlil edir və 1 yanvar 1970-ci ildən bu yana millisaniyəlik sayını qaytarırBir tarixin bir hissəsini təyin edin
setDate ()
- Günü bir sıra olaraq təyin edin (1-31)setFullYear ()
- İl təyin edir (istədiyi ay və gün)setHours ()
- Saatı təyin edin (0-23)setMilliseconds ()
- Millisekundlar təyin edin (0-999)setMinutes ()
- Dəqiqələri təyin edir (0-59)setMonth ()
- Ayı təyin edin (0-11)setSeconds ()
- Saniyələri təyin edir (0-59)setTime ()
- Vaxt təyin edin (1 yanvar 1970-ci ildən millisaniyə)setUTCDate ()
- Ayın gününü universal saata görə müəyyən bir tarix üçün təyin edir (gün, ay, tam il, saatlar, dəqiqələr və s. Üçün də mövcuddur)DOM rejimi
Bu DOM edir Sənəd obyekti modeli bir səhifənin. Bir veb səhifənin quruluşunun kodudur. JavaScript HTML elementlərini (qovşaqlar adlanır) yaratmaq və idarə etmək üçün bir çox müxtəlif yollarla gəlir..
Node xüsusiyyətləri
atributları
- Bir elementə qeydə alınmış bütün atributların canlı kolleksiyasını qaytarırbazaURI
- HTML elementinin mütləq bazası URL təmin ediruşaqNode
- Bir elementin uşaq qovşaqlarının kolleksiyasını veririlkChild
- Bir elementin ilk uşaq nodunu qaytarırsonChild
- Bir elementin son uşaq nodusonrakı bacı
- Eyni qovşaq ağacı səviyyəsində növbəti node verirnodeName
- Düyün adını qaytarırnodeType
- Düyün tipini qaytarırnodeValue
- Bir node dəyərini təyin edir və ya qaytarırsahibi sənəd
- Bu node üçün ən üst səviyyəli sənəd obyektivalideynNode
- Bir elementin ana nodeunu qaytarırəvvəlkiSibling
- Cari birindən dərhal əvvəl nodu qaytarırmətnContent
- Düyünün və onun nəslinin mətn tərkibini təyin edir və ya qaytarırDüyün metodları
appendChild ()
- Son uşaq nodu kimi bir elementə yeni bir uşaq node əlavə edircloneNode ()
- HTML elementini klonlaşdırırmüqayisəDocumentPosition ()
- İki elementin sənəd mövqeyini müqayisə edirgetFeature ()
- Müəyyən bir xüsusiyyətin API-lərini tətbiq edən bir obyekti qaytarırhasar atributları ()
- Bir elementin hər hansı bir atributu varsa gerçək qayıdır, əks halda yalanhasChildNodes ()
- Bir elementin hər hansı bir uşaq düyünləri varsa, əksinə yalnışdırinsertBefore ()
- Müəyyən edilmiş, mövcud bir uşaq node əvvəl yeni bir uşaq node daxilisDefaultNamespace ()
- Müəyyən edilmiş bir ad boşluğuURI defoltdur, əks halda yalnışdırisEqualNode ()
- İki elementin bərabər olub olmadığını yoxlayırisSameNode ()
- İki elementin eyni node olub olmadığını yoxlayırisSupported ()
- Müəyyən bir xüsusiyyət elementdə dəstəklənərsə gerçək qayıdıraxtarmaqNamespaceURI ()
- Verilmiş node ilə əlaqəli ad boşluğu URI-ni qaytarıraxtarmaqPrefix ()
- Mövcud bir ad boşluğu URI üçün əvvəlcədən ibarət olan DOMStringi qaytarırnormallaşdırmaq ()
- Bitişik mətn qovşaqlarına qoşulur və bir elementdəki boş mətn qovşaqlarını çıxarırremoveChild ()
- Bir elementdən uşaq nodunu çıxarırəvəz etməkChild ()
- Bir elementdə uşaq nodunu əvəz edirElement metodları
getAttribute ()
- Bir element nodunun göstərilən atribut dəyərini qaytarırgetAttributeNS ()
- Atributun simli dəyərini göstərilən ad sahəsi və adı ilə qaytarırgetAttributeNode ()
- Göstərilən atribut node alırgetAttributeNodeNS ()
- Verilmiş ad sahəsi və adı ilə atribut üçün atribut qovşağını qaytarırgetEmissionsByTagName ()
- Göstərilən etiket adı ilə bütün uşaq elementlərinin toplusunu təmin edirgetEmissionsByTagNameNS ()
- Verilmiş adlar məkanına məxsus müəyyən bir etiket adı olan elementlərin canlı HTMLCollectionunu qaytarırhasAttribute ()
- Bir elementin hər hansı bir atributu varsa gerçək qayıdır, əks halda yalanhasAttributeNS ()
- Verilmiş bir ad sahəsindəki mövcud elementin müəyyən edilmiş xüsusiyyətə sahib olub-olmadığını göstərən doğru / yanlış bir dəyər verirremoveAttribute ()
- Bir elementdən müəyyən bir atributu silirremoveAttributeNS ()
- Müəyyən bir ad zonasında bir elementdən göstərilən atributu silirremoveAttributeNode ()
- Müəyyən edilmiş bir atribut nodunu götürür və çıxarılan nodu qaytarırsetAttribute ()
- Müəyyən edilmiş atributu müəyyən bir dəyərə təyin edir və ya dəyişdirirsetAttributeNS ()
- Yeni bir atribut əlavə edir və ya verilmiş ad sahəsi və adı ilə bir atributun dəyərini dəyişdirirsetAttributeNode ()
- Müəyyən edilmiş atribut nodunu təyin edir və ya dəyişdirirsetAttributeNodeNS ()
- Bir elementə yeni bir ad atılmış atribut node əlavə edirİstifadəçi Brauzeri ilə işləmək
HTML elementlərindən başqa JavaScript də istifadəçi brauzerini nəzərə almağa və xüsusiyyətlərini koda daxil etməyə qadirdir.
Pəncərə xüsusiyyətləri
Bağlı
- Bir pəncərənin bağlı olub olmadığını yoxlayır və gerçək və ya yalan olduğunu qaytarırdefaultStatus
- Pəncərənin status çubuğunda standart mətni təyin edir və ya qaytarırsənəd
- Pəncərə üçün sənəd obyektini qaytarırçərçivələr
- Hamısını qaytarırcari pəncərədəki elementlər
tarixi
- Pəncərə üçün Tarix obyekti verirdaxiliHeight
- Bir pəncərənin məzmun sahəsinin daxili hündürlüyüdaxili genişlik
- Məzmun sahəsinin daxili genişliyiuzunluğu
- Sayını öyrəninpəncərədəki elementlər
yeri
- Pəncərə üçün yer obyektini qaytarıradı
- Bir pəncərənin adını təyin edir və ya qaytarırnaviqator
- Pəncərə üçün Navigator obyektini qaytarıraçar
- Pəncərəni yaradan pəncərə istinadını qaytarırxariciHeight
- Bir pəncərənin xarici hündürlüyü, o cümlədən alət çubuqları / sürüşmə çubuqlarıxarici genişlik
- Bir pəncərənin xarici eni, o cümlədən alət çubuğu / sürüşmə çubuqlarısəhifəXOffset
- Mövcud sənədin üfüqi şəkildə diyirlədiyi piksellərin sayısəhifəYOffset
- Sənəd şaquli olaraq sürüşdürülmüş piksellərin sayıvalideyn
- Mövcud pəncərənin ana pəncərəsiekran
- Pəncərə üçün Ekran obyektini qaytarırscreenLeft
- Pəncərənin üfüqi koordinatı (ekrana nisbətən)ekranTop
- Pəncərənin şaquli koordinatıekranX
- Eyni iləscreenLeft
lakin bəzi brauzerlər üçün lazımdırekranY
- Eyni iləekranTop
lakin bəzi brauzerlər üçün lazımdırözünü
- Mövcud pəncərəni qaytarırstatus
- Bir pəncərənin status çubuğunda mətni təyin edir və ya qaytarırüst
- Ən yaxşı brauzer pəncərəsini qaytarırPəncərə üsulları
xəbərdarlıq ()
- Bir mesaj və OK düyməsinə sahib bir siqnal qutusu göstərilirqarışıqlıq ()
- Mövcud pəncərədən fokusu siliraydın İnterval ()
- Bir dəsti bir taymeri təmizləyirsetInterval ()
ClearTimeout ()
- Bir dəsti bir taymeri təmizləyirsetTimeout ()
yaxın()
- Mövcud pəncərəni bağlayırtəsdiqləyin ()
- Bir mesaj və bir ilə bir dialoq qutusu göstərilir tamam və Ləğv et düyməsini basındiqqət ()
- Mövcud pəncərəyə diqqət yetirirhərəkətBy ()
- Mövcud vəziyyətinə görə bir pəncərəni hərəkət etdirirköçmək()
- Pəncərəni müəyyən bir yerə köçürüraçıq ()
- Yeni bir brauzer pəncərəsini açırçap et ()
- Cari pəncərənin məzmununu yazdırırtez ()
- Ziyarətçini giriş üçün təklif edən bir dialoq qutusunu göstərirresizeBy ()
- Pəncərəni müəyyən edilmiş piksel sayına görə ölçüsünü dəyişirresizeTo ()
- Pəncərəni müəyyən bir genişlik və hündürlüyə dəyişirscrollBy ()
- Sənədi müəyyən sayda piksel üzrə fırladırscrollTo ()
- Sənədi göstərilən əlaqələndirirsetInterval ()
- Bir funksiyanı çağırır və ya müəyyən bir aralıqlarla bir ifadəni qiymətləndirirsetTimeout ()
- Bir funksiyanı çağırır və ya müəyyən bir aralıqdan sonra bir ifadəni qiymətləndirirdayandırmaq ()
- Pəncərənin yüklənməsini dayandırırEkran xüsusiyyətləri
availHeyt
- Ekranın yüksəkliyini qaytarır (Windows tapşırıq çubuğu istisna olmaqla)availWidth
- Ekranın genişliyini qaytarır (Windows Taskbar istisna olmaqla)rəngDepth
- Təsvirləri göstərmək üçün rəng palitrasının bit dərinliyini qaytarırhündürlük
- Ekranın ümumi hündürlüyüpikselDepth
- Bir piksel başına bit rəng ekranın rəng həllieni
- Ekranın ümumi eniJavaScript Hadisələri
Hadisələr HTML elementləri ilə baş verə biləcək şeylərdir və istifadəçi tərəfindən yerinə yetirilir. Proqramlaşdırma dili bu hadisələri dinləyə və koddakı hərəkətləri tetikleyebilir. Heç bir JavaScript fırıldaqçı vərəqəsi onsuz olmadan tam olmazdı.
Siçan
onclick
- Hadisə istifadəçi bir elementi tıkladığında baş verironkontekst menyusu
- İstifadəçi bir kontekst menyusunu açmaq üçün elementə klikləyinondblclick
- İstifadəçi bir elementə iki dəfə vururonmousedown
- İstifadəçi bir element üzərində siçan düyməsini basıronmouseenter
- Göstərici bir element üzərində hərəkət edironmouseleave
- Göstərici bir elementdən kənara çıxıronmousemove
- Bir element bitdikdə göstərici hərəkət edironmouseover
- Göstərici bir elementə və ya uşaqlarından birinə köçürüldükdəonmouseout
- İstifadəçi siçan pointerini bir elementdən və ya uşaqlarından birindən kənara keçirironmouseup
- Bir element üzərində olarkən istifadəçi siçan düyməsini buraxırKlaviatura
onkeydown
- İstifadəçi bir düyməni basdıqdaonkeypress
- İstifadəçi bir düyməni basmağa başladığı anonkeyup
- İstifadəçi bir açar buraxırÇərçivə
onabort
- Bir medianın yüklənməsi ləğv edildiəvvəlcədən yükləmək
- Hadisə sənədin boşaldılmasından əvvəl baş verironerror
- Xarici bir fayl yükləyərkən bir səhv baş verironhashchange
- Bir URL-nin lövbər hissəsində dəyişikliklər olduyükləmə
- Bir obyekt yüklədikdəonpagehide
- İstifadəçi veb səhifədən uzaqlaşıronpageshow
- İstifadəçi bir veb səhifəyə gedəndəonresize
- Sənəd görünüşü boyutlandırılıronscroll
- Bir elementin sürüşmə çubuğu sürüşüronun yükü
- Bir səhifə boşaldılanda hadisə baş verirForma
onblur
- Bir element diqqəti itirəndəyerdəyişmə
- Bir forma elementinin məzmunu dəyişir (üçün.),
və
)
onfokus
- Bir element diqqət mərkəzində oluronfokusin
- Bir element odaklanmağa hazırlaşdıqdaonfocusout
- Element diqqəti itirmək üzrədironinput
- Bir element istifadəçi girişioninvalid
- Bir element etibarsızdıronreset
- Bir forma yenidən quruluraraşdırma
- İstifadəçi bir axtarış sahəsində bir şey yazır)
seçmə
- İstifadəçi bəzi mətni seçir (üçün.)və
)
onsubmit
- Bir forma təqdim olunurÇək
ondrag
- Bir element sürüklənirondragend
- İstifadəçi elementi sürüklədiondragenter
- Çəkilən element açılan hədəfə daxil olurondragleave
- A sürüklənmiş element açılan hədəfi tərk edirondragover
- Çəkilən element açılan hədəfin üstündədirondragstart
- İstifadəçi bir element sürükləməyə başlayırondrop
- Çəkilmiş element açılan hədəfə vurulurPanoya
onkopiya
- İstifadəçi bir elementin məzmununu kopyalayıroncut
- İstifadəçi bir elementin məzmununu kəsironpaste
- Bir istifadəçi məzmunu bir elementə yapışdırırMedia
onabort
- Mediya yükləmə ləğv edildioncanplay
- Brauzer medianı oynamağa başlaya bilər (məsələn, bir fayl kifayət qədər tamponlanmışdır)oncanplaythrough
- Brauzer dayanmadan media vasitəsilə oynaya bilərondurationchange
- Medianın müddəti dəyişirbağlandı
- Media sona çatdıonerror
- Xarici bir fayl yükləyərkən bir səhv baş verdikdə baş verironloadeddata
- Media məlumatları yükləniryüklənmiş metadata
- Metadata (ölçü və müddət kimi) yüklənironloadstart
- Brauzer müəyyən medianı axtarmağa başlayıronpozasiya
- Media ya istifadəçi tərəfindən ya da avtomatik olaraq durduruluronplay
- Mediaya başlandı və ya artıq dayandırıldıifa edir
- Mediya buferləmə üçün dayandırıldıqdan və ya dayandırıldıqdan sonra çalırtərəqqi
- Brauzer mediaya yükləmə müddətindədironratechange
- Medianın oyun sürəti dəyişironseeked
- İstifadəçi hərəkətə keçdi / mediada yeni bir mövqeyə keçdiizləmə
- İstifadəçi hərəkət etməyə / atlanmağa başlayırquraşdırılıb
- Brauzer mediaya yükləməyə çalışır, lakin bu mümkün deyilonsuspend
- Brauzer qəsdən mediaya yükləmirontimeupdate
- Oyun mövqeyi dəyişdi (məsələn, sürətli irəli getdiyinə görə)onvolumechange
- Mediya həcmi dəyişdi (səssiz daxil olmaqla)gözləyən
- Mediya dayandırıldı, lakin davam etməsi gözlənilir (məsələn, buferləşdirmə)Animasiya
animasiyaend
- Bir CSS animasiya tamamlandıanimasiya
- CSS animasiyası təkrarlanıranimasiyastartı
- CSS animasiyası başladıDigərləri
keçid
- CSS keçidi başa çatdıqda işdən çıxarıldıonmessage
- Tədbir mənbəyi vasitəsilə bir mesaj alınıronoffline
- Brauzer oflayn işləməyə başlayırononline
- Brauzer onlayn işləməyə başlayıronpopstat
- Pəncərənin tarixi dəyişdikdəonshow
- Aelement kontekst menyusu kimi göstərilir
saxlama
- Veb Saxlama sahəsi yenilənirontoggle
- İstifadəçi açır və ya bağlayıronwheel
- Siçan təkəri bir element üzərində yuxarı və ya aşağı yuvarlanırontuşcancel
- Ekran toxunuşu kəsilirüstünə
- İstifadəçinin barmağı sensor ekrandan çıxarılıbontuşmove
- Bir barmaq ekrana sürüklənirontouchstart
- Bir barmaq toxunma ekranına yerləşdirilibSəhvlər
JavaScript ilə işləyərkən fərqli səhvlər baş verə bilər. Bunlarla işləməyin bir neçə yolu var:
cəhd edin
- Səhvləri yoxlamaq üçün kod blokunu təyin etməyə imkan verirtutmaq
- Səhv olduqda icra etmək üçün bir kod bloku qurunatmaq
- Standart JavaScript səhvlərinin əvəzinə xüsusi səhv mesajları yaradınnəhayət
- Nəticədən asılı olmayaraq cəhd və tutduqdan sonra kodu icra etməyə imkan verirSəhv Adı Dəyərləri
JavaScript də quraşdırılmış səhv obyektinə malikdir. İki xassəyə malikdir:
adı
- Səhv adını təyin edir və ya qaytarırmesaj
- Bir simli bir səhv mesajı təyin edir və ya qaytarırSəhv xassəsi adı olaraq altı fərqli dəyəri qaytara bilər:
EvalError
- Səhv baş verdiqiymətləndir ()
funksiyasıRangeError
- Bir sıra "kənarda"İstinadError
- Qeyri-qanuni bir arayış meydana gəldiSöz düzümü səhvi
- Sintaksis xətası baş verdiTypeError
- Bir növ səhv baş verdiURIError
- BirencodeURI ()
səhv baş verdiBir fıstıqdakı JavaScript Cheat Sheet
JavaScript bir proqramlaşdırma dili olaraq çox əhəmiyyət qazanır. Bu sübut edilmiş iz rekordu və faydaları sayəsində veb xassələri yaratmaq üçün getdikcə daha çox istifadə olunan dildir.
Yuxarıdakı JavaScript fırıldaqçı vərəqində bir çox əsas və vacib operator, funksiya, prinsip və metodları tərtib etdik. Bu dilin yaxşı bir görünüşü və həm inkişaf etdiricilər, həm də öyrənənlər üçün bir arayış təmin edir. Ümid edirik ki, faydalı tapdınız.
JavaScript fırıldaqçı vərəqinə əlavələr varmı? Zəhmət olmasa aşağıdakı şərh bölməsində bizə bildirin!