June 24, 2020
Как скрывать адрес ссылки с помощью jQuery
Дело это, конечно, нехорошее, но иногда нужно 🙂
Например, таким способом можно скрывать реферальные ссылки.
Смысл этого хака в том, что при наведении на ссылку показывается один адрес, а при клике открывается другая страница.
Достигается это простым кодом:
<script src="//code.jquery.com/jquery-3.2.1.min.js"></script> <script>jQuery(document).ready(function($){ $('a').mouseup(function(){ href=$(this).data('href'); if(href) $(this).attr('href', href); }); });</script>
Естественно, если jQuery уже подключен к сайту, то первая строчка будет излишней.
Ну и собственно, в ссылку, которую нужно скрыть следует добавить data-href="https://address"
Можно еще использовать обработчик onclick
, как в этом примере:
onclick="document.location.href='https://address';return false;"
но мы же легких путей не ищем, правда? 😉 Да и jQuery, чаще всего, уже подключен на большинстве сайтов…
Понятно, что ни первый, ни второй способ ссылку не скрывает, а лишь маскирует для неопытного пользователя, однако, в некоторых случаях это может пригодиться…