Chrome, Javascript, window.open w nowej karcie

W Chrome otwiera się to w nowej karcie:

<button onclick="window.open('newpage.html', '_blank')" />

to otwiera się w nowym oknie (ale chciałbym, aby otworzyło się również w nowej karcie:

<script language="javascript">
  window.open('newpage.html', '_blank');
</script>

Czy jest to wykonalne?

Nie możesz tego bezpośrednio kontrolować, ponieważ jest to opcja kontrolowana przez użytkowników Internet Explorera.

Otwieranie stron za pomocą Window.open z inną nazwą okna otworzy się w nowym oknie przeglądarki, takim jak wyskakujące okienko, LUB otworzy się w nowej karcie, jeśli użytkownik skonfigurował przeglądarkę tak, aby to zrobić.

EDYTOWAĆ:

Bardziej szczegółowe wyjaśnienie:

1. W nowoczesnych przeglądarkach window.open otworzy się w nowej karcie, a nie w wyskakującym okienku.

2. Możesz zmusić przeglądarkę do używania nowego okna („wyskakującego okienka”), określając opcje w trzecim parametrze

3. Jeśli wywołanie window.open nie było częścią zdarzenia zainicjowanego przez użytkownika, zostanie otwarte w nowym oknie.

4. „Zdarzenie inicjowane przez użytkownika” nie musi mieć tego samego wywołania funkcji - ale musi pochodzić z funkcji wywoływanej przez kliknięcie przez użytkownika

5. Jeśli zdarzenie zainicjowane przez użytkownika deleguje lub odracza wywołanie funkcji (w detektorze zdarzeń lub delegacie niezwiązanym ze zdarzeniem kliknięcia lub przy użyciu na przykład setTimeout), traci status „zainicjowany przez użytkownika”

6. Niektóre programy do blokowania wyskakujących okienek zezwalają na okna otwierane ze zdarzeń zainicjowanych przez użytkownika, ale nie pozwalają na otwieranie okien w inny sposób.

7. Jeśli którekolwiek wyskakujące okienka jest zablokowane, te, na które normalnie zezwala blokujący (poprzez zdarzenia inicjowane przez użytkownika), będą czasami również blokowane. Kilka przykładów…

Wymuszanie otwierania okna w nowej instancji przeglądarki zamiast w nowej karcie:

window.open('page.php', '', 'width=1000');

Poniższe zdarzenie kwalifikowałoby się jako zdarzenie inicjowane przez użytkownika, mimo że wywołuje inną funkcję:

function o(){
  window.open('page.php');
}
$('button').addEvent('click', o);

Poniższe zdarzenia nie kwalifikują się jako zdarzenie inicjowane przez użytkownika, ponieważ setTimeout je odracza:

function g(){
  setTimeout(o, 1);
}
function o(){
  window.open('page.php');
}
$('button').addEvent('click', g);

Czasami przydatne jest wymuszenie użycia karty, jeśli użytkownik to lubi. Jak stwierdził Prakash powyżej, czasami jest to podyktowane użyciem zdarzenia niezainicjowanego przez użytkownika, ale istnieją sposoby obejścia tego.

Na przykład:

$("#theButton").button().click( function(event) {
   $.post( url, data )
   .always( function( response ) {
      window.open( newurl + response, '_blank' );
   } );
} );

zawsze otwiera „nowy adres URL” w nowym oknie przeglądarki, ponieważ funkcja „zawsze” nie jest uważana za inicjowaną przez użytkownika. Jeśli jednak to zrobimy:

$("#theButton").button().click( function(event) {
   var newtab = window.open( '', '_blank' );
   $.post( url, data )
   .always( function( response ) {
      newtab.location = newurl + response;
   } );
} );

otwieramy nowe okno przeglądarki lub tworzymy nową kartę, zgodnie z preferencjami użytkownika w kliknięciu przycisku, który jest zainicjowany przez użytkownika. Następnie po powrocie z postu AJAX ustawiamy lokalizację na żądany adres URL. Voila, wymuszamy korzystanie z karty, jeśli użytkownik to lubi.

jeśli używasz window.open(url, '_blank'), zostanie zablokowane (blokowanie wyskakujących okienek) w przeglądarce Chrome, Firefox itp

Spróbuj tego,

$('#myButton').click(function () {
    var redirectWindow = window.open('http://google.com', '_blank');
    redirectWindow.location;
});

działające skrzypce js dla tego http://jsfiddle.net/safeeronline/70kdacL4/2/

działające skrzypce js w oknie Ajax otwórz http://jsfiddle.net/safeeronline/70kdacL4/1/

W tej chwili (Chrome 39) używam tego kodu, aby otworzyć nową kartę:

window.open('http://www.stackoverflow.com', '_blank', 'toolbar=yes, location=yes, status=yes, menubar=yes, scrollbars=yes');

Oczywiście może się to zmienić w przyszłych wersjach Chrome.

Używanie tego jest złym pomysłem, jeśli nie możesz kontrolować przeglądarki używanej przez użytkowników. Może nie działać w przyszłych wersjach lub z innymi ustawieniami.

Spowoduje to otwarcie linku w nowej karcie w przeglądarce Chrome i Firefox oraz prawdopodobnie w innych przeglądarkach, których nie testowałem:

var popup  = $window.open("about:blank", "_blank"); // the about:blank is to please Chrome, and _blank to please Firefox
popup.location = 'newpage.html';

Zasadniczo otwiera nową pustą kartę, a następnie ustawia lokalizację tej pustej karty. Uważaj, jest to rodzaj włamania, ponieważ zachowanie karty / okna przeglądarki jest tak naprawdę domeną, odpowiedzialnością i wyborem przeglądarki i użytkownika.

Druga linia może zostać wywołana w wywołaniu zwrotnym (na przykład po wykonaniu jakiegoś żądania AJAX), ale wtedy przeglądarka nie rozpozna tego jako zdarzenia kliknięcia zainicjowanego przez użytkownika i może zablokować wyskakujące okienko.

Przejrzyste mini rozwiązanie $('<form action="http://samedomainurl.com/" target="_blank"></form>').submit()

Możesz użyć tego kodu, aby otworzyć w nowej karcie.

function openWindow( url )
{
  window.open(url, '_blank');
  window.focus();
}

Mam to ze stackoverflow ...

Najlepszy sposób, w jaki używam:

1- dodaj link do swojego html:

<a id="linkDynamic" target="_blank" href="#"></a>

2- dodaj funkcję JS:

function OpenNewTab(href)
{
    document.getElementById('linkDynamic').href = href;
    document.getElementById('linkDynamic').click();
}

3- Po prostu wywołaj funkcję OpenNewTab z żądanym linkiem