DOMContentLoaded
document.addEventListner('DOMContentLoaded',function(){
})
document.onload
document.onload(function(){
});
Is DOMContentLoaded and document.onload events are same
Asked
Active
Viewed 113 times
1
jsduniya
- 2,464
- 7
- 30
- 45
-
1what you are saying is done by window.onload, I am thinking about document.onload – jsduniya Mar 14 '20 at 11:48
-
Does this answer your question? [Difference between DOMContentLoaded and load events](https://stackoverflow.com/questions/2414750/difference-between-domcontentloaded-and-load-events) – Omri Attiya Mar 14 '20 at 11:52
-
4There's no `document.onload` event at all. – Teemu Mar 14 '20 at 11:54
-
@Omri Sorry that is difference..i checked then i created this stack question. – jsduniya Mar 14 '20 at 11:54
-
@Teemu What do you think what is the javascript alternative for $(document).ready() then ? – jsduniya Mar 14 '20 at 11:56
-
1JQuery uses `DOMContentLoaded` internally in `$(document).ready()` implementation. – Teemu Mar 14 '20 at 11:58
-
@Teemu Thank you, Is there any reference which you can guide me ? – jsduniya Mar 14 '20 at 12:00
-
1Just load the unminified jQuery source code, and check it yourself. – Teemu Mar 14 '20 at 12:01
-
1look at this [answer](https://stackoverflow.com/a/21155413/3729184) – Omri Attiya Mar 14 '20 at 12:09
-
@omri That Helped. Thanks you – jsduniya Mar 15 '20 at 04:47
2 Answers
0
The syntaxe should be (as a comment pointed out) :
document.onload = function(){};
and I think it does only work when targeting an elemnt like so :
document.getElementById('image').onload = function(){};
It will assign the function to the onload handler.
Whereas
document.addEventListener('DOMContentLoaded', function(){})
Waits for the DOM to be ready before triggering, meaning that images, iframes, ect... could not be loaded.
Angel
- 100
- 8
0
Could be useful for someone
source : Difference between DOMContentLoaded and load events
DOMContentLoaded==window.onDomReady()
Load==window.onLoad()
A page can't be manipulated safely until the document is "ready."jQuery detects this state of readiness for you. Code included inside $( document ).ready() will only run once the page Document Object Model (DOM) is ready for JavaScript code to execute. Code included inside $( window ).load(function() { ... }) will run once the entire page (images or iframes), not just the DOM, is ready.
See: http://learn.jquery.com/using-jquery-core/document-ready/
jsduniya
- 2,464
- 7
- 30
- 45