Как сделать чтобы кнопка «Назад» работала бы в пределах определенного сайта?

Question

[askeer]

Всем привет.
Пожалуйста помогите дописать js код так, чтобы он делал именно то что задумано.


Суть вопроса.
Есть кнопка при нажатие на которую мы возвращаемся назад (на предыдущую страницу), как сделать чтобы данный js работал в пределах определенного домена, то-есть , перейдя на example.com/page/1 с поисковой выдачи, или напрямую со стартовой страницы браузера, нас не выкидывала бы обратно при нажатии на кнопку "Назад" на страницу выдачи или на стартовую страницу браузера. Как сделать чтобы код понимал, что мы пришли на страницу example.com/page/1 с другого ресурса и при нажатии на кнопку "Назад" он нас отправлял бы на example.com а не страницу выдачи к примеру? + если мы перейдем на страницу example.com/page/1 к примеру со страницы example.com/page/ то при нажатии на кнопку "Назад" нас бы возвращала бы на страницу example.com/page.

Как сделать чтобы кнопка "Назад" работала бы в пределах определенного сайта? Если мы пришли на страницу example.com/page/1 со страницы example.com/page или example.com/test, при нажатии на кнопку "Назад" мы будем возвращаться на предыдущую страницу (example.com/page или example.com/test), так как предыдущая страница находится в рамках нашего домена example.com. А если мы пришли на страницу example.com/page/1 через Google, Yandex и тп, или со стартовой страницы браузера, то при нажатии на кнопку "Назад" нас возвратит не на Google к примеру, а на главную страницу сайта example.com.

Кнопка
onclick="goBack()">Назад

Javascript
function goBack() {
window.history.back();
}

Comments

[Kovalsky]

Я вижу два пути:
1. Юзер переходит по ссылке с гугла, ваш сервер добавляет какую-нибудь информацию об этом на странице. Например, добавляет к URL параметр, в котором будет хранится инфа, типа "referrer=google",
2. Ориентироваться по document.referrer, там по идее должна лежать ссылка на страницу, с которой вы перешли на текущую страницу. Очень плохая практика для IE.

[askeer]

Все как то сложно ) А можно не много подробнее.. как это реализовать? Тот js код что в описании он неподходит? Может там что то даписать нужно типо if или что то вроде этого, просто не знаю js, и как все это реализавать. Спасибо

[tsarevfs]

А если я действительно хочу вернуться к поисковой выдаче?

[askeer]

tsarevfs: вопрос пожалуйста прочтите. причем здесь то куда вы хотите.. если задача моей кнопки назад а не браузера, что бы она работала так как описано выше.

Answer 1

[Олег]

function goBack() {
   var a = document.referrer;
   var b= new URL(a).hostname;
  var c = location.host;
    if (b == c) {
       window.history.back();
    }else{
        alert("что то пошло не так");//else можешь удалить
    }
}

Comments

[Андрей П.]

Благодарю! Очень помогли.

Answer 2

[xmoonlight]

Переоткрыть сайт в новой вкладке.
https://developer.mozilla.org/ru/docs/Web/API/History

Comments

[askeer]

Вопрос плохо понят.

[askeer]

Спасибо за ссылку, но не могли бы подсказать что конкретнее из того что там есть мне бы подошло бы, как реализовать?

[xmoonlight]

askeer: считываете предыдущее свойство из history перед действием и на основе него - определяете: куда переходить.
help.dottoro.com/ljbrmoje.php

[askeer]

xmoonlight: спасибо за ссылку, а тот код что представлен там, это то что мне нужно? он по идеи должен работать так как написано в описании выше?

[xmoonlight]

askeer: да

[askeer]

xmoonlight: попробовал, но он вместо нужного результата только модалку показывает .. (

[xmoonlight]

askeer: тогда Вам лишь один вариант - ФРИЛАНС!

[Kovalsky]

xmoonlight: а вы уверены, что History можно для этого использовать? Заморские парни пишут, что History не предоставляет возможности читать предыдущие состояния. Для этого предлагают использовать referrer или хранение предыдущего урла в печеньках.

[xmoonlight]

Никита Полевой: конечно, URL-ы - не даст считать из объекта History, а вот хранить историю - лучше в LocalStorage или просто в массиве (при SPA-приложении).