我想用js这样的锚链接

时间:2018-07-03 16:56:16

标签: javascript hyperlink anchor

对不起,我的英语不好 希望你理解我的问题。

这是我需要的JavaScript技巧。 一旦任何用户点击我网站上的任何特定链接,它将在新标签上加载广告。取消广告后,该链接将转到实际链接 。我的意思是,没有广告,链接会很好。

<a href="">link</a>

这是简单的方法吗?如果没有,那么应该使用javascript。

如果系统将仅添加一个类来指定执行此操作的链接。

2 个答案:

答案 0 :(得分:0)

您可以使用计数器变量。如果该数字小于1,则重定向到广告。否则重定向到其他页面。 像这样: 链接

和javascript:

    let counter = 0;

    let ClickHandler = () => {
        if (counter < 1) {
            alert('This is the first click.');
        } else {
            window.location.href = 'http://www.example.com';
        }

        counter++;
    }

希望有帮助。

答案 1 :(得分:0)

这是您想要的内容的超基本版本。 我离开办公室之前只有2分钟的时间来打字。

https://jsfiddle.net/xpvt214o/350699/

HTML

<a href="https://www.google.com">Click</a>
<div id="hidden"><div class="advert">YOUR ADVERT</div>

CSS

#hidden {display:none;}
.advert {background:#ff0;color:black;width:100%;height:100%;}

JS

$('a[href*="google"]').on('click', function(e) {
    e.preventDefault();
  $('body').attr('data-href', $(this).attr('href')).html($('#hidden').html());
  setTimeout(function() {
    $('body').attr('onclick','window.location.href = "'+$('body').attr('data-href')+'"');
  },500);
});

不过,我会注意到,这样做确实对用户之旅造成干扰。