Question

我有一个链接，该链接会打开一个小的弹出页面（而不是新标签页）。我想将此功能集成到一个按钮中。不幸的是，这无法实现预期的效果。

很好的示例链接：

<a href='#' onclick='window.open **
("https://google.com","mywindow", 
"menubar=1,resizable=1,width=500,height=500")'>
Link</a>

应该执行相同操作的当前按钮

<form>
  <input class="btnstylega" onclick="window.location.href='https://google.com'" type="button" value="Link" />
</form>

Answer 1

为什么不尝试：

  <form><input class="btnstylega" onclick="window.open('https://google.com','mywindow', 
  'menubar=1,resizable=1,width=500,height=500')" 
  type="button" value="Neue Versicherung hinzufügen" /></form>

Answer 2

将_blank与target属性一起使用；这将打开一个新标签：

<form>
  <input class="btnstylega" type="button" value="Neue Versicherung hinzufügen" target="_blank" />
</form>

或者，如果您想打开一个新窗口，请使用onClick属性：

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

在这里，请不要忘记"window.open('http://www.example.com');"周围的引号。

Answer 3

之所以发生这种情况，是因为您将窗口位置设置为一个而不是创建新窗口。

此修改后的代码应按预期工作：

<form><input class="btnstylega" 
onclick="window.open('https://google.com','mywindow', 
'menubar=1,resizable=1,width=500,height=500')" 
type="button" value="Link" /></form>

通过单击一个按钮打开一个弹出窗口

3 个答案: