Зареждате начална страница, докато HTML стиловете и скриптовете се изобразяват?

Имам връзки към всички мои Javascript файлове в долната част на моята страница. По този начин HTML кодът може да бъде изобразен преди зареждане на някой от скриптовете. Единственият проблем е, че HTML се показва на потребителя, преди скриптовете да завършат "украсяването" на HTML елементите. Има ли елегантен начин да покажете на потребителя начална страница към вашето приложение, преди скриптовете и стиловете да се задействат?


person TruMan1    schedule 26.08.2012    source източник
comment
Ако вашите скриптове само украсяват вашите HTML елементи, може би можете да го направите с CSS вместо това.   -  person Oriol    schedule 26.08.2012


Отговори (2)


Можете да създадете div с position: fixed и висок z-index, покриващи целия екран като първи елемент в тялото. Вътре може да се покаже зареждаща анимация или текст.

Тогава последният ред на тялото е JavaScript, който задава display: none на това div.

person Shi    schedule 26.08.2012
comment
Това наистина е правилният път. Мисля, че направи грешка. Бих избрал position: fixed и няма такова нещо като display: hidden. Това е visibility: hidden или display: none. Последното е това, което трябва да се използва тук. - person Pevara; 26.08.2012
comment
@PeterVR: Благодаря за приноса ви. Поправих си отговора. - person Shi; 26.08.2012

Във вашия HTML можете да напишете вашата начална страница и да я презапишете с реално съдържание (което е скрито по подразбиране), като използвате javascript, след като се зареди.

Има обаче огромен недостатък на това решение: какво ще стане, ако някой е деактивирал JS?

Демонстрация: http://jsfiddle.net/FDcNx/

person PeeHaa    schedule 26.08.2012