如何在一个链接中打开同一窗口中的2个不同链接,在新窗口中打开另一个链接?

时间:2009-11-22 16:13:39

标签: javascript css xhtml

如何在一个链接中打开同一窗口中的2个不同链接,在新窗口中打开另一个链接?我想在父窗口中打开一个链接,在新窗口中打开另一个链接,而不是在所有A级浏览器中打开新选项卡

3 个答案:

答案 0 :(得分:1)

使用首先调用window.open然后调用window.location的javascript函数。

答案 1 :(得分:1)

通常,如果您使用window.open并指定窗口的高度和宽度,则会导致大多数配置的大多数浏览器将其作为新窗口而不是新选项卡打开。

以下内容将向标识为link-of-doom的链接添加一个弹出窗口。像往常一样,在href属性中指定您希望当前页面重定向到的链接。

HTML

<a href="/page1.html" id="link-of-doom">Click me!</a>

的JavaScript

$(function() {
    $("#link-of-doom").click(function() {
        window.open('/page2.html', 'sometarget', 'width=400,height=200');
    });
});

*您不应在HTML本身使用onclick属性,因为它不被视为最佳做法。 。 。每当有人使用它时,就会杀死一只小猫。

答案 2 :(得分:0)

<a href="another.htm" target="_blank" "onclick="location.href='one.htm'">Your link</a>

这可能有效,也可能无效,具体取决于'onclick'处理程序是否在链接的标准行为之前运行。

如果没有 - 或者是间歇性的 - 请告诉我,我会提供另一种方法。

编辑:

作为替代方案,我认为你可以有2个链接,一个用于“新”窗口,另一个用于“当前”窗口。使用css,使“当前”窗口链接不可见,并在“新”链接上添加一个“onclick”处理程序,用于触发“当前”链接。

    <a href="another.htm" target="_blank" "onclick="$('#currentLink').click()">Your link</a>
    <a href="one.htm" id="currentLink" style="display: none">Hidden link</a>

请务必在多个浏览器上进行检查。

P.S。我假设您正在使用jquery - 如果没有,触发'click'事件的代码将需要更改。