Therefore, if an image or other resources is loaded for a long time, visitors will see an incomplete page, even a script that depends on the dynamically added element is executed before the image is loaded, resulting in a script error.
Window. onload = function () {testDiv. innerHTML = "<div style = \" border: solid 1px # FF0000 \ "> dynamically created div </div> ";}
The solution is to execute our function before the image and external resources are loaded after the DOM is parsed. In jQuery, this implementation is feasible:
Copy codeThe Code is as follows:
// JQuery uses the dynamically created $ (document). ready (function) Method
$ (Document). ready (
Function () {testDiv. innerHTML = "<div style = \" border: solid 1px # FF0000 \ "> Use dynamically created $ (document ). ready (function) method </div> ";}
);
// Or use the simple Syntax:
/JQuery uses the $ (function) Method
$ (
Function () {testDiv. innerHTML + = "<div style = \" border: solid 1px # FF0000 \ "> use the $ (function) method </div> ";}
);