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

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

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

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

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

25
button html javascript new-operator window

5 ответов

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

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

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

65

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

заключив тип ввода= "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" имеет триггер обновления внутри него, поэтому я использую " тип ввода[button]", чтобы избежать запуска формы.

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

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

6
<input type="button" onclick="window.open(); return false;" value="click me" />

http://www.javascript-coder.com/window-popup/javascript-window-open.phtml

4

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

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

http://msdn.microsoft.com/en-us/library/ms536651 (v=против 85).aspx

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

4

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

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

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

вступить

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

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