The „okno.otwarte()” Metoda JavaScript umożliwia programistom utworzenie łącza do innego okna na ich stronie internetowej. Okno to jest wywoływane, gdy użytkownik wykona określoną akcję.
Krótko mówiąc, główna funkcjonalność „okno.otwarte()” Metodą jest otwarcie nowego okna na stronie głównej bez zakłócania interfejsu strony głównej. W niektórych scenariuszach nowe okno zostaje pomyślnie otwarte, ale pasek przewijania w ogóle się nie pojawia, co wywiera złe wrażenie na użytkownikach.
W tym krótkim przewodniku opisano proces tworzenia pionowego paska przewijania za pomocą metody window.open() w języku JavaScript.
Jak utworzyć pionowe paski przewijania za pomocą „window.open()” w JavaScript?
The „okno.otwarte()” metoda domyślnie dodaje pionowy pasek przewijania w zależności od długości nowej zawartości strony i rozmiaru otwartego okna. Jeśli zawartość strony jest większa niż rozmiar okna, pasek przewijania zostanie domyślnie dodany bez stosowania żadnych właściwości CSS. Jeśli jednak programista chce dodać niestandardowy pasek przewijania, możesz zastosować metody wyjaśnione w poniższych przykładach.
Składnia
Składnia dla „okno.otwarte()” metodę podano poniżej:
okno. otwarty ( ścieżka , miejsce docelowe , wygranaWyczyn )Tutaj, 'ścieżka' to ścieżka strony internetowej, która zostanie otwarta w nowym oknie. The 'miejsce docelowe' to lokalizacja nowego okna, którą można ustawić 'pusty' , 'rodzic' , 'samego siebie' Lub 'szczyt'. Trzeci parametr to „winFeat”, czyli funkcje okna, oferuje różne wartości, które można ustawić w zależności od potrzeb dostosowania okna.
Przyjrzyjmy się kilku przykładom generowania pionowego paska przewijania w nowo otwartym oknie za pomocą „okno.otwarte()” metoda.
Przykład: użycie funkcji okna „scrollbars” z metodą „window.open()”.
W tym przypadku „okno.otwarte()” metoda jest stosowana wzdłuż „paski przewijania” Funkcje okna umożliwiające ustawienie pionowego paska przewijania dla nowo otwartego okna, jak pokazano poniżej:
< głowa >< typ skryptu = „tekst/javascript” >
funkcjonować ustawPrzewiń ( ) {
był nowośćWin = okno. otwarty ( „https://linuxhint.com” , 'szczyt' , 'szerokość=500,wysokość=500,paski przewijania=tak' ) ;
}
scenariusz >
głowa >
< ciało >
< P > Naciśnij poniższy przycisk, aby otworzyć blog Linuxhint w urządzeniu - okno ekranowe. P > Kliknij przycisk >
ciało >
Wyjaśnienie powyższego kodu:
- Po pierwsze „ustawScroll()” funkcja jest zdefiniowana wewnątrz „
” etykietka. Tworzona jest również zmienna „newWin”, która zawiera „okno.otwarte()” w nim metoda. - Następnie przekazujemy pierwszy parametr strony „link” do pliku „okno.otwarte()” metoda. Ustaw także wartość „top” dla drugiego parametru, aby nowe okno wyświetlało się na górnej pozycji przeglądarki internetowej.
- Następnie, aby dostosować zachowanie okna, użyj funkcji okna 'szerokość' , 'wysokość' I „paski przewijania” aby ustawić odpowiednio szerokość i wysokość oraz pasek przewijania okna.
- Na koniec utwórz 'przycisk' element wywołujący „ustawScroll()” funkcję za pomocą 'na kliknięcie' słuchacz zdarzeń.
Po zakończeniu kompilacji wynik wygląda następująco:
Dane wyjściowe potwierdzają, że pasek przewijania został dodany do nowo wygenerowanego okna.
Przykład 2: Ręczne ustawienie paska przewijania
Innym sposobem ustawienia paska przewijania jest użycie CSS „przepełnienie-y” I „przepełnienie-x” właściwości na stronie dodatkowej, która zostanie otwarta w nowym oknie, jak pokazano poniżej:
< głowa >< typ skryptu = „tekst/javascript” >
funkcjonować ustawPrzewiń ( ) {
był nowośćWin = okno. otwarty ( „https://linuxhint.com” , szczyt , 'szerokość=500, wysokość=500, możliwość zmiany rozmiaru, paski przewijania=1);
}
Naciśnij poniższy przycisk, aby otworzyć blog Linuxhint w oknie ekranowym.
Kliknij JaOpis powyższego kodu:
- Najpierw utwórz „ustawScroll()” funkcję, a wewnątrz wykorzystuje „okno.otwarte()” metoda taka sama jak w powyższym przykładzie.
- Dodaj także dodatkową funkcję okna „zmienny rozmiar” i zmodyfikuj wartość „paski przewijania” funkcje do „1” aby ustawić pionowy pasek przewijania.
Teraz otwórz plik CSS strony internetowej, której link jest podany jako pierwszy parametr pliku „okno.otwarte()” metoda. W naszym przypadku jest to nazwa strony internetowej 'linuxint' więc otwórz jego plik CSS i wstaw w nim następujący kod:
< styl >HTML {
przelewowy - X : ukryty ;
przelewowy - I : automatyczny ;
}
styl >
Powyższe właściwości CSS „przepełnienie-x” I „przepełnienie-y” ukryj poziomy pasek przewijania i ustaw pionowy pasek przewijania dla całej strony HTML zgodnie z długością okna.
Po wstawieniu i skompilowaniu powyższych fragmentów kodu w obu plikach wynik wygląda następująco:
Dane wyjściowe pokazują, że do okna otwartego za pomocą metody „window.open()” dodano pionowy pasek przewijania.
Wniosek
Aby utworzyć pionowe paski przewijania za pomocą „okno.otwarte()” metoda, „paski przewijania” można ustawić funkcję udostępnianą przez okno 'Tak' Lub „1” . Innym sposobem jest otwarcie pliku CSS lub HTML strony internetowej, której link jest przekazywany jako pierwszy parametr w metodzie „window.open()” i tam wykorzystanie CSS „przepełnienie-x” I „przepełnienie-y” nieruchomości. W tym blogu wyjaśniono sposoby dodawania pionowego paska przewijania za pomocą metody window.open() w JavaScript.