Использование Javascript: как создать ссылку "вернуться", которая приведет пользователя к ссылке, если для вкладки или окна нет истории?

Регистрация window.history.length или просто history.length

EDIT:некоторые браузеры начинают свою историю с 0, другие с 1. отрегулируйте соответственно.

если он имеет значение 1, это означает, что это первая страница в этом окне / вкладке-тогда вы можете перенаправить JS.

<script>
    function backAway(){
        //if it was the first page
        if(history.length === 1){
            window.location = "http://www.mysite.com/"
        } else {
            history.back();
        }
    }
</script>

<a href="#" onClick="backAway()">Back</a>

оба будут работать одинаково, его просто два разных метода для вызова одной и той же функции. Попробуйте следующее:

<a href="javascript:history.back();">[Go Back]</a>

причина при использовании return:false; хорошо объясняется на этом другой вопрос.

для другой проблемы, вы можете проверить для реферер чтобы увидеть, если она пуста:

    function backAway(){
        if (document.referrer == "") { //alternatively, window.history.length == 0
            window.location = "http://www.example.com";
        } else {
            history.back();
        }
    }

<a href="#" onClick="backAway()">Back Button Here.</a>

echo "<p><a href=\"javascript:history.go(-1)\" title=\"Return to previous page\">&laquo;Go back</a></p>";

вернуться на одну страницу.

echo "<p><a href=\"javascript:history.go(-2)\" title=\"Return to previous page\">&laquo;Go back</a></p>";

вернемся на две страницы.

это, кажется, сделать трюк:

function goBackOrGoToUrl() {    

    window.history.back();
    window.location = "http://example.com";

}

история звонков.назад() , а затем изменить местоположение. Если браузер сможет вернуться в историю, он не сможет перейти к следующему заявлению. Если он не может вернуться, он отправится в указанное место.

следующий код сделал трюк для меня.

html:

<div class="back" onclick="goBackOrGoHome()">
  Back
</div>

js:

home_url = [YOUR BASE URL];

pathArray = document.referrer.split( '/' );
protocol = pathArray[0];
host = pathArray[2];

url_before = protocol + '//' + host;

url_now = window.location.protocol + "//" + window.location.host;


function goBackOrGoHome(){
  if ( url_before == url_now) {
    window.history.back();    
  }else{
    window.location = home_url;
  };
}

Итак, вы используете document.referrer чтобы установить домен страницы, с которой Вы пришли. Затем вы сравниваете это с вашим текущим url с помощью window.location.

если они из одного домена, это означает, что вы приходите с вашего собственного сайта, и вы отправляете их window.history.back(). Если они не совпадают, вы приходите откуда-то еще, и вы должны перенаправить домой или делать все, что вы как.

добавлен новый ответ для отображения кода в формате:

дело в том, что вы проверяли документы.реферер, потому что вы были в ff, он всегда возвращался true, а затем переходил к http://mysite.com. попробуйте следующее:

function backAway(){
    if (document.referrer) {
        //firefox, chrome, etc..
        i = 0;
    } else {
        // under ie
        i = 1;
    }
    if (history.length>i)
    {
        // there are items in history property
        history.back();
    } else {
        window.location = 'http://www.mysite.com/';
    }
    return false;
}

просто используйте куки для хранения списка посещенных страниц.

и если еще.

EDIT: также используйте ServerVariables HTTP_REFERER.

вы должны проверить оба document.referrer и history.length как в моем ответе на аналогичный вопрос здесь:https://stackoverflow.com/a/36645802/1145274

Как насчет использования функции замены истории, чтобы добавить сайт в историю браузеров?

попробуйте выполнить следующее, Как только окно загрузится-

history.replaceState("example", "title", "http://www.example.com");

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