Почему перерисовка страницы происходит после alert()?

Question

[Вадим]

document.documentElement.style.backgroundColor = 'red';
alert('alert');
document.documentElement.style.backgroundColor = 'green';

Ожидаю что сначала документ будет красным, потом алерт (документ еще красный), а потом документ зеленый, по факту же до алерта документ белый, после алерт - сразу зеленый.
Кто-нибудь подскажет почему?

Comments

[Вадим]

Меня интересует почему так браузер себя так ведет

Answer 1

[Дмитрий Беляев]

Операции с dom довольно тяжелые, поэтому когда Вы вызываете изменения в dom браузер их просто складывает и затем применяет все одним разом (своеобразная оптимизация) перед event-loop, то есть, когда текущий поток исполнения завершится
alert - блокирующая операция, поэтому пока она работает (Вы видите окно) поток исполнения завершиться не может

Answer 2

[Сергей Мельников]

https://developer.mozilla.org/ru/docs/Web/JavaScri...
www.pvsm.ru/javascript/33248

Answer 3

[Александр Аксентьев]

не успевает, alert блочит весь процесс, скорее всего

Answer 4

[Risent Veber]

Только что запускал код - все работает как надо - видимо у вас просто браузер тормозит.

Comments

[Вадим]

Chrome и Safari ведут себя как я описал

[Risent Veber]

Вадим: торможение браузера зависит не только от марки но и от условий в которых он запущен.
P.S. запускал в Chrome.

[Вадим]

Risent: Сомневаюсь что это тормоза, вероятнее соотв. спеке...

[Сергей Мельников]

Вадим: ну, если ты считаешь что это соответствие "спеке", так может было бы правильней погуглить что то на тему как работает js в браузерах?