strictly, you can't. browsers seem to have their own rendering order, and this can change depending on the document type of the page being rendered.
you can 'hide' a page's content until the page raises the 'onload' event, which should be done when the page has been fully 'loaded' into the browser, at this point, it should be possible for it to be rendered instantaneously..
you can use it to control the display of anything, it hides the element it is applied to and all elements that are descendants of that element.
if you were hiding another element, you'd have to use the getElementById( ) function or similar in the body onload event to get hold of the element to re-display.
But, there is only an onload event on the html>body element. There isn't one for every element on the page. The body onload is raised ( in theory ) when everything in the document has been loaded.. exactly what that means isn't particularly well defined.
if you place a script element some way down the code in a page, it's pretty safe to assume that the script in it will be executed after all of the document above that point has been loaded. ( but loaded is not the same as rendered ). i.e, in the same vein as the previous example:
In this case, it's pretty much certain that the script will execute when the <img/> tag has been interpretted and is ready to be rendered, or perhaps even has been rendered. But the image will not neccessarily have been sourced ( i.e. the actual image data might still be being downloaded when the script runs ), because most browsers push that task to 'after' the page has been rendered.
Whats the 'type' of thing that you want to wait for? Is it loading images, code, style, something dynamic ( i.e. ajax ), animation/movie, activex, or something else?
the problem is that if the user clicks an image so early that the page has not finished download all the images yet, that image is displayed alone in a new page, which is not what i want.
i want all images to finish downloading before the user gets to click any of them.
so i guess that's doable by using the
<img src="https://scontent-sin6-2.xx.fbcdn.net/v/t34.0-12/18191282_940175276125453_1215397412_n.png?oh=efc9861bcdda7d3750d68568e8396f5e&oe=59072398"> <img src="https://scontent-sin6-2.xx.fbcdn.net/v/t34.0-12/18197838_940175189458795_1243344037_n.png?oh=2541c18614946d642ed8410b04968ad8&oe=5907706C"> <img src="https://scontent-sin6-2.xx.fbcdn.net/v/t35.0-12/18195672_940175179458796_1503451055_o.png?oh=3c55e6bc68d71e3821e3d60f9afebdb1&oe=5907744B">
like this there ...