logo标签列表

在新窗口中打开按钮？

javascripthtmlbuttonwindownew-operator
37

如何使按钮在新窗口中打开，仿效“a href, target = _blank”？

我目前有以下代码：

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

打开一个新窗口并加载你提供的URL地址 :)

<button class="button" onClick="window.open('http://www.example.com');">
     <span class="icon">Open</span>
</button>
2
在 onClick 事件后添加 "return false;"以避免表单提交。 - joseantgv
1
onClick="window.open( yourUrl , '_top');" 可以在同一标签页中打开链接。 - c-chavez
2
在 Google Chrome 中，这段代码只会在同一窗口中打开一个新标签页。是否可能使用 JavaScript 打开一个新的浏览器窗口？ - Aqqqq
根据另一个输入字段创建动态链接的方法如下：onClick="window.open(http://lecrat.fr/articleSearchSaisie.php?recherche=${document.getElementById('grossesse-crat').value}`); return false;"` - djibe
7

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

所以我使用了我的旧知识。

通过将 input type="button" 包裹在超链接元素中，您可以简单地声明 target 属性如下：

<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=""’ 属性可以将包含的字符串显示在按钮上，因此不需要使用span标签。

可以这样编写：

<element></element>

对于大多数HTML元素，您可以简单地在其后面添加一个斜杠来关闭它们，就像这样：

<element />

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

程序员们，祝你好运。

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

6
5
4

如果你严格要使用按钮，那么只需按照以下方式创建一个打开窗口的函数：

    <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>
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接