【问题标题】:hide url at status bar在状态栏隐藏网址
【发布时间】:2014-12-31 04:27:05
【问题描述】:

我读到人们多次问过这个问题,我已经找到了答案,尽管我必须为我博客中的所有链接手动完成。但我对无法开始工作的格式感到困惑:

我使用的格式:

<a onclick='location.href="#"' style='cursor: pointer;'target='_blank'>

但我无法让它为 data:post.href 工作,它根本不会打开。

<a onclick='location.href="data:post.href"' style='cursor: pointer;' target='_blank'>

谁能帮我解决这个问题?提前致谢

【问题讨论】:

标签: javascript onclick blogs


【解决方案1】:

一般来说,出于 SEO 的原因,不建议在中使用 href 链接。谷歌的爬虫依赖链接中的href来爬取网站,链接汁使用标签中的href传递。为了让您的网站在搜索结果中排名更高,您需要 href 为 GoogleBot 提供树结构。

为了防止复制,我建议你使用一点 jQuery 来隐藏 href 标签。它利用 javascript 来删除 href 标签。单击链接时,它将打开一个带有 href 位置的新窗口。

示例如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <script src="http://code.jquery.com/jquery-1.10.0.min.js"></script>
    <script>
        $(function(){
            $("a.hidelink").each(function (index, element){
                var href = $(this).attr("href");
                $(this).attr("hiddenhref", href);
                $(this).removeAttr("href");
            });
            $("a.hidelink").click(function(){
                url = $(this).attr("hiddenhref");
                window.open(url, '_blank');
            })
        });
    </script>
    <style>
        a.hidelink {
            cursor: pointer;
            text-decoration: underline;
        }
    </style>
</head>
<body>
<a class="hidelink" href="http://www.google.com">Some Link</a>
</body>
</html>

【讨论】:

  • 感谢您的所有帮助,我尝试了以上所有方法(Raptor 和 Taras 的建议),但都没有奏效,我尝试了 maskie 并且奏效了!
【解决方案2】:

我不确定您从 data:post.href 中究竟得到了什么!只是尝试使用 return false 在 url 之后,如下所示:

<a onclick='location.href="data:post.href";return false;' style='cursor: pointer;' target='_blank'>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2011-04-29
    • 2014-10-30
    • 2017-03-20
    • 2013-11-12
    • 2017-10-18
    相关资源
    最近更新 更多