在页面加载之后执行JavaScript通常包括以下两种情况:
DOMContentLoaded事件在文档结构已经加载完成,但是加载的所有资源(例如图片)还没有完成的时候触发。可以使用addEventListener()方法监听DOMContentLoaded事件,并在回调函数中执行JavaScript代码。
示例1:在页面加载完成之后弹出一个提示框,提示“页面已经加载完成!”。
document.addEventListener('DOMContentLoaded', function() {
alert('页面已经加载完成!');
});
window.onload事件在页面所有资源都加载完成后触发。可以使用addEventListener()方法或者直接在window对象上定义该事件的回调函数。
示例2:在所有资源加载完成之后向页面中的div元素中插入一段文本。
window.addEventListener('load', function() {
var div = document.getElementById('my-div');
div.innerHTML = '这是插入的文本内容';
});
注意:如果在某些情况下上述方法都无法满足需求,例如需要在其他异步操作完成之后再执行JavaScript代码,可以使用Promise、async/await或者使用callback函数等方法来实现。
本文链接:http://task.lmcjl.com/news/8510.html