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:
CopyCodeThe 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> ";}
);
