2014-01-22 5 views
2

Я пытаюсь сделать так, чтобы моя кнопка открывала URL-адрес на новой вкладке.Добавление атрибута href к кнопке начальной загрузки

Я могу заставить его работать, используя window.location.href, но этот URL-адрес не открывается на новой вкладке.

Я использую jQuery и Javascript, а сам код находится внутри более крупной функции jQuery.

$('#code').click(function(){ 
    window.location.href = 'http://www.example.com' 
}); 

Кнопка не имеет атрибута href при загрузке страницы.

<button id="code" type="submit" class="btn btn-success" style="width:400px;"><span class="glyphicon glyphicon-download"></span> Generate Code</button> 

Я пробовал использовать .attr и .prop, хотя он также не работал. Я немного новичок в этом, поэтому я мог бы сделать что-то не так.

Я открыт для добавления href к кнопке или с помощью функции .click или что-то еще, мне просто нужно открыть это для новой вкладки.

Редактировать: Хорошо, больше объяснений.

При загрузке страницы кнопка onclick запускает таймер, который увеличивает уровень готовности. После того, как панель выполнения будет выполнена, я хочу, чтобы кнопка открывала ссылку.

+2

почему бы не просто сделать якорь тег кнопку с помощью 'btn' класса CSS. Затем просто используйте атрибут 'target =" _ blank ". –

+4

JavaScript - отличный инструмент, но вы должны избегать его там, где это не нужно. Используйте '' – rybo111

ответ

0

Это позволит открыть URL в новом окне:

$('#code').click(function(){ 
window.open("http://www.w3schools.com"); 
}); 

http://www.w3schools.com/jsref/met_win_open.asp

+1

Спасибо! Я понятия не имею, почему, но когда я использовал открытую функцию, это не сработало. Только то, что я искал! – EndingLegacy

15

Вы можете сделать это:

<a href="http://www.example.com" target="_blank" id="code" type="submit" class="btn btn-success" style="width:400px;"><span class="glyphicon glyphicon-download"></span> Generate Code</a> 

я преобразовал button к a теге и добавил target="_blank" открыть ссылку в новой вкладке.

+0

Одно из хороших решений! – gtzinos

Смежные вопросы