window.open在新窗口和原始页面上打开链接

时间:2013-10-22 17:23:39

标签: javascript html window.open

我正在尝试创建一个在弹出窗口中打开远程网站页面的链接。我做了一些谷歌搜索,并提出以下代码:

<a href="http://www.yandasmusic.com" onclick="window.open(this.href,'targetWindow','toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=400,height=400')" >A pop-up link</a>

此代码确实在新窗口中打开指定的页面,但由于某种原因,它还会在原始窗口中加载页面。如何更改此代码以便弹出窗口打开指定的页面,但不会更改原始窗口的页面?

谢谢 - 亚历克斯

2 个答案:

答案 0 :(得分:1)

return false;

的末尾添加onclick
<a href="http://www.yandasmusic.com" onclick="window.open(this.href,'targetWindow','toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=400,height=400'); return false;">A pop-up link</a>

答案 1 :(得分:0)

只需添加return false,因为默认操作始终为true。

事件处理程序的返回值确定是否也应该发生默认浏览器行为。在单击链接的情况下,这将在链接之后,但在表单提交处理程序中最明显的区别是,如果用户输入信息时出错,您可以取消表单提交。

更改

<a href="http://www.yandasmusic.com" onclick="window.open(this.href,'targetWindow','toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=400,height=400')" >A pop-up link</a>

<a href="http://www.yandasmusic.com" onclick="window.open(this.href,'targetWindow','toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=400,height=400'); return false;">A pop-up link</a>