在JavaScript中,加载嵌入元素(如iframe)时,可以使用window.onload
、document.addEventListener('DOMContentLoaded', handler)
或者window.addEventListener('load', handler)
事件来处理。这些事件会在页面中的所有内容(包括嵌入元素)加载完成后触发。
以下是使用不同方法实现加载嵌入元素的事件处理的示例:
window.onload
处理window.onload = function() {
// 嵌入元素加载完成后的操作
};
document.addEventListener('DOMContentLoaded', handler)
处理document.addEventListener('DOMContentLoaded', function() {
// 嵌入元素加载完成后的操作
});
window.addEventListener('load', handler)
处理window.addEventListener('load', function() {
// 嵌入元素加载完成后的操作
});
对于上述三种方法,可以在嵌入元素加载完成后执行相应的操作。在window.onload
、document.addEventListener('DOMContentLoaded', handler)
或者window.addEventListener('load', handler)
事件处理程序中,你可以访问嵌入元素,例如:
// 获取嵌入元素
var iframe = document.getElementById('my-iframe');
// 在嵌入元素加载完成后,设置其src属性
iframe.src = 'https://www.example.com';
上述代码将设置嵌入元素的src
属性,使其指向https://www.example.com
。
领取专属 10元无门槛券
手把手带您无忧上云