Открыть кнопку в новом окне?

Как я могу сделать кнопку открытой в новом окне, эмуляции "href, target = _blank"?

В настоящее время у меня есть:

<button class="button" onClick="window.location.href='http://www.site.com';"><span class="icon">Open</span></button>

Кнопка не в форме, я просто хочу открыть ее в новом окне.

Ответы

Ответ 1

Открывает новое окно с указанным вами адресом:)

<button class="button" onClick="window.open('http://www.site.com');"><span class="icon">Open</span></button>

надеюсь, что поможет:)

Ответ 2

Я не мог заставить ваш метод работать @Damien-at-SF...

Поэтому я прибегал к моим старым знаниям.

Заместив input type="button" в элемент гиперссылки, вы можете просто объявить целевое свойство следующим образом:

<a href="http://www.site.org" target="_blank">
<input type="button" class="button" value="Open" />
</a>

"target =" _ blank "- это свойство, которое заставляет браузер открывать ссылку на новой вкладке. Этот атрибут имеет другие свойства. Подробнее см. http://www.w3schools.com/tags/att_a_target.asp.

Поскольку атрибут 'value = ""' на кнопках будет записывать содержащуюся строку в кнопку, диапазон не нужен.

Вместо записи:

<element></element>

для большинства элементов HTML вы можете просто закрыть их с завершающим косой чертой, например:

<element />

О, и, наконец... элемент 'button' имеет в нем триггер обновления, поэтому я использую "тип ввода [кнопка]", чтобы избежать запуска формы.

Программисты удачи.

Из-за политики StackOverflow мне пришлось изменить домен в примере: https://meta.stackexchange.com/questions/208963/why-are-certain-example-urls-like-http-site-com-and-http-mysite-com-blocke

Ответ 4

Вы можете добиться этого с помощью метода window.open(), передав _blank в качестве одного из параметров. Вы можете ссылаться на приведенные ниже ссылки, которые содержат больше информации об этом.

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

http://msdn.microsoft.com/en-us/library/ms536651(v=vs.85).aspx

Надеюсь, это поможет вам.

Ответ 5

Если вы строго хотите использовать кнопку, тогда просто создайте функцию открытого окна следующим образом:

    <script>
function myfunction() {
    window.open("mynewpage.html");
}
</script>

Затем в вашем html выполните следующие действия с помощью кнопки:

Join

Итак, у вас будет что-то вроде этого:

 <body>
    <script>
function joinfunction() {
    window.open("mynewpage.html");
}
</script>
<button  onclick="myfunction()" type="button" class="btn btn-default subs-btn">Join</button>