To jest wiersz na hiperłącze w HTML:
<a href="http://www.starfall.com/">Starfall</a>
Tak więc, jeśli kliknę „Starfall”, moja przeglądarka - używam FireFox - przeniesie mnie na tę nową stronę, a zawartość mojego okna ulegnie zmianie. Zastanawiam się, jak mogę to zrobić w HTML, aby nowa strona otwierała się w nowym oknie zamiast zmieniać poprzednie? Czy jest taki sposób w HTML?
A jeśli tak, czy istnieje sposób na otwarcie żądanej strony w innej karcie (nie w innym oknie) mojej przeglądarki?
Odpowiedzi:
<a href="http://www.starfall.com/" target="_blank">Starfall</a>
Jednak to, czy otworzy się na karcie, czy w innym oknie, zależy od tego, jak użytkownik skonfigurował swoją przeglądarkę.
Najprostszym sposobem jest dodanie tagu docelowego.
<a href="http://www.starfall.com/" target="Starfall">Starfall</a>
Użyj innej wartości atrybutu docelowego dla każdego linku, jeśli chcesz, aby otwierały się w różnych kartach, tej samej wartości dla atrybutu docelowego, jeśli chcesz, aby zastępowały inne.
targetAtrybut jest najlepszym sposobem osiągnięcia tego celu.
<a href="http://www.starfall.com" target="_blank">
otworzy go w nowej karcie lub oknie. Co do tego, zależy to od ustawień użytkowników.
<a href="http://www.starfall.com" target="_self">
jest domyślna. Powoduje, że strona otwiera się w tej samej karcie (lub ramce iframe, jeśli o to chodzi).
Następne dwa są dobre tylko wtedy, gdy masz do czynienia z elementem iframe.
<a href="http://www.starfall.com" target="_parent">
otworzy link w elemencie iframe, w którym znajdował się element iframe zawierający link.
<a href="http://www.starfall.com" target="_top">
otworzy link na karcie, bez względu na to, przez ile ramek iframe będzie musiał przejść.
target = _blank otworzy się w nowej karcie lub oknach w zależności od ustawień przeglądarki.
Aby wymusić nowe okno, użyj javascript onclick, wszystkie trzy części są potrzebne. url, nazwa oraz szerokość i wysokość okna lub po prostu otworzy się w nowej karcie.
<a onclick="window.open('http://www.starfall.com/','name','width=600,height=400')">Starfall</a>
Ponieważ internet szybko się rozwija, niektóre rzeczy zmieniają się z czasem. Ze względów bezpieczeństwa możesz chcieć użyć rel="noopener"atrybutu w połączeniu z plikiem target="_blank".
Jak podano w dokumentacji Google Dev , druga strona może uzyskać dostęp do obiektu okna za pomocą rozszerzenia window.opener property. Twój link zewnętrzny powinien teraz wyglądać następująco:
<a href="http://www.starfall.com/" target="_blank" rel="noopener">Starfall</a>
<a href="http://www.starfall.com/" target="_blank" rel="noopener noreferrer">Starfall</a>obecnie wydaje się, że najlepszą praktyką jest posiadanie obu