在状态栏隐藏网址

时间:2014-12-31 04:27:05

标签: javascript onclick blogs

我已经读过很多次人们已经问过这个问题了,我找到了答案,虽然我必须手动为我博客中的所有链接做这个。但我偶然发现了我无法开展工作的格式:

我使用的格式:

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

但是我无法使用它来处理数据:post.href,它根本不会打开。

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

任何人都可以帮我这个吗?提前致谢

2 个答案:

答案 0 :(得分:4)

一般情况下,由于SEO原因,建议不要使用href链接。 Google的抓取工具依赖链接中的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>

答案 1 :(得分:0)

我不确定你从数据中获得了什么:post.href!只是尝试使用 网址如下所示返回false

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