Загрузка css стилей?

Question

[megamutex]

Добрый день!
Есть рукописная админка, в которой подключение css обычным способом не работает. Происходит подключение через Js:

<script>
    (function() {
    var tagCss = document.createElement('link');
    tagCss.rel = 'stylesheet';
    tagCss.href = 'css/main.css'; //  URL for the CSS file
    tagCss.type = 'text/css';
    var tagHead = document.getElementsByTagName('head');
    tagHead[0].appendChild(tagCss);
    })();</script>

Проблема в том, что этот код выполняется по разному, зачастую позже чем надо, а нужно, чтобы css выполнялся в первую очередь. Собственно, вопрос - есть ли еще какие-то способы подключения css, но так, чтобы он выполнялся сразу, раньше чем html?

Comments

[Ivan Stroykin]

А если просто весь css в тэг вставить?

[megamutex]

Иван Стройкин: в тег style?

[Ivan Stroykin]

megamutex: Написал ниже пример. Так он позволяет вставлять?

[megamutex]

Иван Стройкин: неа)

Answer 1

[Виталий]

Собственно, вопрос - есть ли еще какие-то способы подключения css, но так, чтобы он выполнялся сразу, раньше чем html?

Чтобы заработало, вы должны сначала загрузить head , потом Jquery , потом ваш скрипт, потом уже то, что в body

Comments

[megamutex]

В прициппе так и работает сейчас. Только этот скрипт находится в body и он выполняется раньше нужного блока html, но сам файл css выполняется позже, из-за чего контент появляется сначала без стилей, а критично важо, чтобы сначала стили подгрузились

[tommy_13]

jquery-то зачем?

[Виталий]

tommy_13: если у ТС вдруг на JQ решит переписать

Answer 2

[Егор Живагин]

раньше чем html

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

Чушь полная, короче. Ты же тот же тэг link создаёшь. Ищи, что и как админка делает - хотя бы Ctrl+Shift+F поиск слова link по коду.

Comments

[megamutex]

так бы и сделал, но стоит ограничение в правах и ничего с этим пока не поделать(

[Егор Живагин]

megamutex: прикольная задачка)) А как с подключением через style ?

[megamutex]

Егор Живагин: все плохо)) Есть вариант сделать Inline стилями конечно. Прописать блоку нужному visibility: hidden, а после подгрузки документа, показывать. Но я пока отбросил этот вариант. Будет запасным