在新窗口中打开按钮？答案

【问题标题】：Open button in new window?在新窗口中打开按钮？
【发布时间】：2011-06-06 08:23:14
【问题描述】：

如何让按钮在新窗口中打开，模拟“a href, target = _blank”？

我目前有：

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

按钮不在表单中，我只是想让它在新窗口中打开。

【问题讨论】：

标签： javascript html button window new-operator

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

使用您提供的网址打开一个新窗口:)

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

希望有帮助:)

【讨论】：

添加“return false;”在 onClick 事件之后避免表单提交。
onClick="window.open(yourUrl, '_top');"在同一个标签中打开。
在 google chrome 中，此代码仅在同一窗口中打开一个新选项卡。是否可以用javascript打开一个新的浏览器窗口？

【解决方案3】：

您可以使用window.open() 方法实现此目的，将_blank 作为参数之一传递。您可以参考下面的链接，其中包含更多信息。

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

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

希望这会对你有所帮助。

【讨论】：

【解决方案4】：

我无法让你的方法起作用@Damien-at-SF...

所以我求助于我的旧知识。

通过将输入 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 />

哦，最后...“按钮”元素中有一个刷新触发器，所以我使用“输入类型[按钮]”来避免触发表单。

祝程序员好运。

由于 StackOverflow 的政策，我不得不更改示例中的域： https://meta.stackexchange.com/questions/208963/why-are-certain-example-urls-like-http-site-com-and-http-mysite-com-blocke

【讨论】：

【解决方案5】：

如果你严格要坚持使用按钮，那么只需创建一个打开窗口功能如下：

    <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>

【讨论】：