Я хотел бы иметь кнопку, которая перенаправляется на заданный URL-адрес и открывается на новой вкладке. Как это можно сделать?
Javascript - открыть заданный URL-адрес на новой вкладке, нажав кнопку
Ответ 1
Используйте это:
<input type="button" value="button name" onclick="window.open('http://www.website.com/page')" />
Работал для меня, и он откроет фактическое новое окно "всплывающего окна", а не новый полный браузер или вкладку. Вы также можете добавить к нему переменные, чтобы остановить отображение определенных свойств браузера следующим образом:
onclick="window.open(this.href,'popUpWindow','height=400,width=600,left=10,top=10,,scrollbars=yes,menubar=no'); return false;"
Ответ 2
В javascript вы можете:
window.open(url, "_blank");
Ответ 3
Добавление target = "_ blank" должно сделать это:
<a id="myLink" href="www.google.com" target="_blank">google</a>
Ответ 4
Вы можете забыть об использовании JavaScript, потому что браузер контролирует, открывается ли он на новой вкладке. Лучше всего сделать следующее:
<form action="http://www.yoursite.com/dosomething" method="get" target="_blank">
<input name="dynamicParam1" type="text"/>
<input name="dynamicParam2" type="text" />
<input type="submit" value="submit" />
</form>
Это всегда будет открываться на новой вкладке независимо от того, какой браузер использует клиент из-за атрибута target="_blank"
.
Если вам нужно перенаправить без динамических параметров, вы можете использовать ссылку с атрибутом target="_blank"
, как предлагает Тим Бют.
Ответ 5
Используйте window.open
вместо window.location
, чтобы открыть новое окно или вкладку (в зависимости от настроек браузера).
Ваша скрипка не работает, потому что нет элемента button
для выбора. Попробуйте input[type=button]
или отпустите кнопку id
и используйте #buttonId
.
Ответ 6
Старый вопрос, но я хотел поделиться своим предпочтительным методом, который имеет то преимущество, что в вашей разметке нет вредного javascript:
CSS
a {
color: inherit;
text-decoration: none;
}
HTML
<a href="http://example.com" target="_blank"><input type="button" value="Link-button"></a>
Ответ 7
Я просто использовал target = "_ blank" в теге form, и он отлично работал с FF и Chrome, где он открывается в новом теге, но с IE открывается в новом окне.
Ответ 8
Открыть в новой вкладке с помощью JavaScript
<button onclick="window.open('https://www.our-url.com')" id="myButton"
class="btn request-callback" >Explore More </button>
Ответ 9
попробуй это
<a id="link" href="www.gmail.com" target="_blank" >gmail</a>
Ответ 10
Попробуйте этот HTML:
<input type="button" value="Button_name" onclick="window.open('LINKADDRESS')"/>
Ответ 11
Вы не можете. Это поведение доступно только для плагинов и может быть настроено только пользователем.
Ответ 12
<BUTTON NAME='my_button' VALUE=sequence_no TYPE='SUBMIT' style="background-color:transparent ; border:none; color:blue;" onclick="this.form.target='_blank';return true;"><u>open new page</u></BUTTON>
Эта кнопка будет выглядеть как URL-адрес и может быть открыта на новой вкладке.
Ответ 13
ИСПОЛЬЗУЙТЕ этот код
function openBackWindow(url,popName){
var popupWindow = window.open(url,popName,'scrollbars=1,height=650,width=1050');
if($.browser.msie){
popupWindow.blur();
window.focus();
}else{
blurPopunder();
}
};
function blurPopunder() {
var winBlankPopup = window.open("about:blank");
if (winBlankPopup) {
winBlankPopup.focus();
winBlankPopup.close()
}
};
ИТ отлично работает в Mozilla, IE и хром и менее 22 версии; но не работает в Opera и Safari.