Chrome, Javascript, window.open trong tab mới

Trong chrome, điều này sẽ mở ra trong một tab mới:

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

điều này sẽ mở ra trong một cửa sổ mới (nhưng tôi cũng muốn nó mở trong một tab mới:

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

Điều này có khả thi không?

Bạn không thể kiểm soát trực tiếp điều này, vì đó là một tùy chọn do người dùng Internet Explorer kiểm soát.

Mở trang bằng Window.open với một tên cửa sổ khác sẽ mở trong một cửa sổ trình duyệt mới như cửa sổ bật lên HOẶC mở trong một tab mới, nếu người dùng đã định cấu hình trình duyệt để làm như vậy.

BIÊN TẬP:

Giải thích chi tiết hơn:

1. Trong các trình duyệt hiện đại, window.open sẽ mở trong một tab mới chứ không phải một cửa sổ bật lên.

2. Bạn có thể buộc trình duyệt sử dụng cửa sổ mới ('cửa sổ bật lên') bằng cách chỉ định các tùy chọn trong tham số thứ 3

3. Nếu lệnh gọi window.open không phải là một phần của sự kiện do người dùng khởi tạo, nó sẽ mở trong một cửa sổ mới.

4. “Sự kiện do người dùng khởi tạo” không nhất thiết phải có cùng một lệnh gọi hàm - nhưng nó phải bắt nguồn từ hàm được gọi bởi một lần nhấp của người dùng

5. Nếu sự kiện do người dùng khởi tạo ủy quyền hoặc hủy bỏ một lệnh gọi hàm (trong trình xử lý sự kiện hoặc người ủy quyền không bị ràng buộc với sự kiện nhấp chuột hoặc bằng cách sử dụng setTimeout chẳng hạn), nó sẽ mất trạng thái là “do người dùng khởi tạo”

6. Một số trình chặn cửa sổ bật lên sẽ cho phép các cửa sổ được mở từ các sự kiện do người dùng khởi tạo, nhưng không cho phép các cửa sổ được mở theo cách khác.

7. Nếu bất kỳ cửa sổ bật lên nào bị chặn, những cửa sổ bật lên thường được trình chặn (thông qua sự kiện do người dùng khởi tạo) đôi khi cũng sẽ bị chặn. Vài ví dụ…

Buộc một cửa sổ mở trong một phiên bản trình duyệt mới, thay vì một tab mới:

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

Sự kiện sau sẽ đủ điều kiện là sự kiện do người dùng khởi tạo, ngay cả khi nó gọi một hàm khác:

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

Sự kiện sau sẽ không đủ điều kiện là sự kiện do người dùng khởi tạo, vì setTimeout xác định nó:

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

Đôi khi, việc buộc sử dụng một tab sẽ hữu ích nếu người dùng thích điều đó. Như Prakash đã nêu ở trên, điều này đôi khi được quyết định bởi việc sử dụng một sự kiện không phải do người dùng khởi tạo, nhưng có nhiều cách để giải quyết vấn đề đó.

Ví dụ:

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

sẽ luôn mở "newurl" trong cửa sổ trình duyệt mới vì chức năng "always" không được coi là do người dùng khởi tạo. Tuy nhiên, nếu chúng ta làm điều này:

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

chúng tôi mở cửa sổ trình duyệt mới hoặc tạo tab mới, được xác định bởi tùy chọn người dùng trong lần nhấp vào nút mà IS do người dùng khởi tạo. Sau đó, chúng tôi chỉ cần đặt vị trí thành URL mong muốn sau khi quay lại từ bài đăng AJAX. Thì đấy, chúng tôi buộc sử dụng tab nếu người dùng thích điều đó.

nếu bạn sử dụng window.open(url, '_blank'), nó sẽ bị chặn (trình chặn cửa sổ bật lên) trên Chrome, Firefox, v.v.

thử cái này,

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

làm việc js fiddle cho http://jsfiddle.net/safeeronline/70kdacL4/2/ này

làm việc js fiddle cho cửa sổ ajax mở http://jsfiddle.net/safeeronline/70kdacL4/1/

Hiện tại (Chrome 39), tôi sử dụng mã này để mở một tab mới:

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

Tất nhiên, điều này có thể thay đổi trong các phiên bản Chrome trong tương lai.

Sẽ là một ý tưởng tồi nếu bạn không thể kiểm soát trình duyệt mà người dùng của bạn đang sử dụng. Nó có thể không hoạt động trong các phiên bản tương lai hoặc với các cài đặt khác nhau.

Thao tác này sẽ mở liên kết trong một tab mới trong Chrome và Firefox và có thể là nhiều trình duyệt khác mà tôi chưa thử nghiệm:

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

Về cơ bản, nó sẽ mở một tab trống mới, sau đó đặt vị trí của tab trống đó. Hãy cẩn thận rằng đó là một loại hack, vì hành vi tab / cửa sổ trình duyệt thực sự là miền, trách nhiệm và sự lựa chọn của Trình duyệt và Người dùng.

Dòng thứ hai có thể được gọi trong một lệnh gọi lại (ví dụ sau khi bạn thực hiện một số yêu cầu AJAX), nhưng sau đó trình duyệt sẽ không nhận ra nó là sự kiện nhấp chuột do người dùng khởi tạo và có thể chặn cửa sổ bật lên.

Giải pháp mini rõ ràng $('<form action="http://samedomainurl.com/" target="_blank"></form>').submit()

Bạn có thể sử dụng mã này để mở trong tab mới ..

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

Tôi lấy nó từ stackoverflow ..

Cách tốt nhất tôi sử dụng:

1- thêm liên kết vào html của bạn:

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

2- thêm chức năng JS:

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

3- chỉ cần gọi hàm OpenNewTab với liên kết bạn muốn