Logo Questions Linux Laravel Mysql Ubuntu Git Menu
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP JAVA JQUERY R React Kotlin
 

PHP, HTML, Javascript execution order

Tags:

javascript

html

php

I have a test.php file and this file contains some PHP code, HTML elements and some internal JavaScript and some external JavaScript include.

I want to know which is first to load or execute.

PHP or HTML or JavaScript? I want to know execution order.

Your answers are greatly appreciated and very helpful to me and others also.

like image 569
prakash Avatar asked Jun 04 '12 06:06

prakash

People also ask

In what order does JavaScript execute code?

JavaScript is synchronous. This means that it will execute your code block by order after hoisting. Before the code executes, var and function declarations are “hoisted” to the top of their scope.

Are script tags executed in order?

Script tags are executed in the order they appear It also means scripts which appear later on the page can depend on things scripts which appear earlier have done. Elements on the page won't render until all the script tags preceding them have loaded and executed.

How do browsers load scripts?

In order to assess the consequences of any such decision, it helps to understand how browsers work: When the browser processes an HTML document, it does so from top to bottom. Upon encountering a <script> tag, it halts (“blocks”) further processing[2] in order to download the referenced script file.

2 Answers

Pragmatically speaking, this is the typical order:

  • PHP runs first and constructs the page.
  • The browser loads the resulting HTML (any JavaScript found gets executed immediately)
  • Any JavaScript that was tied to the DOM ready or load event gets executed once the whole HTML is read and all objects are loaded respectively.
like image 135
Ja͢ck Avatar answered Sep 22 '22 11:09

Ja͢ck

PHP will execute first, then HTML and finally javascript.

  • You send request to server, server executes your script
  • Then returns rendered html to browser, browser parses HTML(inline javascript executed)
  • Finally executes external included javascript files, one by one in order they are included.
like image 28
Aurimas Ličkus Avatar answered Sep 19 '22 11:09

Aurimas Ličkus
Sign in to Comment

Related questions

How to select columns from joined tables: laravel eloquent
Is it better to use ob_get_contents() or $text .= 'test';
PHP __call vs method_exists
Is it possible to overuse late static binding in PHP?
Your PHP MySQL library version differs from your MySQL server version
Forking in PHP on Windows
Are there any security vulnerabilities in this PHP code?
After login, should all pages be https?
Synchronized functions in PHP
Where should someone put the static files such as CS, JS and images in the Codeigniter folder structure?
In Magento, is there a way to remove attribute from configurable product after already created?
Yii Indirect modification of overloaded property
Inefficient SQL Query
Codeigniter flashdata - am I using it correctly?
Best way to periodically execute a PHP script?
trigger node js file
Executing multiple queries in codeigniter that cannot be executed one by one
CakePHP 2.X - loading custom class in app/Lib dir
Remote PHP Debugging with Netbeans and XDebug
How to create joomla 2.5 component? [closed]

Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!