当鼠标悬停在链接上时，从 href URL 中隐藏状态栏值

Question

这是我的链接：

href='" . $ajax_like_link . "' data-task='like' data-post_id='" . $post_id . "' data-nonce='" . $nonce . "'>";

我想从状态中替换显示的链接值并设置为 javascript:void(0) .

我怎样才能做到这一点？

Answer 1

试试这个：

<a href="javascript:void(0)" onclick="location.href='" . $ajax_like_link . "'">Link</a>

Answer 2

你可以通过调用JavaScript函数而不是href中的link来做到这一点：

   <a href='javascript:void(0)' onclick='gotoLink("". $ajax_like_link ."")' .......>link</a>
    <script>
    function gotoLink(url) {
        window.location = url;
    }
    </script>

Answer 3

您可以使用

window.status=''设置状态，但出于安全原因，大多数浏览器会默认阻止更改状态行的尝试

<a href="link" onmouseover="window.status='javascript:void(0)';" onmouseout="window.status='';">link here</a>

所以更好的方法是

<a href="javascript:void(0)" onclick="location.href='" . $ajax_like_link . "'">Link</a>

Answer 4

这样做

的更短的语法是

<a href="javascript:;" onclick="location.href='" . $ajax_like_link . "'">Link</a>

还有许多其他方法可以做到这一点，您可以创建一个jQuery函数，只需将URL放在属性中即可。

<a href="javascript:;" rel='" . $ajax_like_link . "'" class="goto">Link</a>
$(".goto").click(function() {
    var gotolink = $(this).attr('rel')
    if(gotolink!=undefined || gotolink!='')
         location.href = gotolink;
});