javascript - 如何在浏览器打开新标签页上捕获目标 url

Question

是否可以在浏览器打开新标签页事件中使用 JavaScript 或 Jquery 捕获超链接的属性？

假设我有一个超链接 <a href="http://example.com/something">MyLink</a>并使用右键单击链接并打开新选项卡应该首先提醒“http://example.com”

Answer 1

好的，这是我能想到的最好的，但它并不漂亮。

让页面上的所有链接都指向另一个页面(我们称之为 redir.html)。 redir.html 通过 URL 传递一个参数，该参数定义了它应该打开的页面，例如 redir.html?page=www.example.com/something。 redir.html 然后执行你想要的任何 JavaScript，也许只有当它在新的选项卡/窗口中打开时。这可以通过检查 window.history.length === 1 来检测。

redir.html:

<script>
function getParameter(param) {
            var val = document.URL;
            var url = val.substr(val.indexOf(param))  
            var n=url.replace(param+"=","");
            return n;
}
var page = getParameter("page");
if(window.history.length === 1)
{
    alert("I opened in a new tab or window");
}

window.location.href = page;
</script>

源页面上的 anchor 标记示例:

<a href="redir.html?page=http://example.com/something">My link</a>

(我从 this SO post 得到了 getParameter 函数。)