Metody obiektu okiennego | Wyjaśnione

Metody obiektu okiennego | Wyjaśnione
Obiekt okna w JavaScript to obiekt globalny automatycznie utworzony dla aktualnie otwartego okna przeglądarki. Jest uważany za przedmiot przeglądarki, a nie JavaScript. Obiekt okna zawiera również niektóre metody, które można użyć do wykonywania określonych funkcji, takich jak rozmiar aktywnego okna, wyświetlanie wiersza, dekodowanie kodowanego ciągu, ustawianie przedziału czasu do wykonywania operacji i wiele więcej.

W tym zapisie omówi metody obiektów okiennych w JavaScript. Wykazamy użycie niektórych przydatnych metod obiektów okiennych, takich jak alert (), potwierdza (), monit (), open () i settimeout (). Ponadto zostanie również podana lista innych metod obiektów okien JavaScript z ich opisem. A więc zacznijmy!

Metoda Obiekt okna w JavaScript w JavaScript

Metoda Obiekt Window Obiekt () jest wykorzystywana do wyświetlania pole alertu, które zawiera dodany ciąg i ma „OK" przycisk.

Przykład: Za pomocą metody obiektu okiennego () w JavaScript

W tym przykładzie po pierwsze zdefiniujemy „MSG ()”Funkcja z„alarm()„Metoda obiektu okiennego w jego ciele. Po tym dodamy „Kliknij”Przycisk, a następnie dołącz„MSG ()”Funkcja do„na kliknięcie" wydarzenie:





Wykonaj powyższy program w swoim ulubionym edytorze kodu lub dowolnej piaskownicy kodowania online; Jednak w tym celu wykorzystamy JSBin:

Teraz, kiedy klikniemy podświetlony przycisk, pole alertu zostanie wyświetlone z komunikatem „Uczymy się metod obiektów okien”:

Metoda okna potwierdź () w JavaScript

W JavaScript metoda Obiektu Windows jest używana do wyświetlania okna dialogowego Potwierdź, które zawiera dodany ciąg i dwa przyciski: „OK" I "Anulować".

Przykład: za pomocą metody Window Obiekt potwierdza () w JavaScript

W poniższym przykładzie dodamy „MSG ()”Funkcja. „„MSG ()„Funkcja wywoła metodę Obiekt okna potwierdź () z określonym komunikatem. W przypadku kliknięcia „OK”Przycisk pokaże monit pokazujący„Tak”Ciąg i dla„Anulować”Przycisk wyświetli się”NIE”W montażu:



Zauważ, że załączymy utworzone „MSG ()”Funkcja, na„ „na kliknięcie„Wydarzenie„ „Usuń rekord" przycisk:


Tutaj jest "Usuń rekord" przycisk; Kliknięcie go pokaże poniższe okno dialogowe potwierdź:

Kliknęliśmy „OK”Przycisk, a następujący monit jest wyświetlany w przeglądarce:

W przypadku kliknięcia „Anulować”, Nasz program JavaScript wyświetli ten monit:

Metoda Window Obiekt Metoda w JavaScript

Jeśli szukasz metody obiektu okiennego, która może pomóc w przejęciu danych wejściowych od użytkownika za pośrednictwem okna dialogowego, możesz użyć „podpowiedź()„Metoda w kodzie JavaScript. „„podpowiedź()„Metoda obiektu okiennego zawiera pole tekstowe i określony komunikat.

Przykład: Za pomocą metody Window Obiekt () w JavaScript

W naszym programie JavaScript dodaliśmy „Kliknij”Przycisk i na„na kliknięcie„Wydarzenie, wywołamy„showinfo ()”Funkcja. Kiedy ciało „showinfo ()„Funkcja zostanie wykonana, wyświetli wiersz z prośbą o wprowadzenie swojego imienia, a następnie wyświetli dodaną nazwę w polu alertu, gdy klikniesz„OK„Przycisk wiersza:





Tutaj wszedłem „Sharqa”Jako nazwa, a następnie kliknął„OK" przycisk:

Jak widać, wprowadzona nazwa jest wyświetlana w innym polu alertu:

Metoda Obiekt okna Open () w JavaScript

Metoda Window Object Open () jest wykorzystywana do wyświetlania dodanej zawartości w nowym oknie przeglądarki.

Przykład: za pomocą metody Window Object Open () w JavaScript

