单击后更改/切换链接(href)

时间:2014-12-04 18:16:10

标签: hyperlink toggle href

我需要一个解决这个问题的方法:

我有两个链接: 链接A: www.example.com/?number=123 链接B :www.example.com/?number=456

在网站上应该是 ONE 可点击链接。用户点击后,此链接应自动更改/切换我的两个链接。 (因此,用户点击该链接并进入网站 A ,然后在下次点击时,用户访问网站 B ,然后转到 A .....等等)

我搜索了这个网站和网络,但我找不到解决我的确切问题...另外我不是程序员。 (该网站正在运行wordpress 4.0.1,如果这是相关的)

谢谢你的帮助!

1 个答案:

答案 0 :(得分:0)

这有点hacky,但下面的javascript做你想要的:

function toggleLink() {
    // Rebind this for the closures below
    var self = this;

    // Edit the following two links as needed
    var link1 = 'http://www.example.com/?number=123';
    var link2 = 'http://www.example.com/?number=456';

    // The event triggers before the page is opened, so href needs to be amended at a later point.
    // I have arbitrarily chosen 100ms after the click event.
    if (this.href === link1) {
        setTimeout(function () { self.href = link2; }, 100);
    } else {
        setTimeout(function () { self.href = link1; }, 100);
    }
}

document.getElementById('toggle-link').addEventListener('click', toggleLink);

请参阅以下JSFiddle