Question

有人可以分享如何创建链接而不让用户知道链接的网址吗？

例如，在以下网站中，当您将鼠标悬停在练习组上时，鼠标会显示其超链接，但网址不会显示。

verbling.com/community

我正在开发一个类似的页面。请分享如何创建链接，不要让用户知道链接的URL。

Answer 1

您可以添加点击功能并通过javascript设置位置，如： -

$( document ).ready(function() {
    $( "#target" ).click(function() {
      location.href = 'http://address.com';
    });
});

要使这个东西工作，你必须包括来自你的服务器或CDN的jquery，如

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

Answer 2

使用jquery

这个简单示例

<a href="javascript:;" class="do_action">Click Here</a>

$(function(){
    $('.do_action').click(function(e) {
        e.preventDefault();

        // Open link on same page
        document.location.href = 'http://example.com';

       // Open link in tab or other window
       // window.open();
    });
});

对于新标签window.open()

如何在不显示网址的情况下创建链接？

2 个答案: