Интересует скрипт, который нужно прописать, чтобы страница отображалась только после ее полной загрузки. Иначе выходит некрасиво - страница отображается параллельно с загрузкой содержимого.
3 ответа
Один из вариантов решения:
<body style="visibility: hidden">
...
<script>
window.onload = function () {
setTimeout(function () {
document.getElementsByTagName("body")[0].style.visibility = "visible";
}, 500);
}
</script>
-
-
@Qwertiy body в момент загрузки скрыть, а после загрузки "через пол секунды" делаем видимым.– AliCommented 16 нояб. 2016 в 9:19
-
-
@Qwertiy это конечно скорее костыль, но все же практическое решение. Например в одном проекте на ангуляре пришлось сделать так. Использование ngCloak не помогло - контент прыгал.– AliCommented 16 нояб. 2016 в 16:27
Спасибо всем кто дал ответ , также я нашел решение по своему , выложу код сюда кому понадобится.
<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Во-первых, что за жесть, а во-вторых, а зачем тут jQuery?– Qwertiy ♦Commented 15 нояб. 2016 в 16:43
Если использовать JQ, то есть событие ready.
$(document).ready(function(){
//code...
});