如何将页面上的任何特定 link 重定向到特定 url？

Question

我有一个网页，其中包含几个 link。

link1.com（20link秒）
link2.com（15link秒）
link3.com (8 links)

我希望每当有人点击 link1.com 他就会被重定向到 www.example.com

请告诉我如何实现这个。

使用下面的代码，我可以对屏幕上的当前页面进行重定向。但我需要为我网站上的每个 link 执行此操作。

Answer 1

这是一些示例代码。您可以编辑重定向变量以满足您的需要。 redirects 变量的索引是一个正则表达式，如果它匹配 link 则被重定向。

选项 1

<a href="http://link1.com">link 1</a>
<a href="http://link2.com/alsoredirected">link 2</a>
<a href="http://wikipedia.org">not redirected</a>

<script>
var aTags = document.getElementsByTagName("a");
var redirects = {
    "http://link1.com": "http://google.com",
    "link2.com": "http://google.com"
};

for(var i = 0;i < aTags.length; i++) {
    aTags[i].addEventListener("click", function(event) {
        var url = this.getAttribute("href");

        for (var redirect in redirects) {
            var pattern = new RegExp(redirect);

            if (pattern.test(url)) {
                window.location = redirects[redirect];
                event.preventDefault();
            }
        }
    });
}
</script>

选项 2

这是首选解决方案，因为它会在必要时替换 href 属性。因此，您不必在每次点击时都检查重定向。

<a href="http://link1.com">link 1</a>
<a href="http://link2.com/alsoredirected">link 2</a>
<a href="http://wikipedia.org">not redirected</a>

<script>
var aTags = document.getElementsByTagName("a");
var redirects = {
    "http://link1.com": "http://google.com",
    "link2.com": "http://google.com"
};

for(var i = 0;i < aTags.length; i++) {
    var url = aTags[i].getAttribute("href");

    for (var redirect in redirects) {
        var pattern = new RegExp(redirect);

        if (pattern.test(url)) {
            aTags[i].setAttribute("href", redirects[redirect]);
        }
    }
}
</script>

如何将页面上的任何特定 link 重定向到特定 url？

How to redirect any specific link on the page to a specific url?

javascript

hyperlink

url-redirection