Question

如何让HTML按钮的行为就像一个超链接，如果点击它，它会打开一个显示你想要的页面的浏览器窗口？

我明白这一点。我想我会用这个但是没有链接到“onclick”引号内的一些javascript代码，我想放一些简单的东西来启动一个新的浏览器窗口。

Answer 1

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

Answer 2

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

我更喜欢定义一个名为openNewWindow（）的函数，而不是将代码放在输入标记中。这是为了组织。如果您打算使用许多不同的按钮来打开不同的窗口，我强烈建议您这样做。

Answer 3

我认为这是最适合您的解决方案。

试试这个

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

快乐编码!!

Answer 4

你可以这样做：

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

将名称传递给open方法会导致浏览器打开一个新窗口。第三个参数定义了新窗口的外观。

Answer 5

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

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，但即使这样，默认样式也是免费的，易于查找，即使您使用自定义样板布局，也可以将其复制到您自己的样式表中。

你如何使HTML按钮表现得像一个超链接？

6 个答案: