Как открыть ссылку в новой вкладке (а не в новом окне)?

Question

Как открыть ссылку в новой вкладке (а не в новом окне)?

У меня есть кнопка "Открыть", которая "вычисляет" ссылку, которая должна быть открыта в новой вкладке. Я пытаюсь использовать:

window.open(url, '_blank');

Но это открывает новое окно.

Я также попробовал следующий метод:

<form id="oform" name="oform" action="" method="post" target="_blank">
</form>

...

document.getElementById("oform").action = url;
document.getElementById("oform").submit();

Тем не менее, вместо новой вкладки открывается новое окно.

При использовании простого <a href...> с target='blank', ссылка открывается в новой вкладке.

Есть ли решение?

74

javascript html

Источник

user243967 09 июн '11 в 16:16

7 ответов

Другие вопросы по тегам javascript html

user759019 09 июн '11 в 16:20 2011-06-09 16:20 · Answer 1 · 2011-06-09 16:20

~~CSS3 поддерживает "открыть в новой вкладке", свойство target-new~~

target-new: window | tab | none;

Обновление [2016]: этот метод никогда не входил в спецификацию CSS3, как указывает один из комментариев. Это не должно быть использовано. Тем не менее, можно видеть, что большинство современных браузеров открыты target='_blank' в любом случае ссылки в новой вкладке, если только не попытаться изменить размер новой вкладки сразу после этого. Тем не менее, похоже, что в спецификациях нет механизма для принудительного применения этого поведения.

[2011] Для метода принудительного открытия в новой вкладке, который хорошо поддерживается, попробуйте следующее:

<a href="some url" target="_newtab">content of the anchor</a>

Иначе, используйте этот метод, чтобы немедленно изменить размер окна, чтобы блокировщики всплывающих окон не убивали ваше всплывающее окно.

user22303 09 июн '11 в 16:22 2011-06-09 16:22 · Answer 2 · 2011-06-09 16:22

За исключением упомянутой опции CSS3 target-new @anirudh4444, вы не можете, а главное, вероятно, не должны. Вы пытаетесь контролировать работу пользователя, когда это, скорее всего, следует оставить пользователю.

9

Источник

user22303 09 июн '11 в 16:22

user3513171 17 июл '14 в 00:21 2014-07-17 00:21 · Answer 3 · 2014-07-17 00:21

Вы можете использовать любой из следующих, я проверил их все в 6 различных браузерах. (Google Chrome, Mozilla Firefox, Microsoft Internet Explorer, Opera, K-meleon* и Seamonkey.)

<a href="blaah" target="_blank">Blaah</a>
<a href="blaah" target="_tab">Blaah</a>
<a href="blaah" target="_new">Blaah</a>

Все они работают одинаково, и выбор полностью зависит от предпочтений.

* K-meleon, по какой-то причине просто открыл страницу, на которой я был, когда щелкнул ссылку.

user279272 02 янв '14 в 09:29 2014-01-02 09:29 · Answer 4 · 2014-01-02 09:29

Я смог решить эту проблему, используя элемент "форма".

function openNewTab(link) {
     var frm = $('<form   method="get" action="' + link + '" target="_blank"></form>')
     $("body").append(frm);
     frm.submit().remove();
}

Для полной реализации и деталей посетите мой пост http://mukesh.in/force-open-new-tab-in-browsers-instead-of-windows/

Или посмотрите это JSFiddle

3

Источник

user279272 02 янв '14 в 09:29

user791549 09 июн '11 в 18:45 2011-06-09 18:45 · Answer 5 · 2011-06-09 18:45

Ваша форма имеет target="_blank" (включая начальное подчеркивание), а ваша простая ссылка имеет target='blank' без начального подчеркивания. "_Blank" - это зарезервированное слово, определяющее конкретное действие, но "blank" - это имя определенного, возможно, нового окна. Вот почему вы получаете разные результаты. Оба всплывающих окна, но разные типы.

Каждый пользователь имеет полный контроль над тем, должно ли всплывающее окно открывать новое окно или новую вкладку. Вы ничего не можете с этим поделать.

user773209 09 июн '11 в 18:13 2011-06-09 18:13 · Answer 6 · 2011-06-09 18:13

Следующие работы в Chrome:

<script>
    function buildAndGo() {
        var aEl = document.getElementById('missingLink');
        aEl.href = "#" + resultOfSomeCalculation();

        var e = document.createEvent('MouseEvents');
        e.initEvent( 'click', true, true );

        aEl.dispatchEvent(e);
    }
</script>
...
<button onclick="buildAndGo()">Do it</button>
<a href="#" id="missingLink" target="_blank" style="visibility: hidden;"></a>

Работа из следующих источников, чтобы попытаться заставить работать версию IE: Selenium BrowserBot, YUI User Action

user3089899 11 фев '14 в 14:03 2014-02-11 14:03 · Answer 7 · 2014-02-11 14:03

В случае ссылки да будет работать только использование целевого тега.

Но в случае кнопки попробуйте сделать это с помощью функции onclick вместо использования _blank

Вместо этого используйте функцию window.open(url, target) - она принимает URL-адрес и имя целевого окна, которое ведет себя так же, как атрибут target="something" в ссылке.... как это

button(type="button", onclick="window.open('auth/google', '_blank');")

Это должно работать.