Относительно того, как браузер интерпретирует HTML / CSS / Javascript

Question

Относительно того, как браузер интерпретирует HTML / CSS / Javascript

2

Я довольно зеленый для веб-разработки.

На одном из моих курсов мне сказали, что следующее произойдет, когда браузер прочитает веб-страницу.

На очень высоком уровне я предполагаю, что это основной поток.

1.Browser вытаскивает HTML-страницу.

2.Browser понимает структуру документа, используя теги HTML.

3.После шага 2 браузер понимает селектор/свойства CSS.

4.Browser теперь создает модель DOM.

5. После этого интерпретатор javascript в браузере интерпретирует сценарий.js

Вопросов

1. Правильно ли этот поток?

2. Я знаю, что HTML-теги могут обрабатываться javascript.

Селектора CSS также являются частью DOM и могут управляться javascript?

Rainmaker 08 фев. 2016, в 00:47

Источник

0

JavaScript не обязательно запускается только после того, как DOM готов ...
Hatchet 07 фев. 2016, в 22:55
5

Это не совсем правильно в нескольких отношениях. Процесс загрузки страницы в современном браузере довольно сложный, с множеством возможностей для различного поведения на основе атрибутов тега. Полный ответ будет значительным количеством текста.
Pointy 07 фев. 2016, в 22:56
2

Взгляните на этот html5rocks.com/en/tutorials/internals/howbrowserswork
Mi-Creativity 07 фев. 2016, в 22:59
0

Как говорит Пойнти, это чрезвычайно сложно, и, в целом, процедурно, есть много оптимизаций и прерываний. Подумайте, как исправление ошибок HTML и сценарии могут повлиять на DOM.
RobG 07 фев. 2016, в 23:02

Показать ещё 2 комментария

Теги:

javascript

html

css

1 ответ

Ещё вопросы

JavaScript не обязательно запускается только после того, как DOM готов ...
Это не совсем правильно в нескольких отношениях. Процесс загрузки страницы в современном браузере довольно сложный, с множеством возможностей для различного поведения на основе атрибутов тега. Полный ответ будет значительным количеством текста.
Взгляните на этот html5rocks.com/en/tutorials/internals/howbrowserswork
Как говорит Пойнти, это чрезвычайно сложно, и, в целом, процедурно, есть много оптимизаций и прерываний. Подумайте, как исправление ошибок HTML и сценарии могут повлиять на DOM.

GMchris · Accepted Answer · 2016-02-08T00-51-00.000Z

Не совсем верно. Это сложный процесс.

JavaScript не запускается сразу после загрузки всей страницы, поэтому вы увидите, что многие младшие программисты совершают ошибку, пытаясь манипулировать HTML, не проверяя, загружена ли страница.

Когда браузер достигнет элемента, такого как <script> или <link> он попытается вытащить ресурс и в случае успеха выполнит этот ресурс. Значение кода JavaScript, например, будет выполняться до загрузки DOM, если <script> находится в голове (где он обычно есть). CSS работает аналогичным образом, однако на самом деле не имеет значения, когда CSS применяется, в большинстве случаев, поскольку он не может сбой. Вы можете создавать стили и даже изменять встроенные стили элементов, используя JavaScript, но общим правилом является сохранение стилей, которые могут находиться в файлах.css.

« Тег <script> находится в голове (где он обычно находится) » в большинстве случаев лучше поместить тег / теги script в конец страницы прямо перед </body> , это лучше для улучшения загрузки страницы и Я думаю, что таким образом вам не нужно проверять готовность DOM. Хотя это не всегда так, некоторые скрипты IMO могут быть лучше включены в заголовок, как modernizr, чтобы проверить, поддерживает ли browserX определенную функцию или нет, Updovted