在页面加载之后执行JavaScript

在页面加载之后执行JavaScript通常包括以下两种情况：

1. 在DOMContentLoaded事件触发之后执行JavaScript代码

DOMContentLoaded事件在文档结构已经加载完成，但是加载的所有资源（例如图片）还没有完成的时候触发。可以使用addEventListener()方法监听DOMContentLoaded事件，并在回调函数中执行JavaScript代码。

示例1：在页面加载完成之后弹出一个提示框，提示“页面已经加载完成！”。

document.addEventListener('DOMContentLoaded', function() {
  alert('页面已经加载完成！');
});

1. 使用window.onload事件在所有资源加载完成之后执行JavaScript代码

window.onload事件在页面所有资源都加载完成后触发。可以使用addEventListener()方法或者直接在window对象上定义该事件的回调函数。

示例2：在所有资源加载完成之后向页面中的div元素中插入一段文本。

window.addEventListener('load', function() {
  var div = document.getElementById('my-div');
  div.innerHTML = '这是插入的文本内容';
});

注意：如果在某些情况下上述方法都无法满足需求，例如需要在其他异步操作完成之后再执行JavaScript代码，可以使用Promise、async/await或者使用callback函数等方法来实现。