Маскировка URL в JavaScript

Question

У меня есть <a href="url1">url1</a>.Но я видел на веб-сайтах, что они будут использовать javascript, чтобы показать это как url1, но на самом деле это url1, который перенаправляет на url2.

Вы не увидите исходный URL при наведении курсора мыши на ссылку.

То же самое используется и в результатах поиска Google.Подскажите, пожалуйста, как это делается.:)

Answer 1

Вы можете использовать событие JavaScript onclick, чтобы изменить href при клике.

Example: <a href="url1" onclick="this.href='url2'">link</a>

В этом примере пользователи видят, что URL-адрес ссылки является url1, но когда он щелкает по нему, он переходит к url2.

Answer 2

Для простого примера вы можете создать скрипт перенаправления, который просто берет URL из параметра GET, а затем перенаправляет пользователя на эту страницу.

redirect.php:

<?php

    $Link = $_GET['l'];

    // Do whatever you want with $Link here (store it in a database, for example)

    header('Location: ' . $Link);

?>

Теперь вместо ссылки на url1 вы можете ссылаться на redirect.php? L = url1.

Имейте в виду, что в реальной среде вы, вероятно, захотите выполнить некоторые проверки работоспособности в $ Link, прежде чем перенаправлять туда пользователя.