鼠标悬停链接时从 href url 隐藏状态栏值答案

【问题标题】：Hide status bar value from href url when mouse hover a link鼠标悬停链接时从 href url 隐藏状态栏值
【发布时间】：2013-11-06 14:00:24
【问题描述】：

这是我的链接：

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

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

我怎样才能做到这一点？

【问题讨论】：

HTML - overRide statusbar link location display的可能重复

标签： javascript hyperlink

【解决方案1】：

试试这个：

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

【讨论】：

谢谢！它就像一个魅力！ = href='javascript:void(0)' onclick='location.href='" . $ajax_like_link . "' data-task='like' data-post_id='" . $post_id . "' data-nonce=' " . $nonce . "''>";
target="_blank" 呢？

【解决方案2】：

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

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

【讨论】：

【解决方案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>

【讨论】：

链接在这里 不工作

【解决方案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;
});

【讨论】：