Jak otworzyć okno wyskakujące w JavaScript za pomocą OnClick?
Windows wyskakujące na stronie internetowej poprawia wrażenia użytkownika. Jest to przydatna funkcja języka JavaScript, która służy do wyświetlania dodatkowych informacji lub funkcji bez opuszczania bieżącej strony. Na przykład, jeśli chcesz podać dodatkowe informacje z dowolnej innej witryny na przycisku, użyj okienka wyskakującego, aby otworzyć dostarczony adres URL. Pomaga pozostać użytkownika na tej samej stronie internetowej, a także uzyskać dostęp do informacji powiązanych z zasobów zewnętrznych.
Ten blog ilustruje procedurę otwarcia okienka w JavaScript za pomocą OnClick.
Jak otworzyć okno wyskakujące za pomocą OnClick w JavaScript?
Aby otworzyć okno wyskakujące za pomocą zdarzenia OnClick, użyj predefiniowanego JavaScript „okno.otwarty()" metoda. Akceptuje dwa główne parametry i wiele parametrów opcjonalnych. „„URL”I„ „nazwa„Nowego okna lub zakładki to główne parametry. Inne opcjonalne parametry pozwalają na dodanie dodatkowych funkcji, takich jak pozycja lub rozmiar nowego okna, niezależnie od tego, czy zawiera pasek stanu, paski narzędzi i wiele innych.
Składnia
Poniższa składnia jest używana dla „okno.otwarty()" metoda:
okno.Otwórz (adres URL, nazwa, feutures)Przykład
Najpierw utworzymy przycisk w pliku HTML i załączymy „na kliknięcie„Wydarzenie, które wywoła funkcję„wyskakujące ()„Aby otworzyć okno wyskakujące na przycisku, kliknij:
Teraz zdefiniuj funkcję o nazwie „wyskakujące ()”W tag i zadzwoń do„okno.otwarty()" metoda. Przekaż „URL ”,„ Nazwa ”(„ PopupWindow ”) który reprezentuje otwarcie adresu URL w oknie wyskakującym i opcjonalne funkcje, takie jak wysokość i szerokość okna wyskakującego:
Funkcja Popup ()okno.Open ('https: // Linuxhint.com/',' popupWindow ',' wysokość = 300, szerokość = 500, po lewej = 100, top = 100, Scrollbars = Tak, resimable = tak, menubar = nie, narzędzia = tak, lokalizacja = nie, nie, katalogi = nie, status status = Tak ')
Można zauważyć, że okno wyskakujące z określonym adresem URL oraz przypisaną szerokością i wysokością zostało pomyślnie otwarte:
Chodziło o otwarcie okna wyskakującego w JavaScript na przycisku.
Notatka: Jeśli chcesz utworzyć dostosowane okno wyskakujące za pomocą „div„Element do wyświetlania konkretnych informacji, uprzejmie odwiedź nasz dedykowany artykuł.
Wniosek
Aby otworzyć okno wyskakujące, użyj predefiniowanego JavaScript „okno.otwarty()" metoda. Otwiera nowe okno z podanym adresem URL. Często jest wykorzystywany w tworzeniu stron internetowych do tworzenia linków, które otwierają się w nowym oknie z konkretnymi informacjami. Ten blog zilustrował procedurę otwarcia okienka w JavaScript za pomocą wydarzenia OnClick.