如果有人点击我的javascript链接,如何显示弹出消息

时间:2018-03-24 10:45:45

标签: javascript

这是我打开javascript链接的代码,我已经在使用它并且效果很好: -

<a blank="" href="javascript:;" onclick="window.open('This is my affiliate url');" rel="nofollow"><img src="This is the image which I want user to click" /></a>

现在,我想在有人点击此图片时显示一个消息框。这意味着当有人点击图片时,网址也应该打开,弹出消息也应该显示我的消息。

您可能已经看过几个优惠券网站。他们的联盟链接打开,弹出消息显示有人点击它时的优惠券代码。

我希望用上面的超链接实现同样的功能。请帮我怎么做。

1 个答案:

答案 0 :(得分:0)

我建议使用库 sweetalert 。您可以在下面找到用例的示例用法。在点击<a>标记后,除了您点击<a>标记的页面上的弹出窗口外,系统还会打开一个新页面。

<a href="https://google.com"
   onclick="showPopup()"
   rel="nofollow"
   target="_blank" >
     Click here 
</a>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<script type="text/javascript">
    function showPopup() {
        swal({
            text: "This is where the text will come.",
        });
    }

</script>