0

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

3 ответа 3

0

Один из вариантов решения:

<body style="visibility: hidden">
...
<script>
    window.onload = function () {
        setTimeout(function () {
            document.getElementsByTagName("body")[0].style.visibility = "visible";
        }, 500);
    }
</script>
4
  • А таймаут-то зачем?
    – Qwertiy
    Commented 15 нояб. 2016 в 16:43
  • @Qwertiy body в момент загрузки скрыть, а после загрузки "через пол секунды" делаем видимым.
    – Ali
    Commented 16 нояб. 2016 в 9:19
  • Ну так зачем полсекунды??
    – Qwertiy
    Commented 16 нояб. 2016 в 12:23
  • @Qwertiy это конечно скорее костыль, но все же практическое решение. Например в одном проекте на ангуляре пришлось сделать так. Использование ngCloak не помогло - контент прыгал.
    – Ali
    Commented 16 нояб. 2016 в 16:27
0

Спасибо всем кто дал ответ , также я нашел решение по своему , выложу код сюда кому понадобится.

<script src="jquery-1.8.1.min.js" ></script>


window.onload = function() {

var div4 = document.querySelector('.hide4');

div4 && div4.classList.remove('hide4')
         };

<style>

    .hide4 {display:none;}

</style>


<body>
<div class="hide4">

..Body Content 

</div>
</body>
1
  • 1
    Во-первых, что за жесть, а во-вторых, а зачем тут jQuery?
    – Qwertiy
    Commented 15 нояб. 2016 в 16:43
-2

Если использовать JQ, то есть событие ready.

$(document).ready(function(){
  //code...
});

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.