Можно ли дождаться полной загрузки страницы и только потом ее открыть?

Question

[Елена]

Есть, например, две страницы: home и about. Если я нахожусь на странице home и кликаю по ссылке, которая ведет на страницу about, возможно ли оставаться на странице home и ждать пока загрузится about и только потом ее открыть?

Comments

[WapSter]

Браузеры обычно сами это делают подобную обработку, но можно заставить при помощи <link rel="prefetch" href="/next-page.html">, но это не будет безшовно как в SPA, документ перезагрузится, но не будет отрендерен

[ksnk]

Скачай ajax'ом одержимое страницы, переправь собственный адрес с помощью history. перепиши собственный html тем что скачал с помощью document.write.
Для ссылок внутри домена такая переправка должна работать.
Если подсуетиться, чтобы скрипты и стили были теми же самыми, то должно получиться быстро.

$(document).on('click','a.opps', function(){
                        let href=$(this).attr('href');
                        $.ajax(href, {
                            success:function(data){
                                history.pushState({}, "", href);
                                document.write(data);
                            }
                        })
                        return false;
});

Выглядит страшновато, так что используй на собственный страх и риск. :) Но, вроде, работает

[Елена]

ksnk, Крутая идея, попробую)

[Елена]

WapSter, офигеть! Это реально так происходит. Мне почему-то всегда казалось что происходят скачки при переходе на другую страницу.

Answer 1

[Олег]

Fetch API