如何在弹出窗口中显示链接?

时间:2012-01-13 08:11:24

标签: javascript popup

我有以下代码的链接。

<a href="www.facebook.com">Facebook</a>

我想当我点击facebook链接时,它应该在弹出窗口中打开窗口。 现在它在同一窗口打开。

我将如何做到这一点?

1 个答案:

答案 0 :(得分:2)

XHTML严格:

window.onload=function() {
  document.getElementById('fbLink').onclick=function() {
    var w=window.open(this.href,this.getAttribute("rel"),"width=500,height=600");
    return w?false:true
  }
}
使用

<a href="http://www.facebook.com" rel="external" title="Open Facebook" id="fbLink">facebook</a>

最安全:

<a href="http://www.facebook.com" target="_blank">Facebook</a>

可能(此处为内联):

<a href="http://www.facebook.com" target="_blank"
onclick="var w=window.open(this.href,this.target,'width=500,height=600');
return w?false:true">Facebook</a>

Onobtrusive:

window.onload=function() {
  document.getElementById('fbLink').onclick=function() {
    var w=window.open(this.href,this.target,'width=500,height=600');
    return w?false:true
  }
}
使用

<a href="http://www.facebook.com" target="_blank" id="fbLink">facebook</a>