Javascript 在新窗口中打开按钮？_Javascript_Html_Button_Window_New Operator

Javascript 在新窗口中打开按钮？

javascript html button

Javascript 在新窗口中打开按钮？,javascript,html,button,window,new-operator,Javascript,Html,Button,Window,New Operator,我如何在新窗口中打开按钮，模拟“a href，target=\u blank” 我目前有： <button class="button" onClick="window.location.href='http://www.example.com';"> <span class="icon">Open</span> </button> 打开按钮不是表单，我只想在新窗口中打开它。 <input type="button" on

我如何在新窗口中打开按钮，模拟“a href，target=\u blank”

我目前有：

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


打开

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


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

打开一个新窗口，其中包含您提供的url:）


打开

希望对您有所帮助：）

您可以使用

window.open（）

方法来实现这一点，将

\u blank

作为参数之一传递。你可以参考下面的链接，其中有更多关于这方面的信息

希望这能对你有所帮助。

我无法让你的方法在SF的@Damien工作

所以我求助于我的旧知识

通过将input type=“button”封装在超链接元素中，您可以简单地声明目标属性，如下所示：

<a href="http://www.site.org" target="_blank">
<input type="button" class="button" value="Open" />
</a>

“target=“_blank””是使浏览器在新选项卡中打开链接的属性。此属性具有其他属性，有关详细信息，请参见

由于按钮上的“value=”“”属性会将包含的字符串写入按钮，因此不需要跨度

而不是写：

<element></element>

对于大多数HTML元素，您只需用尾随斜杠将其关闭，如下所示：

<element />

哦，最后。。。“button”元素中有一个刷新触发器，因此我使用“input type[button]”来避免触发表单

祝你好运

由于StackOverflow的策略，我不得不更改示例中的域：

如果您想严格使用按钮，只需创建一个打开窗口功能，如下所示：

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


函数myfunction（）{
window.open（“mynewpage.html”）；
}

然后在html中使用按钮执行以下操作：

加入

所以你会有这样的想法：

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


函数joinfunction（）{
window.open（“mynewpage.html”）；
}
参加

在onClick事件后添加“return false；”以避免表单提交。onClick=“window.open（yourUrl，'.'u top'）；”以在同一选项卡中打开。在google chrome中，此代码仅在同一窗口中打开一个新选项卡。可以用javascript打开一个新的浏览器窗口吗？

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