Как заставить HTML-кнопку вести себя так же, как гиперссылка?

Как заставить HTML-кнопку вести себя так же, как гиперссылка, где, если вы нажмете на нее, откроется окно браузера, в котором отображается страница, которую вы хотите?

Я так много понимаю. Я думаю, что буду использовать это но вместо ссылки на какой-то код javascript внутри кавычек для "onclick" я хочу поставить что-то простое, что запустит новое окно браузера.

Ответы

Ответ 1

onclick и window.open

<input type="button" onclick="window.open('http://www.example.com','_blank','resizable=yes')" />

Ответ 2

In Head:  
<script>
openNewWindow = function()
{
 window.open(url, "_blank");
};
</script>
In Body:    
<input type="button" onclick="openNewWindow()" >

Я предпочитаю определять функцию с именем openNewWindow() вместо того, чтобы помещать код во входной тег. Это для организации. Я настоятельно рекомендую вам это сделать, если вы планируете иметь много разных кнопок для открытия разных окон.

Ответ 3

Я думаю, это лучшее решение для вас.

Попробуйте это

<a href="http://www.stackoverlfow.com" target="_"><input 
type="button" value="Click Me"/></a>

Счастливое кодирование!!

Ответ 4

Вы можете сделать что-то вроде этого:

window.open(url, "window-name", "menubar=no,innerWidth=600,innerHeight=600,toolbar=no,location=no,screenX=400,screenY=40");

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

Ответ 5

<input type="button" value="Google"
       onclick="window.open('http://www.google.com', '_blank');" />

Ответ 6

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

Если вы используете Bootstrap, вы можете прикреплять имена классов Bootstrap для привязки тегов и делать их похожими на кнопки:

<a href="path/file.ext" class="btn btn-md btn-link">I Look Like A Button</a>

Bootstrap поддерживает также основные размеры, включая btn-sm или btn-lg. Конечно, не каждый использует Bootstrap, но даже тогда стили по умолчанию бесплатны, легко доступны и могут быть скопированы в вашу собственную таблицу стилей, даже если вы используете настраиваемый шаблон шаблона.