在新窗口中打开按钮?

Lat*_*tox 29 html javascript window button new-operator

如何在新窗口中打开按钮,模拟"a href,target = _blank"?

我目前有:

<button class="button" onClick="window.location.href='http://www.example.com';"> 
     <span class="icon">Open</span>
</button>
Run Code Online (Sandbox Code Playgroud)

按钮不在表单中,我只想在新窗口中打开它.

Dam*_*ght 73

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

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

希望有帮助:)

  • 在谷歌浏览器中,此代码仅在同一窗口中打开一个新选项卡。可以用javascript打开一个新的浏览器窗口吗? (3认同)
  • 添加“返回错误;” onClick 事件之后以避免表单提交。 (2认同)

Dem*_*cht 6

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

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


jos*_*son 6

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

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

通过在超链接元素中包含输入类型="按钮",您可以简单地声明目标属性:

<a href="http://www.site.org" target="_blank">
<input type="button" class="button" value="Open" />
</a>
Run Code Online (Sandbox Code Playgroud)

'target ="_ blank"'是使浏览器在新选项卡中打开链接的属性.此属性具有其他属性,请参阅:http://www.w3schools.com/tags/att_a_target.asp以获取更多详细信息.

由于按钮上的'value =""'属性会将包含的字符串写入按钮,因此不需要跨度.

而不是写:

<element></element>
Run Code Online (Sandbox Code Playgroud)

对于大多数HTML元素,您可以使用尾部斜杠来关闭它们,如下所示:

<element />
Run Code Online (Sandbox Code Playgroud)

哦,最后......一个'button'元素里面有一个刷新触发器,所以我使用'input type [button]'来避免触发表单.

好运程序员.

由于StackOverflow的策略,我不得不在示例中更改域:https: //meta.stackexchange.com/questions/208963/why-are-certain-example-urls-like-http-site-com-and-http- mysite的-COM-β受体拮抗剂


clk*_*chu 5

您可以使用window.open()方法来实现这一点,_blank作为参数之一传递。您可以参考以下链接,其中包含有关此的更多信息。

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

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

希望这会帮助你。