javascript - 如何打开父级中的所有window.open onclick函数

Question

在我的项目中，有几个包含 onclick 事件的 div 元素，如下所示:

<div id='main'>

    <div onclick='window.open("/folder/file.php", "_self")'>
        Content
    </div>

    <div onclick='window.open("/folder/file.php", "_self")'>
        Content
    </div>

    <div onclick='window.open("/folder/file.php", "_self")'>
        Content
    </div>

    <div onclick='window.open("/folder/file.php", "_self")'>
        Content
    </div>
</div>

我现在遇到的问题是，该页面可以在普通浏览器窗口中打开，也可以在弹出窗口中打开。如果此页面在弹出窗口中打开，我希望所有这些 onclick 链接都在父窗口中打开。有没有办法用 javascript 甚至 jquery 来实现这一点？

Answer 1

定义您自己的函数来打开 URL，并让它检查窗口是否是弹出窗口。

function my_open(url) {
    if (window.opener) { // We're in a popup
        window.opener.location = url;
    } else {
        window.location = url;
    }
}

然后使用onclick='my_open("/folder/file.php")'