在HTML中打开弹出窗口

28

我正在开发Web应用程序,想知道是否有一种使用HTML在应用类型窗口中打开链接的方法?类似这样:

<a href="link" target="_app">My App</a>

1
"app-type window" 是什么意思?没有浏览器控件吗? - Brad
1
就像在Chrome或Firefox的Web应用程序中一样 - Arlen Beiler
1
是的,JavaScript 是一个选项,但如果 HTML 已经有了,我宁愿使用它。 - Arlen Beiler
2
为什么会有踩票?踩票不应该意味着“不行,不能这样做”,对吧? - Arlen Beiler
1
@thebjorn但这假设在Stack Overflow上从未提出过该问题。请查看右侧的“相关”栏 - 那只是同一问题的前几十个实例,我确定还有成千上万个实例 - 以及http://stackoverflow.com/search?q=popup+window+html中的许多重复项。 - Pekka
显示剩余8条评论
4个回答

50

类似这样吗?

<a href="#" onClick="MyWindow=window.open('http://www.google.com','MyWindow','width=600,height=300'); return false;">Click Here</a>

6
请看您提供链接中的最后一个示例: <a href="#" onClick="MyWindow=window.open('http://www.google.com','MyWindow','width=600,height=300'); return false;">点击这里</a> - thebjorn
1
对不起,我以为他的意思是实际的值(600、300)必须放在撇号之间。你完全正确,是我的错误。 - Pevara
2
你能否说明这是否只能使用HTML完成?你发布的内容不仅仅是HTML,这也是我的最初问题,但它确实有效。谢谢。 - Arlen Beiler

24

HTML单独无法实现此功能。您需要使用一些JS

还要考虑到现在人们在浏览器中使用弹出窗口拦截器。

<a href="javascript:window.open('document.aspx','mypopuptitle','width=600,height=400')">open popup</a>

2
请添加一些解释。 - Nikolay Kostov

9

我感觉这是最简单的方法。(随意更改宽度和高度值)。

<a href="http://www.google.com" 
target="popup" 
onclick="window.open('http://www.google.com','popup','width=600,height=600'); return false;">
Link Text goes here...
</a>

1
我认为 target="popup" 不是该属性的有效值。https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/a#target - Luigi

1
在同一网站中打开一个弹出窗口,样例链接。
 <a onclick="window.open('/Product/Product', 'popup', 'location=0,width=750,height=650,left=500,top=55'); return false;" class="btn btn-primary btn-sm">+</a>

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接