Загрузка JS, после DOMContentLoaded
 

Периодически бывает, что DOMContentLoaded загрузился быстрее, того как script.js, из за этого начинается ругань на анонимные функции в обработчике событий. Как этого можно избежать?

<script src="script.js"></script>
<link rel="stylesheet" href="style.css">  

window.addEventListener('DOMContentLoaded', function() {
 console.log("Html_DOMContentLoaded");
});

PS: точнее script.js выдает ERR_CONNECTION_REFUSED из за того что начало начинает грузиться style.css
а одном из браузеров как раз стили не загрузились как их по времени растащить ?

Если код именно такой, то DOMContentLoaded не может сработать раньше загрузки и выполнения скрипта со стилями. Такое возможно только при асинхронной загрузке скриптов/стилей (параметр async или defer).

Белый шум, да вы правы, оказывается JS просто не выгружается
причем на разных браузерах ведет себя по разному, в одном выгружается в другом нет, в третьем CSS не выгружается.


Что за дикий таймаут в 1 секунду?
можно браузер заставить по дольше ждать?

можно

<script src="script.js"></script>
<link rel="stylesheet" href="style.css">  

window.addEventListener('DOMContentLoaded', function() {
setTimeout(function() {
 console.log("Html_DOMContentLoaded");
},2000);
});

но лучше искать другое решение

pokk,
ERR_CONNECTION_REFUSED - проблема на стороне сервера, возможно веб-сервер не запущен.