I have this javascript function here for example:
<script type="text/javascript">
function onLoadFunctions() {
//some funcitons here...
}
</script>
And I wanted to load this function when the page loads using only javascript. Can anyone help me. thanks in advance.
If I understand what you're asking you probably want to use window.onload.
<script type="text/javascript">
function onLoadFunctions() {
//some funcitons here...
}
window.onload = onLoadFunctions;
</script>
addEventListener to do this, not window.onload (also check the "Legacy Internet Explorer and attachEvent" section)You can also use body onload event:
<body onload="onLoadFunctions();" ...>
...
</body>
The window has an "onload" event which you can listen to with:
window.addEventListener("load",myOnLoadFunction)
Though for more cross-browser compatibility, you may want a function like the below, as older IE versions use .attachEvent instead of .addEventListener
function addEvent(obj,evnt,func)
{
if(typeof func !== 'function')
{
return false;
}
if(typeof obj.addEventListener == 'function')
{
return obj.addEventListener(evnt.replace(/^on/,''), func, false);
}
else if(typeof obj.attachEvent == 'function' || typeof obj.attachEvent == 'object')
{
return obj.attachEvent(evnt,func);
}
}
Then call:
addEvent(window,'onload',myOnLoadFunction);
if(obj.attachEvent), but this code is from a while ago when I was more inclined to add specificity, and it's always better to be safe than sorry! Although, I'd hope noone's setting window.attachEvent to a number/string lolYou have several options to do this:
You can add the event listener in Javascript.
window.addEventListener('load',myOnLoadFunction);
Or if you want you can add the event listener at the html tag.
<body onload="onLoadFunctions();">
Update
You can read more about addEventListener here.
