當鼠標懸停鏈接時，隱藏href網址中的狀態欄值

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中的鏈接來做到這一點：

   <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放在attibute中。 例如

<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;
});