Co to jest okno.Otwarte w JavaScript

Co to jest okno.Otwarte w JavaScript
W HTML znacznik kotwicy służy do przekierowania użytkowników z jednej strony na drugą stronę. Ten typ znacznika ogranicza się tylko do otwarcia linku na bieżącej stronie lub w nowej karcie; Oba sposoby nie są odpowiednie, jeśli chcesz upewnić się, że użytkownik pozostanie zaangażowany w treść. W rozwiązaniu musisz wchodzić w interakcje z JavaScript, w których nowe linki lub strony mogą być otwarte w wyskakujących wyskakujących okienkach.

Ten zapis zawiera wskazówki dotyczące okna.Open () Metoda w JavaScript.

Co to jest okno.Open () w JavaScript?

W JavaScript „okno.otwarty()”Metoda jest wykorzystywana do otwarcia nowego okna przeglądarki z zawartością lub bez treści. Ta metoda zapewnia kontrolę nad oknem przeglądarki w celu dostosowania wysokości, szerokości i pozycji okna.

Jak korzystać z okna.Open () w JavaScript?

Aby użyć okna.Metoda Open () w JavaScript, użyj następującej składni:

okno.Otwórz (URL, Target, WindowFeatures)

Tutaj, "URL”Reprezentuje adres URL strony, który należy otworzyć. Jeśli nie zostanie określone, domyślnie zostanie otwarta pusta karta lub okno.

Cel: To przypisuje nazwę okna, w którym kontekst jest ładowany. Ponadto możesz również zadeklarować następujące cele/opcje, aby mieć większą kontrolę nad oknem:

  • _pusty: Jest to domyślna opcja, w której adres URL jest ładowany w nowej zakładce lub oknie.
  • _rodzic: URL zostanie otwarty w bieżącym oknie roboczym.
  • _ samego siebie: To zastąpi bieżącą stronę określonym adresem URL.
  • _szczyt: To otworzy adres URL w każdym załadowanym oknie

Features okien: Pomoże ci to dostosować okno zgodnie z potrzebami. To opcjonalny argument. Obsługiwane są następujące wartości:

  • Wysokość = piksele: To pokazuje wysokość okna. Urządzenie można przypisać tylko w pikselach (PX).
  • szerokość = piksele: Ta opcja ustawi szerokość okna.
  • po lewej = piksele: Dostosuj okno od lewej strony.
  • top = piksele: Podaj górną pozycję okna
  • Zmysłowe = Tak | Nie: Pozwoli to odpowiednio rozmieścić okno.
  • Menubar = Tak | Nie: Kontrolować zachowanie, czy pasek menu będzie wyświetlany, czy nie.
  • Scrollbary = Tak | Nie: Wyświetl lub ukryj paski przewijane w niektórych określonych przeglądarkach, takich jak Firefox, IE i Opera.
  • Status = Tak | Nie: Zdecyduj, czy pasek stanu będzie pokazany, czy nie.
  • titlebar = Tak | Nie: Ustaw tę opcję na tak, jeśli chcesz pokazać pasek tytułu; W przeciwnym razie nie.

Zastosujmy niektóre wartości w poniższym przykładzie, aby zrozumieć, w jaki sposób okno.Metoda Open () działa w JavaScript.

Przykład 1

W naszym przykładzie wykorzystamy „

”I„”Tag.

Tag zawiera tekst opisujący cel przycisku. Następnie w tagu ustawimy „na kliknięcie”Wydarzenie i przypisz to funkcję o nazwie„xyzfunction ()". Umieść oba znaczniki w znaczniku pliku HTML:

Kliknięcie przycisku poniżej otworzy nowe okno o zdefiniowanych wymiarach


W środku "xyzfunction ()”Naszego pliku JavaScript określamy„nowe okno”Jako zmienna. Mając na uwadze składnię, użyjemy „okno.otwarty()”Metoda wraz z adresem URL jako„ https: // linuxhint.com ”i ustaw wysokość jako„250”I szerokość„400”(Pixels). Użyj pustego „”, aby pozostawić wartość docelową pustą:

funkcja xyzfunction ()
var newWindow = okno.Otwórz („https: // linuxhint.com "," "," wysokość = 250, szerokość = 400 ");

W rezultacie po kliknięciu dodanego przycisku nowe okno zostanie otwarte zgodnie z określonym adresem URL:

Weźmy kolejny przykład, aby zobaczyć, jak wartość docelowa odgrywa swoją część w oknie.Metoda Open ().

Przykład 2

W tym przykładzie najpierw omówimy cel przycisku za pomocą niektórych tekstów:

Kliknięcie przycisku poniżej otworzy link w ramce nadrzędnej
z zdefiniowanymi wymiarami

Wykorzystajmy wartość docelową jako „_rodzic”Wraz z tym samym adresem URL i featami okiennymi używanymi w poprzednim przykładzie. Jednak określenie argumentu _parent otworzy link w bieżącej ramce:

funkcja xyzfunction ()
var newWindow = okno.Otwórz („https: // linuxhint.com ",„ _parent ”,„ wysokość = 250, szerokość = 400 ”);

Wyjście

Szczegółowo omówiliśmy, co to jest okno.Open () w JavaScript.

Wniosek

"okno.otwarty()”Jest predefiniowaną metodą JavaScript, która jest wykorzystywana do otwarcia nowego okna przeglądarki z lub bez treści. Zapewnia różne opcje sterowania oknem przeglądarki, takie jak wysokość, szerokość i pozycja. W tym podręczniku szczegółowo wyjaśniliśmy, jakie okno.Open () jest i jak go używać w JavaScript.