为什么document.body不能处理我的子页面

Question

背景我创建了一个简单的解决方法，让固定的背景在iPad和iPhone设备上工作，即在带有position:fixed而不是Background-attach:fixed的body标签后面创建一个空的div，这些设备不支持该标签。我尝试过的body元素的所有变体，比如pseudo:：before，都无法在这些设备上工作。一个空的div解决了这个问题。

问题下面的脚本在我的主页("主页"/"开始")上运行良好。但我也有其他页面，如"Contact"等，在脚本所在的地方共享相同的"global"head标记，在脚本不起作用的地方(div根本不显示)。我希望它能在每个body元素后面添加一个div，而不管加载了哪个页面。。。此外，我使用window.onload，因为我无法在body标记之后手动添加脚本。每个子页面正文标签都有自己的id，但为什么这很重要我缺少什么

window.onload = function FixedBg() {
var body = document.body;
var bgDiv = document.createElement('div');
bgDiv.className = "fixedBackground";
body.insertAdjacentElement('afterbegin', bgDiv);
}

我无法手动将div直接添加到DOM中，这显然是另一种方法，因此JavaScript。。。

Answer 1

正如@ProfessorAbronsius和@TheFool在上面的评论中所建议的那样，使用DOMContentLoaded和事件侦听器就成功了！谢谢