Каков порядок выполнения скрипта на странице?

Question

[Денис Машанов]

Всем добрый день. У меня возникла затруднённость в понимании выполнения кода на странице, а именно их последовательная загрузка, помогите пожалуйста. Вот есть у нас главная страница php/html, и там присутствует 2 скрипта + теги html.
Допустим: тег body, javascript, скрипт php.
Моё представление, такое:
Если скрипт javascript в head: 1 загрузка javascript в head, 2 загрузка body, 3 загрузка php.
Если отсутствует head: 1 загрузка body, 2 загрузка javascript (включён после body), 3 загрузка php.
Правильно ли, я понял порядок выполнения?

Answer 1

[Stalker_RED]

PHP работает на сервере, еще до того как страница будет отправлена на клиент (в браузер).
Браузер читает содержимое страницы и начинает исполнять его еще до того, как страница будет полностью загружена.
Скрипты исполняются в том порядке, в каком они встречаются на странице, кроме тех случаев, когда при их подключении указаны параметры async или defer.
Кроме этого, довольно часто скрипты пишутся так, чтобы они дожидались полной загрузки страницы или даже страницы + стили + медиа (картинки и прочее).

Java и javascript - два разных языка, не стоит их путать.

Comments

[Денис Машанов]

Stalker_RED А если я помещу php скрипт в конце страницы, то он выполняется всё равно первым или после загрузки всех элементов выше созданные?

[hufawoso]

Денис Машанов: Загрузки элементов куда? В браузер?

[Денис Машанов]

hufawoso: Да вроде мой вопрос понятен.

[hufawoso]

Денис Машанов: Не понятен, т.к. вам уже второй раз говорят, что браузер ничего не знает про php. В браузер приходит строка (htm+js+ccs).

[Денис Машанов]

hufawoso: То есть получается с начало выполняется php на сервере, а потом уже возвращается в браузер в виде (htm+js+ccs) и не зависимо от того в каком мы месте расположили <?php?>

[hufawoso]

Денис Машанов:
Возвращается - зависимо.
Выполняется на клиенте - независимо.

[Денис Машанов]

hufawoso: Вроде понял, спасибо.

[Денис Машанов]

hufawoso: Ещё вопросик, у нас ответ от сервера возвращается туда где было <?php ?> или нет?

[Stalker_RED]

Денис Машанов: Можете считать, что php выполнится первым.

Если сервер не настроен на буферизацию страниц перед отправкой, то сперва будет отправлен весь текст который идет перед php скриптом, потом скрипт будет выполнен и результат его работы будет добавлен к этому тексту. Ели после него идет еще что-то, то и оно будет отправлено.

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

[hufawoso]

Денис Машанов:
Ответ возвращается в браузер.

[Денис Машанов]

hufawoso: Это я понял, но на странице это всё находится в виде (htm+js+ccs)?

[hufawoso]

но на странице это всё находится в виде (htm+js+ccs)?

Да. все верно.

[Денис Машанов]

hufawoso: Ну вот, это всё на странице представлено в виде (htm+js+ccs), но вот это всё хаотично выводится на страницу или именно туда где был вызов скрипта php, тоесть <?php ?> ?

[Stalker_RED]

Денис Машанов: Нет, не хаотично.

[Денис Машанов]

Stalker_RED: То есть получается не хаотично и не туда где был <?php ?> ?

[hufawoso]

Денис Машанов: Специально для вас нашел картинку, о том как оно все работает.
https://svyatoslav.biz/wp-pics/webtech_03_web_appl...
Смотреть 2 слайд.

[Денис Машанов]

hufawoso: Спасибо большое всем кто помогал, счастливых дней. )

Answer 2

[hufawoso]

Вы вероятно перепутали java и javascript - это два разных языка.
php - выполняется на сервере и отдается сраницу с кодом javascript, который потом выполняется на клиенте

Comments

[Денис Машанов]

да не не перепутал, просто я думал, что люди поймут если я напишу "скрипта java". Мне нужно точный порядок выполнения кода узнать.

[Денис Машанов]

@hufawoso
Или тут порядок зависит от расположения на странице?

[Денис Машанов]

Вообще данный вопрос возник из-за проблемы работы jquery в php. То есть на главной странице я вызываю php скрипт, который загружает тег div, но вот jquery загружается, но не работает, а через ajax работает, и не могу понять из-за чего.

[Денис Машанов]

Денис Машанов: Данная проблема вышеописанная мной решилась, а главный вопрос остаётся открытым.