The Browser executes window. the onload function is not only after the DOM tree is built, but also after all the images and other external resources are fully loaded and displayed in the browser window. 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 ="
动态创建的p
"; }
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:
The Code is as follows:
// JQuery uses the dynamically created $ (document). ready (function) Method
$ (Document). ready (
Function () {testDiv. innerHTML ="
使用动态创建的$(document).ready(function)方法
"; }
);
// Or use the simple Syntax:
/JQuery uses the $ (function) Method
$ (
Function () {testDiv. innerHTML + ="
使用$(function)方法
"; }
);
