如何将超链接打开为具有给定宽度和高度的弹出窗口？

Question

I have a hyperlink that is:

 <a href="some.html">Test</a>

If I click on the Test link, some.html should open as pop up menu with some given width & height.

How can I do this?

Answer 1

You can use window.open() :

<a href="javascript:window.open('some.html', 'yourWindowName', 'width=200,height=150');">Test</a>

Or:

<a href="#" onclick="window.open('some.html', 'yourWindowName', 'width=200,height=150');">Test</a>

Answer 2

Using target='_blank' sometimes opens in a new tab, and it usually does for Firefox and Chrome. Your best best is to use Frédéric's code:

<a href="javascript:window.open('some.html', 'yourWindowName', 'width=200,height=150');">Test</a>

Answer 3

To open in popup, you can use target="_blank" :

<a href="some.html" target="_blank">Test</a>

Or use window.open :

<a href="#" onclick="window.open('some.html', 'win', 'width=400,height="400"')">Test</a>

Answer 4

没有锚元素和没有新的弹出窗口工具栏的简单方法

<span class="popup" onClick="javascript:window.open('http://www.google.com', '_blank','toolbar=no,width=250,height=250');">

Answer 5

Try use this code :

<a href="javascript: void(0)" onclick="window.open('yourLink','_blank','width=900,height=300');">Try</a>

Using javascript: void(0) to make no any contact of previous page after you click popup window.