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

时间:2010-11-22 07:28:56

标签: javascript html css

我有一个超链接:

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

如果我点击“测试”链接,some.html应该以弹出菜单的形式打开,其中包含一些给定的宽度&amp;高度。

我该怎么做?

5 个答案:

答案 0 :(得分:10)

您可以使用window.open()

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

或者:

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

答案 1 :(得分:4)

使用target='_blank'有时会在新标签页中打开,通常适用于Firefox和Chrome。你最好的是使用Frédéric的代码:

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

答案 2 :(得分:2)

要在弹出窗口中打开,您可以使用target="_blank"

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

或使用window.open

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

答案 3 :(得分:1)

在没有锚元素且没有新的弹出窗口工具栏的情况下实现的简单方法

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

答案 4 :(得分:1)

尝试使用此代码:

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

单击弹出窗口后,使用javascript: void(0)不与上一页进行任何联系。