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

Question

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

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

Answer 1

onclick и window.open

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

Answer 2

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

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

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

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

Answer 3

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

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

Answer 4

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

Answer 5

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

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

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

Answer 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, но даже тогда стили по умолчанию бесплатны, их легко найти, и их можно скопировать в собственную таблицу стилей, даже если вы используете собственный шаблонный макет.