Как в JavaScript вывести на страницу "Ожидаете...", Потом стереть этот текст и загрузить основной HTML код, без перехода между страницами?
-
Вы хотите SPA реализовать?– Valeriu Vodnicear17 сен 2018 в 15:44
-
Если это так называется, то да– Кирилл Никифоров17 сен 2018 в 15:56
-
Просто из описание вопроса, не очень понятно что именно нужно...– Valeriu Vodnicear17 сен 2018 в 15:57
-
но если нужно SPA (Single Page Application) смотрите в сторону Vue.js, Angular, React– Valeriu Vodnicear17 сен 2018 в 15:57
-
Если я в <head> размещу document.write("Ожидайте..."), то как потом удалить "Ожидайте...", чтобы прогрузился основной код?– Кирилл Никифоров17 сен 2018 в 15:58
|
Показать ещё 1 комментарий
2 ответа
document.write("<div class='loader'>Ожидайте...</div>")
и этот код чтобы удалился .loader
после загрузки
window.onload = function() {
var loader = document.querySelector('.loader');
loader.remove();
};
-
Сначало появляется Ожидайте... потом сразу появляется основной текст, и Ожидайте... не удаляется 17 сен 2018 в 16:14
-
1
-
$.get('https://jsonplaceholder.typicode.com/todos/1', {}, function (data) {
$('#loading').css('display', 'none')
$('#result').text('Результат: ' + data.title)
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="loading">
Загрузка...
</div>
<div id="result">
</div>