Where To Put JavaScript Code In The Web Page
In general, JavaScript can be put anywhere into the source code of a web page.
The browser runs any JavaScript it encounters while loading the web page, when it's encountered.
Therefore, JavaScript that should run early is generally put into the HEAD area of the web page source code. Otherwise (unless the nature of the JavaScript requires it to be at a certain location), the JavaScript code can be put near the bottom of the page above the cancel </BODY> tag.
For an example, let's assume the JavaScript has a timer.
If the JavaScript is put into the HEAD area of the page, the timer will start as soon as the page begins to load. If put at the bottom of the page, the timer will start when the page has nearly finished loading.
For fast loading pages, there will be little or no noticeable difference. On slow loading pages, there may be quite a bit of difference.
Put the JavaScript in the location that will work best for you.
Will Bontrager
Was this blog post helpful to you?
(anonymous form)
All information in WillMaster Blog articles is presented AS-IS.
We only suggest and recommend what we believe is of value.
As remuneration for the time and research involved to provide quality links,
we generally use affiliate links when we can.
Whenever we link to something not our own, you should assume
they are affiliate links or that we benefit in some way.
Recent Articles in the Library
Beacon
Send a beacon to your script. Optionally, also send information.
Digging for an IP Address
While an app's IP address can always be found in the REMOTE_ADDR value, the value might not be the actual destination of the content retrieved from your website.
Simple CSS Rotate
Rotate divs, tables, and even characters. Specify the number of degrees or fraction of a turn, and you're good to go.
Avoid Expired SSL Certificate
Check the expiration date of your domain's SSL certificate
Image Zoom on Hover
Zoom the image with a hover. CSS. No JavaScript.
The INS and DEL Tags
The INS and DEL tags come in mighty handy to display editing marks and to emphasize ideas with HTML markup.
Viewing HTML Source Code
Three ways to view HTML source code.