在 JavaScript 中, onload事件用于检查窗口是否已加载。同样,我们可以使用该事件来检查特定元素是否已加载。有两种方法可以检查背景图像是否已加载。
句法:
-
使用 HTML:
-
在 JavaScript 中使用onload 属性:
object.onload = function(){myScript};
-
在 JavaScript 中使用addEventListener() 方法
object.addEventListener("load", myScript);
HTML 方法:
HTML
Welcome To GFG
Default code has been
loaded into the Editor.
HTML
Welcome To GFG
Default code has been
loaded into the Editor.
HTML
Welcome To GFG
Default code has been
loaded into the editor
输出:
使用onload属性:
HTML
Welcome To GFG
Default code has been
loaded into the Editor.
输出:
使用 addEventListener() 方法:
HTML
Welcome To GFG
Default code has been
loaded into the editor
输出:
注意:要使用 jQuery,请将事件侦听器代码替换为以下内容 –
$("#bg_img").on("load", function () {
window.alert("Image has loaded", 1);
});