Dodaliśmy link w „otwarty()„Metoda obiektu okiennego w poniższym przykładzie. Zgodnie z dostarczonym kodem, kiedy klikniemy „Linuxhint„Przycisk, zdefiniowany”OpenLink ()„Funkcja zostanie wywołana i przeniesie kontrolę do nowego okna. Otwarte okno pokaże zawartość dodanego linku:





Kliknięcie „Linuxhint”Przycisk otworzy naszą stronę internetową Linuxhint w nowym oknie:

Metoda obiektu okna settimeout () w JavaScript

Metoda obiektu Windows Settimeout () wykonuje określone zadanie po dodanych milisekundach.

Przykład: Metoda obiektu Windows Settimeout () w JavaScript

W poniższym przykładzie metoda Settimeout () zostanie wywołana, gdy klikniemy „Kliknij" . przycisk. Następnie po "5”W oknie przeglądarki pojawi się pole alertów:





Oto pole alertu, które mamy po pięciu sekundach:

Inne metody obiektów okiennych w JavaScript

Sprawdź listę innych przydatnych metod obiektów okien:

Metoda obiektu okna Opis
od A do B() Metoda okna ATOB () jest wykorzystywana do dekodowania łańcucha kodowanego bazy-64.
plama() Metoda okna Blur () jest wykorzystywana do przełączania ostrości z aktywnego okna.
BTOA () Metoda okna BTOA () jest wykorzystywana do kodowania łańcucha w Base-64.
clearInterval () Metoda Window Obiekt ClearInterval () jest wykorzystywana do usunięcia zestawu timera za pomocą metody setInterval ().
cleartimeout () Metoda okienne obiekt okiendTimeout () jest wykorzystywana do usuwania zestawu timera za pomocą metody Settimeout ().
zamknąć() Metoda okna Close () jest wykorzystywana do zamykania aktywnego okna.
centrum() Metoda Window Object Focus () jest wykorzystywana do ustawiania ostrości w aktywnym oknie.
getComputedStyle () Metoda okna getCompupedStyle () jest wykorzystywana do pobierania aktywnych stylów CSS, która jest stosowana do elementu HTML.
getSelection () Metoda okna getSelection () jest wykorzystywana do wyświetlania obiektu wyboru, który reprezentuje zakres tekstu wybrany przez użytkownika.
MatchMedia () Metoda okna obiektu matchmedia () jest wykorzystywana do wyświetlania mediaQueryList, która reprezentuje ciąg zapytań określonego.
Moveby () Metoda Obiekt okna jest wykorzystywana do przenoszenia okna przeglądarki w stosunku do jego bieżącej pozycji.
Moveto () Metoda okna MOVETO () jest wykorzystywana do przenoszenia okna przeglądarki do dodanej pozycji.
wydrukować() Metoda Window Object print () jest wykorzystywana do drukowania zawartości aktywnego okna.
requestaniMationFrame () Metoda Obiekt Window Obiekt jest wykorzystywana do żądania przeglądarki w celu wywołania funkcji aktualizacji animacji.
Zmiana resize () Metoda Window Obiekt ReSize () jest wykorzystywana do zmiany rozmiaru bieżącego okna zgodnie z dodanymi pikselami.
Resizeto () Metoda Obiekt Window Resizeto () jest wykorzystywana do zmiany rozmiaru bieżącego okna na określoną wysokość i szerokość.
scrollby () Metoda obiektu okiennego scrollby () jest wykorzystywana do przewijania dokumentu zgodnie z określoną liczbą pikseli.
scrollto () Metoda obiektu Window Obiekt () jest wykorzystywana do przewijania dokumentu zgodnie z określonymi wartościami współrzędnych.
zatrzymywać się() Metoda okna Object Stop () jest wykorzystywana do zatrzymania ładowania okna.

Wniosek

Metody obiektów okiennych w JavaScript są wywoływane do wykonywania określonych funkcji dla obiektu Window, takich jak rozmiar aktywnego okna, wyświetlanie wiersza, dekodowanie kodowanego ciągu, ustawianie przedziału czasu do wykonywania operacji, usuwanie ostrości z bieżącego okna okna. Ten zapis omówił metody obiektów okiennych w JavaScript. Wykazaliśmy użycie niektórych przydatnych metod obiektów okiennych, takich jak alert (), potwierdza (), monit (), open () i settimeout (). Ponadto podano listę innych metod obiektów okien JavaScript z opisami.