A function can be executed when the page loaded successfully. rev2023.3.3.43278. Enable JavaScript to view data. JavaScript is best known for web page development but it is also used in a variety of non-browser environments. For example: window.addEventListener ('load', function () { alert ('hello!'); }, false); Share Follow But if you want to manipulate the DOM - you should definitely wait for it to properly load. I'm not sure what you mean, but I'd suggest looking through. Directly inside the script tag runs it as soon as it is parsed. */, // example.com and example.org are not the same origin, // DOMException: Permission denied to access property "origin" on cross-origin object, // This time, the new browsing context has the same origin, Provide alternative ways when JavaScript is disabled, Always identify links leading to a secondary window, WebAIM: Links and Hypertext - Hypertext Links, G200: Opening new windows and tabs from a link only when necessary, G201: Giving users advanced warning when opening a new window. The following code loads the app.js file after the page has been completely loaded. directing focus ( keeping the crusher blinking ) to user input field, Date object & displaying current date and time on button click, getTime() : Date calculations by using milliseconds that is passed from January 1, 1970, Displaying Current Month using getMonth() function, Displaying present Year using getFullYear(), Showing Current Date using getDate() function, Displaying Current Day using getDay() function, Displaying Current Minutes using getMinutes() function, Displaying Current Hours using getHours() function, getUTCHours: Display UTC hour or GMT Hour, getUTCMinutes: Display UTC minutes or GMT minutes, Displaying Current Second using getSeconds() function, gettimezoneoffset() to get difference in UTC time and local time in minutes, setMinutes: Setting the minutes of a date object to fix value, setHours() Setting the minutes of a date object to fix value, setDate() Setting the date part of the date object, setMonth(): Setting the month part of date object, setFullYear(): Setting the year part of the date object, setMinutes(): Setting the minutes part of the date object, toLocaleString() Converting to local date string, toLocaleDateString() Converting to local date string, toTimeString() Converting time part of date object to a string, toUTCString to convert date object to Universal Standard String, Timer function to set time for reminder alert, Recursive timer to trigger a code block after a particular interval, Countdown script displaying days , hours , minutes and seconds left from an event, Displaying changing Clock showing date and time in a web page. . The window.onload function executes to perform a task once the page on the browser finishes loading. To do this we create a variable called "self" to hold a reference to the Main class scope and pass it into the "onload" function so we can call "self.onImageLoad (event);". - banyudu Feb 1, 2022 at 3:45 Add a comment 1 Slide in an element when the user has scrolled down 350 pixels from the top of the page (add the slideUp class): window.onscroll = function() {myFunction ()}; function myFunction () { if (document.body.scrollTop > 350 || document.documentElement.scrollTop > 350) { document.getElementById("myImg").className = "slideUp"; } } Try it Yourself When the browser processes an HTML-document and comes across a