Jeśli chcesz budować dynamiczne strony internetowe, będziesz musiał uzupełnić swoją wiedzę na temat HTML i CSS o zrozumienie JavaScript . Ten język skryptowy jest uważany za niezbędny w nowoczesnym tworzeniu stron internetowych.
Możesz tworzyć wszelkiego rodzaju ciekawe interaktywne aplikacje i strony internetowe za pomocą JavaScript, ale po drodze jest wiele do nauczenia się. Mając to na uwadze, stworzyliśmy dla Ciebie następującą ściągawkę JavaScript.
Ściągawka może służyć jako szybkie odświeżenie elementów JavaScript w dowolnym momencie. Jest to przydatne zarówno dla początkujących, jak i ekspertów.
jak znaleźć piosenkę z filmu na youtube
DARMOWE POBIERANIE: Ta ściągawka jest dostępna jako PDF do pobrania od naszego partnera dystrybucyjnego, TradePub. Będziesz musiał wypełnić krótki formularz, aby uzyskać do niego dostęp tylko po raz pierwszy. Pobierać Ostateczna ściągawka JavaScript .
Ostateczna ściągawka JavaScript
Skrót | Akcja |
---|---|
Tablice JavaScript | |
concat() | Połącz kilka tablic w jedną |
kopiuj w obrębie() | Skopiuj elementy tablicy w tablicy, do iz określonych pozycji |
indeks() | Zwróć pierwotną wartość określonego obiektu |
zawiera () | Sprawdź, czy tablica zawiera określony element |
Przystąp() | Połącz elementy tablicy w jeden ciąg i zwróć ciąg |
wpisy() | Zwróć parę klucz/wartość Obiekt iteracji tablicy |
każdy() | Sprawdź, czy każdy element w tablicy przechodzi test |
napełnić() | Wypełnij elementy tablicy wartością statyczną |
filtr() | Utwórz nową tablicę z każdym elementem w tablicy, który przejdzie test |
odnaleźć() | Zwróć wartość pierwszego elementu w tablicy, który przeszedł test |
dla każdego() | Wywołaj funkcję dla każdego elementu tablicy |
z() | Utwórz tablicę z obiektu |
ostatniIndeks() | Podaj ostatnią pozycję, na której dany element pojawia się w tablicy |
Muzyka pop () | Usuń ostatni element tablicy |
naciskać() | Dodaj nowy element na końcu |
odwrócić() | Sortuj elementy w kolejności malejącej |
zmniejszyć() | Zmniejsz wartości tablicy do pojedynczej wartości (od lewej do prawej) |
zmniejsz w prawo() | Zmniejsz wartości tablicy do pojedynczej wartości (od prawej do lewej) |
Zmiana() | Usuń pierwszy element tablicy |
plasterek() | Przeciągnij kopię części tablicy do nowego obiektu tablicy |
sortować() | Sortuj elementy alfabetycznie |
splatać() | Dodaj elementy w określony sposób i pozycję |
unshift() | Dodaj nowy element na początek |
Metody logiczne JavaScript | |
toString() | Konwertuj wartość logiczną na ciąg i zwróć wynik |
wartość() | Zwraca pierwszą pozycję, na której dany element pojawia się w tablicy |
do źródła() | Zwróć ciąg znaków reprezentujący kod źródłowy obiektu |
Operatory arytmetyczne JavaScript | |
+ | Dodatek |
- | Odejmowanie |
* | Mnożenie |
/ | Podział |
(...) | Operator grupujący (operacje w nawiasach są wykonywane wcześniej niż te na zewnątrz) |
% | Moduł (pozostały) |
++ | Liczby przyrostowe |
- | Zmniejsz liczby |
== | Równy |
=== | Równa wartość i równy typ |
! = | Nie równe |
! == | Nierówna wartość lub nierówny typ |
> | Lepszy niż |
< | Mniej niż |
> = | Większy lub równy |
<= | Mniejsze lub równe |
? | Operator trójskładnikowy |
Operatory logiczne | |
&& | Logiczne AND |
|| | Logiczne OR |
! | Logiczne NIE |
Operatory bitowe | |
& | I oświadczenie |
| | Oświadczenie LUB |
~ | NIE |
^ | XOR |
<< | Przesunięcie w lewo |
>> | Przesunięcie w prawo |
>>> | Zerowe wypełnienie prawe przesunięcie |
Funkcje | |
alarm() | Dane wyjściowe w polu alertu w oknie przeglądarki |
potwierdzać() | Otwórz okno dialogowe tak/nie i zwróć prawdę/fałsz w zależności od kliknięcia użytkownika |
konsola.log() | Zapisz informacje w konsoli przeglądarki (dobre do celów debugowania) |
dokument.zapis() | Napisz bezpośrednio do dokumentu HTML |
podpowiedź() | Utwórz okno dialogowe do wprowadzania danych przez użytkownika |
Funkcje globalne | |
dekoduje () | Dekoduj Uniform Resource Identifier (URI) utworzony przez encodeURI lub podobny |
dekodujURIkomponent() | Dekoduj identyfikator URI komponentu |
kodujURI() | Zakoduj identyfikator URI w UTF-8 |
encodeURIkomponent() | To samo, ale dla komponentów URI |
oceniać() | Oceń kod JavaScript reprezentowany jako ciąg |
jest skończony () | Określ, czy przekazana wartość jest liczbą skończoną |
isNaN() | Sprawdź, czy wartość jest nieprawidłową liczbą |
Numer() | Konwertuj wartość obiektu na liczbę |
parseFloat() | Przeanalizuj ciąg i zwróć liczbę zmiennoprzecinkową |
parseInt() | Przeanalizuj łańcuch i zwróć liczbę całkowitą |
Pętle JavaScript | |
dla | Najpopularniejszy sposób tworzenia pętli w JavaScript |
podczas | Ustaw warunki, w których pętla będzie wykonywana |
zrób chwilę | Podobna do pętli while, jednak wykonuje się co najmniej raz i sprawdza na końcu, czy warunek jest spełniony, aby wykonać ponownie |
przerwa | Zatrzymaj i wyjdź z cyklu, jeśli spełnione są określone warunki |
kontyntynuj | Pomiń części cyklu, jeśli spełnione są określone warunki |
Ucieczka znaków | |
' | Pojedynczy cytat |
' | Cudzysłów |
\ | Ukośnik wsteczny |
b | Backspace |
F | Kanał formularza |
Nowa linia | |
Zwrot karetki | |
T | Tabulator poziomy |
v | Tabulator pionowy |
Metody ciągów JavaScript | |
charAt () | Zwróć znak w określonej pozycji wewnątrz ciągu |
charKodA () | Podaj unicode znaku w tej pozycji |
concat() | Połącz (połącz) dwa lub więcej ciągów w jeden |
odKodZnaku() | Zwróć ciąg utworzony z określonej sekwencji jednostek kodu UTF-16 |
indeks() | Podaj pozycję pierwszego wystąpienia określonego tekstu w ciągu |
ostatniIndeks() | To samo co indexOf(), ale z ostatnim wystąpieniem, wyszukiwanie wstecz |
mecz() | Pobierz dopasowania ciągu do wzorca wyszukiwania |
wymienić() | Znajdź i zamień określony tekst w ciągu |
Szukaj() | Przeprowadź wyszukiwanie pasującego tekstu i zwróć jego pozycję |
plasterek() | Wyodrębnij fragment ciągu i zwróć go jako nowy ciąg |
podział() | Podziel obiekt łańcuchowy na tablicę łańcuchów w określonej pozycji |
zaczynać z() | Sprawdź, czy ciąg zaczyna się od określonych znaków |
substr() | Podobny do slice(), ale wyodrębnia podciąg zależny od określonej liczby znaków |
podciąg() | Podobny do slice(), ale nie akceptuje indeksów ujemnych |
do małych liter() | Konwertuj ciągi na małe litery |
do wielkich liter() | Konwertuj ciągi na wielkie litery |
wartość() | Zwróć pierwotną wartość (która nie ma właściwości ani metod) obiektu tekstowego |
SKŁADNIA WYRAŻENIA REGULARNEGO Modyfikatory wzoru | |
I | Oceń wymianę |
i | Wykonaj dopasowanie bez rozróżniania wielkości liter |
g | Wykonaj globalne dopasowanie |
m | Wykonaj dopasowanie wielu wierszy |
s | Traktuj struny jako pojedynczą linię |
x | Zezwalaj na komentarze i odstępy we wzorcu |
U | Niechciwy wzór |
Wsporniki | |
[ABC] | Znajdź dowolny znak w nawiasach |
[^ abc] | Znajdź dowolny znak, którego nie ma w nawiasach |
[0-9] | Znajdź cyfrę podaną w nawiasach |
[A–z] | Znajdź dowolny znak od dużej litery A do małej z |
(a|b|c) | Znajdź dowolną z alternatyw oddzielonych | |
Metaznaki | |
. | Znajdź pojedynczy znak, z wyjątkiem nowego wiersza lub zakończenia wiersza |
w | Znak słowny |
W | Znak niebędący słowem |
D | Cyfra |
D | Znak niecyfrowy |
s | Znak odstępu |
S | Znak inny niż biały |
b | Znajdź dopasowanie na początku/końcu słowa |
B | Znajdź dopasowanie nie na początku/końcu słowa |
u0000 | Znak NUL |
Nowy znak linii | |
F | Postać z kanału formularza |
Znak powrotu karetki | |
T | Znak tabulacji |
v | Pionowy znak tabulatora |
xxx | Znak określony przez liczbę ósemkową xxx |
xdd | Znak łaciński określony liczbą szesnastkową dd |
udddd | Znak Unicode określony liczbą szesnastkową dddd |
Kwantyfikatory | |
n+ | Dopasuj dowolny ciąg, który zawiera co najmniej jedno n |
n* | Dowolny ciąg, który zawiera zero lub więcej wystąpień n |
n? | Dowolny ciąg, który zawiera zero lub jedno wystąpienie n |
n{X} | Dowolny ciąg zawierający ciąg X n |
n {X, Y} | Ciągi zawierające ciąg od X do Y n |
n{X,} | Dopasowuje dowolny ciąg, który zawiera ciąg co najmniej X n |
n$ | Dowolny ciąg z n na końcu |
^n | Ciąg z n na początku |
?=n | Dowolny ciąg, po którym następuje określony ciąg n |
?!n | Ciąg, po którym nie następuje określony ciąg n |
Właściwości numeru | |
MAKSYMALNA WARTOŚĆ | Maksymalna wartość liczbowa reprezentowana w JavaScript |
MIN_VALUE | Najmniejsza dodatnia wartość liczbowa reprezentowana w JavaScript |
NaN | Wartość Nie-liczba |
NEGATYWNE_NIESKOŃCZENIE | Ujemna wartość nieskończoności |
POSITIVE_INFINITY | Dodatnia wartość nieskończoności |
Metody liczbowe | |
do wykładniczego() | Zwróć łańcuch z zaokrągloną liczbą zapisaną w notacji wykładniczej |
do naprawionego() | Zwróć ciąg liczby z określoną liczbą miejsc po przecinku |
doprecyzji() | Zwraca ciąg liczby zapisanej o określonej długości |
toString() | Zwróć liczbę jako ciąg |
wartość() | Zwróć liczbę jako liczbę |
Właściwości matematyczne | |
ORAZ | liczba Eulera |
LN2 | Logarytm naturalny 2 |
LN10 | Logarytm naturalny 10 |
LOG2E | Logarytm o podstawie 2 z E |
LOG10E | Logarytm dziesiętny z E |
Liczba Pi | Liczba PI |
SQRT1_2 | Pierwiastek kwadratowy z 1/2 |
SQRT2 | Pierwiastek kwadratowy z 2 |
Metody matematyczne | |
abs(x) | Zwróć bezwzględną (dodatnią) wartość x |
accos (x) | Arcus cosinus x, w radianach |
asin(x) | Arcsinus od x, w radianach |
atan (x) | Arcus tangens x jako wartość liczbowa |
atan2 (y, x) | Arcus tangens ilorazu jego argumentów |
sufit (x) | Wartość x zaokrąglona w górę do najbliższej liczby całkowitej |
cos(x) | Cosinus x (x jest w radianach) |
exp(x) | Wartość Ex |
piętro(x) | Wartość x zaokrąglona w dół do najbliższej liczby całkowitej |
log(x) | Logarytm naturalny (podstawa E) z x |
max(x,y,z,...,n) | Liczba o najwyższej wartości |
min (x, y, z, ..., n) | Numer o najniższej wartości |
pow (x, y) | X do potęgi y |
losowy() | Liczba losowa od 0 do 1 |
okrągły(x) | Wartość x zaokrąglona do najbliższej liczby całkowitej |
grzech (x) | Sinus x (x jest w radianach) |
sqrt(x) | Pierwiastek kwadratowy z x |
więc (x) | Styczna kąta |
Daktyle | |
Data() | Utwórz nowy obiekt daty z bieżącą datą i godziną |
Data (2017, 5, 21, 3, 23, 10, 0) | Utwórz niestandardowy obiekt daty. Liczby reprezentują rok, miesiąc, dzień, godzinę, minuty, sekundy, milisekundy. Możesz pominąć wszystko, co chcesz, z wyjątkiem roku i miesiąca. |
Data (2017-06-23) | Deklaracja daty jako ciąg |
pobierzDatę() | Pobierz dzień miesiąca jako liczbę (1-31) |
pobierzDzień() | Pobierz dzień tygodnia jako liczbę (0-6) |
pobierzPełnyRok() | Pobierz rok jako czterocyfrową liczbę (rrrr) |
pobierzGodziny() | Pobierz godzinę (0-23) |
pobierzMilisekundy() | Uzyskaj milisekundę (0-999) |
pobierzMinuty() | Zdobądź minutę (0-59) |
pobierz miesiąc() | Pobierz miesiąc jako liczbę (0-11) |
pobierzSekundy() | Zdobądź drugi (0-59) |
uzyskać czas() | Sprawdź czas (milisekundy od 1 stycznia 1970) |
pobierzUTCData () | Dzień (data) miesiąca w określonej dacie według czasu uniwersalnego (dostępne również dla dnia, miesiąca, pełnego roku, godzin, minut itp.) |
analizować | Przeanalizuj ciąg reprezentujący datę i zwróć liczbę milisekund od 1 stycznia 1970 r. |
ustawić datę() | Ustaw dzień jako liczbę (1-31) |
ustawPełny rok () | Ustaw rok (opcjonalnie miesiąc i dzień) |
setGodziny () | Ustaw godzinę (0-23) |
ustawMilisekundy() | Ustaw milisekundy (0-999) |
ustawMinuty() | Ustaw minuty (0-59) |
setMonth() | Ustaw miesiąc (0-11) |
setSeconds() | Ustaw sekundy (0-59) |
ustawCzas() | Ustaw czas (w milisekundach od 1 stycznia 1970) |
setUTCDate() | Ustaw dzień miesiąca dla określonej daty według czasu uniwersalnego (dostępne również dla dnia, miesiąca, pełnego roku, godzin, minut itp.) |
TRYB DOM Właściwości węzła | |
atrybuty | Kolekcja na żywo wszystkich atrybutów zarejestrowanych w elemencie |
bazowy URI | Bezwzględny bazowy adres URL elementu HTML |
childNodes | Kolekcja węzłów podrzędnych elementu |
pierworodny | Pierwszy węzeł potomny elementu |
ostatnie dziecko | Ostatni węzeł podrzędny elementu |
następny Rodzeństwo | Następny węzeł na tym samym poziomie drzewa węzłów |
Nazwa węzła | Nazwa węzła |
typ węzła | Typ węzła |
nodeValue | Wartość węzła |
właścicielDokument | Obiekt dokumentu najwyższego poziomu dla bieżącego węzła |
rodzicNode | Węzeł nadrzędny elementu |
poprzedniRodzeństwo | Węzeł bezpośrednio poprzedzający bieżący |
tekstZawartość | Treść tekstowa węzła i jego potomków |
Metody węzłowe | |
dołączDziecko() | Dodaj nowy węzeł podrzędny do elementu jako ostatni węzeł podrzędny |
klonNode() | Klonuj element HTML |
PorównajPozycjęDokumentu () | Porównaj pozycję dokumentu dwóch elementów |
pobierzfunkcję() | Zwróć obiekt, który implementuje API określonej funkcji |
maAtrybuty() | Zwróć true, jeśli element ma jakieś atrybuty, w przeciwnym razie zwróć false |
hasChildNodes () | Zwróć true, jeśli element ma jakieś węzły potomne, w przeciwnym razie zwróć false |
wstaw przed () | Wstaw nowy węzeł podrzędny przed określonym, istniejącym węzłem podrzędnym |
isDefaultNamespace() | Zwróć true, jeśli określona przestrzeń nazw URI jest wartością domyślną, w przeciwnym razie zwróć false |
isEqualNode () | Sprawdź, czy dwa elementy są równe |
jestSameNode() | Sprawdź, czy dwa elementy są tym samym węzłem |
jest wspierany () | Zwróć true, jeśli określona funkcja jest obsługiwana w elemencie |
identyfikator URI przestrzeniNazw szukania() | Zwróć URI przestrzeni nazw skojarzony z danym węzłem |
wyszukajPrefiks() | Zwróć DOMString zawierający prefiks dla danej przestrzeni nazwURI, jeśli jest obecny |
normalizować() | Dołącz do sąsiednich węzłów tekstowych i usuń puste węzły tekstowe w elemencie |
usuńDziecko() | Usuń węzeł podrzędny z elementu |
zastąp dziecko() | Zamień węzeł podrzędny w elemencie |
Metody elementowe | |
pobierzAtrybut() | Zwróć określoną wartość atrybutu węzła elementu |
pobierzAtrybutNS() | Zwróć wartość ciągu atrybutu z określoną przestrzenią nazw i nazwą |
pobierzWęzełAtrybutu() | Uzyskaj określony węzeł atrybutu |
pobierzWęzełAtrybutuNS() | Zwróć węzeł atrybutu dla atrybutu z podaną przestrzenią nazw i nazwą |
pobierzElementsByTagName() | Podaj kolekcję wszystkich elementów podrzędnych o określonej nazwie tagu |
pobierzElementsByTagNameNS() | Zwróć na żywo kolekcję elementów HTML z określoną nazwą znacznika należącą do podanej przestrzeni nazw |
maAtrybut() | Zwróć true, jeśli element ma jakieś atrybuty, w przeciwnym razie zwróć false |
maAtrybutNS() | Podaj wartość true/false wskazującą, czy bieżący element w danej przestrzeni nazw ma określony atrybut |
usuńAtrybut() | Usuń określony atrybut z elementu |
usuńAtrybutNS() | Usuń określony atrybut z elementu w określonej przestrzeni nazw |
usuńWęzełAtrybutu() | Usuń określony węzeł atrybutu i zwróć usunięty węzeł |
ustawAtrybut() | Ustaw lub zmień określony atrybut na określoną wartość |
ustawAtrybutNS() | Dodaj nowy atrybut lub zmień wartość atrybutu o podanej przestrzeni nazw i nazwie |
setAtrybutNode() | Ustaw lub zmień określony węzeł atrybutu |
setAtrybutNodeNS() | Dodaj nowy węzeł atrybutu w przestrzeni nazw do elementu |
Właściwości okna przeglądarki | |
Zamknięte | Sprawdź, czy okno zostało zamknięte, czy nie i zwróć prawdę lub fałsz |
stan domyślny | Ustaw lub zwróć domyślny tekst w pasku stanu okna |
dokument | Zwróć obiekt dokumentu dla okna |
ramki | Zwróć wszystko |
historia | Podaj obiekt Historia dla okna |
wysokość wewnętrzna | Wewnętrzna wysokość obszaru zawartości okna |
szerokość wewnętrzna | Wewnętrzna szerokość obszaru zawartości |
długość | Zwróć liczbę |
Lokalizacja | Zwróć obiekt lokalizacji dla okna |
Nazwa | Ustaw lub zwróć nazwę okna |
nawigator | Zwróć obiekt Nawigatora dla okna |
otwieracz | Zwróć odniesienie do okna, które utworzyło okno |
wysokość zewnętrzna | Wysokość zewnętrzna okna, w tym paski narzędzi/paski przewijania |
szerokość zewnętrzna | Zewnętrzna szerokość okna, w tym paski narzędzi/paski przewijania |
stronaXOffset | Liczba pikseli, o jaką dokument został przewinięty w poziomie |
stronaYPrzesunięcie | Liczba pikseli, o jaką dokument został przewinięty w pionie |
rodzic | Okno nadrzędne bieżącego okna |
ekran | Zwróć obiekt Screen dla okna |
ekran w lewo | Współrzędna pozioma okna (w stosunku do ekranu) |
ekranTop | Współrzędna pionowa okna |
ekranX | Taki sam jak screenLeft, ale potrzebny w niektórych przeglądarkach |
screenY | Taki sam jak screenTop, ale potrzebny w niektórych przeglądarkach |
samego siebie | Zwróć bieżące okno |
status | Ustaw lub zwróć tekst w pasku stanu okna |
szczyt | Zwróć najwyższe okno przeglądarki |
Metody okna przeglądarki | |
alarm() | Wyświetl okno alertu z komunikatem i przyciskiem OK |
plama() | Usuń fokus z bieżącego okna |
wyczyśćInterwał() | Wyczyść ustawiony zegar za pomocą setInterval() |
wyczyść limit czasu() | Wyczyść ustawiony timer za pomocą setTimeout() |
blisko() | Zamknij bieżące okno |
potwierdzać() | Wyświetl okno dialogowe z komunikatem oraz przyciskami OK i Anuluj |
Centrum() | Ustaw fokus na bieżące okno |
przenieśPrzez() | Przesuń okno względem jego aktualnej pozycji |
przenieśDo() | Przenieś okno do określonej pozycji |
otwarty() | Otwórz nowe okno przeglądarki |
wydrukować() | Wydrukuj zawartość bieżącego okna |
podpowiedź() | Wyświetl okno dialogowe, które prosi odwiedzającego o wprowadzenie danych |
zmień rozmiar według() | Zmień rozmiar okna o określoną liczbę pikseli |
zmień rozmiar na() | Zmień rozmiar okna do określonej szerokości i wysokości |
przewiń według() | Przewiń dokument o określoną liczbę pikseli |
przewińDo() | Przewiń dokument do określonych współrzędnych |
setInterval() | Wywołaj funkcję lub oceń wyrażenie w określonych odstępach czasu |
setTimeout() | Wywołaj funkcję lub oceń wyrażenie po określonym przedziale |
zatrzymać() | Zatrzymaj ładowanie okna |
Właściwości ekranu | |
dostępneWysokość | Zwróć wysokość ekranu (z wyjątkiem paska zadań Windows) |
Dostępna szerokość | Zwróć szerokość ekranu (z wyłączeniem paska zadań Windows) |
głębia koloru | Zwróć głębię bitową palety kolorów do wyświetlania obrazów |
wzrost | Całkowita wysokość ekranu |
pikselGłębokość | Rozdzielczość kolorów ekranu w bitach na piksel |
szerokość | Całkowita szerokość ekranu |
WYDARZENIA JAVASCRIPTOWE Zdarzenia myszy JavaScript | |
na kliknięcie | Gdy użytkownik kliknie element |
menu kontekstowe | Gdy użytkownik kliknie element prawym przyciskiem myszy, aby otworzyć menu kontekstowe |
ondblkliknij | Gdy użytkownik dwukrotnie kliknie element |
w dół myszy | Gdy użytkownik naciśnie przycisk myszy nad elementem |
onmouseenter | Gdy użytkownik przesunie wskaźnik na element |
onmouseleave | Gdy użytkownik odsuwa wskaźnik od elementu |
onmousemove | Gdy użytkownik przesunie wskaźnik, gdy znajduje się on nad elementem |
po najechaniu myszą | Gdy użytkownik przesunie wskaźnik na element lub jedno z jego dzieci |
onmouseout | Gdy użytkownik oddala wskaźnik od elementu lub jednego z jego dzieci |
onmouseup | Gdy użytkownik zwolni przycisk myszy, gdy znajduje się nad elementem |
Zdarzenia klawiatury JavaScript | |
onkeydown | Gdy użytkownik naciska klawisz w dół |
onkeypress | Gdy użytkownik zaczyna naciskać klawisz |
onkeyup | Gdy użytkownik zwolni klawisz |
Zdarzenia klatek JavaScript | |
onaborta | Po przerwaniu ładowania nośnika |
przed rozładowaniem | Zanim dokument zostanie rozładowany |
onerror | Gdy wystąpi błąd podczas ładowania zewnętrznego pliku |
onhashchange | Gdy część zakotwiczenia adresu URL uległa zmianie |
onload | Po załadowaniu obiektu |
na stronieukryj | Gdy użytkownik opuszcza stronę internetową |
na stronie pokaż | Gdy użytkownik przechodzi na stronę internetową |
onresize | Gdy użytkownik zmienia rozmiar widoku dokumentu |
onscroll | Gdy użytkownik przewija pasek przewijania elementu |
onunload | Gdy strona się wyładuje |
Zdarzenia formularza JavaScript | |
onblur | Kiedy element traci ostrość |
onchange | Gdy zmienia się zawartość elementu formularza (dla , , i |
skoncentrowany | Kiedy element staje się skupiony |
onfocusin | Kiedy element ma się skupić |
onfocusout | Kiedy element ma stracić ostrość |
na wejściu | Dane wprowadzone przez użytkownika na elemencie |
onnieprawidłowy | Gdy element jest nieprawidłowy |
onreset | Gdy formularz zostanie zresetowany |
onsearch | Gdy użytkownik wpisze coś w polu wyszukiwania (dla ) |
onselect | Gdy użytkownik zaznaczy jakiś tekst (dla i ) |
przy zgłoszeniu | Po przesłaniu formularza |
Zdarzenia przeciągania JavaScript | |
ondrag | Gdy użytkownik przeciąga element |
ondragend | Gdy użytkownik zakończy przeciąganie elementu |
ondragent | Gdy przeciągnięty element wejdzie w cel upuszczania |
ondragleave | Gdy przeciągnięty element opuści cel upuszczania |
ondragover | Gdy przeciągany element znajduje się na górze celu upuszczania |
ondragstart | Kiedy użytkownik zaczyna przeciągać element |
ondrop | Przeciągany element jest upuszczany na cel upuszczania |
Zdarzenia schowka JavaScript | |
oncopy | Gdy użytkownik kopiuje zawartość elementu |
nacięcie | Gdy użytkownik wycina zawartość elementu |
onwklej | Gdy użytkownik wkleja treść w elemencie |
Wydarzenia w mediach JavaScript | |
onaborta | Po przerwaniu ładowania nośnika |
oncanplay | Kiedy przeglądarka może rozpocząć odtwarzanie multimediów (np. plik jest wystarczająco zbuforowany) |
oncanplaythrough | Kiedy przeglądarka może odtwarzać multimedia bez zatrzymywania |
zmiana czasu trwania | Gdy zmienia się czas trwania mediów |
połączony | Kiedy media dobiegają końca |
onerror | Gdy wystąpi błąd podczas ładowania zewnętrznego pliku |
wczytane dane | Po załadowaniu danych multimedialnych |
wczytane metadane | Po załadowaniu metadanych (takich jak wymiary i czas trwania) |
onloadstart | Gdy przeglądarka zacznie szukać określonych mediów |
w pauzie | Gdy multimedia są wstrzymane przez użytkownika lub automatycznie |
w grze | Gdy media zostały uruchomione lub nie są już wstrzymywane |
gra | Gdy multimedia są odtwarzane po wstrzymaniu lub zatrzymaniu w celu buforowania |
postęp | Gdy przeglądarka jest w trakcie pobierania multimediów |
zmiana szybkości | Podczas odtwarzania zmienia się prędkość multimediów |
poszukiwany | Gdy użytkownik zakończy przenoszenie/przeskakiwanie do nowej pozycji w mediach |
szukam | Gdy użytkownik zaczyna się poruszać/przeskakiwać |
zainstalowany | Gdy przeglądarka próbuje załadować niedostępne media |
onsuspend | Gdy przeglądarka celowo nie ładuje multimediów |
ontimeupdate | Pozycja gry uległa zmianie (np. z powodu szybkiego przewijania do przodu) |
onvolumechange | Zmiana głośności multimediów (w tym wyciszenie) |
czekam | Gdy multimedia zostały wstrzymane, ale oczekuje się, że zostaną wznowione (na przykład buforowanie) |
Animacja | |
koniec animacji | Po zakończeniu animacji CSS |
iteracja animacji | Kiedy animacja CSS się powtarza |
początek animacji | Po uruchomieniu animacji CSS |
Różnorodny | |
koniec przejściowy | Po zakończeniu przejścia CSS |
onmessage | Gdy wiadomość zostanie odebrana przez źródło zdarzenia |
w trybie offline | Gdy przeglądarka zacznie działać w trybie offline |
on-line | Kiedy przeglądarka zacznie działać online |
onpopstate | Kiedy zmienia się historia okna |
na wystawie | Gdy element jest wyświetlany jako menu kontekstowe |
na magazynie | Po zaktualizowaniu obszaru Web Storage |
przełącznik | Gdy użytkownik otwiera lub zamyka element |
na kole | Gdy kółko myszy przesuwa się w górę lub w dół nad elementem |
Anuluj przy dotknięciu | Gdy dotyk ekranu zostanie przerwany |
nietknięty | Gdy palec użytkownika znika z ekranu dotykowego |
ontouchmove | Gdy użytkownik przeciąga palcem po ekranie |
Przeglądaj JavaScript dalej
Uważamy JavaScript za jeden z najlepszych języków programowania do opanowania w przyszłości. I zalecamy zagłębienie się w zaawansowane koncepcje, takie jak Metody tablicowe JavaScript kiedy już opanujesz podstawy JavaScript.
przenoszenie pliku z jednego komputera na drugi
Źródło obrazu: Oskar Yildiz na Unsplash
Udział Udział Ćwierkać E-mail 15 poleceń wiersza polecenia systemu Windows (CMD), które musisz znaćWiersz poleceń jest nadal potężnym narzędziem systemu Windows. Oto najbardziej przydatne polecenia CMD, które każdy użytkownik systemu Windows musi znać.
Czytaj dalej Powiązane tematy- Wydajność
- Programowanie
- JavaScript
- Ściągawka
Akshata przeszkolił się w ręcznym testowaniu, animacji i projektowaniu UX, zanim skupił się na technologii i pisaniu. To połączyło dwa jej ulubione zajęcia — rozumienie systemów i upraszczanie żargonu. Na MakeUseOf Akshata pisze o tym, jak najlepiej wykorzystywać swoje urządzenia Apple.
Więcej od Akshaty ShanbhagZapisz się do naszego newslettera
Dołącz do naszego newslettera, aby otrzymywać porady techniczne, recenzje, bezpłatne e-booki i ekskluzywne oferty!
Kliknij tutaj, aby zasubskrybować