Edge IE11兼容模式下body的load事件监听未触发求助

核心问题点 #

1. 错误的事件监听对象：document.body的load事件并非可靠的页面加载触发事件，且若脚本在页面底部加载时，body可能已加载完成，此时绑定事件不会触发。
2. 未执行动态创建的函数：代码中仅定义了new Function生成的函数，但未调用（onLoadAttributeFunct;无执行逻辑）。
3. IE11兼容模式的事件时机差异：旧IE环境下，页面加载事件的触发逻辑与现代浏览器存在区别。

修复步骤 #

1. 替换为可靠的页面加载事件

将监听document.body的load事件改为监听window的load事件，或DOMContentLoaded事件（后者在DOM结构加载完成后立即触发，无需等待资源加载）：

// 方案1：监听window的load事件（页面所有资源加载完成后触发）
window.addEventListener('load', customOnLoadFunction, false);

// 方案2：监听DOMContentLoaded（DOM加载完成即触发，更高效）
document.addEventListener('DOMContentLoaded', customOnLoadFunction, false);

2. 执行动态创建的函数

修改customOnLoadFunction，添加函数调用逻辑：

function customOnLoadFunction(){
    var onLoadAttributeFunctStr = document.getElementById("onLoadAttributeHiddenId").value;

    var onLoadAttributeFunct = new Function(onLoadAttributeFunctStr);
    onLoadAttributeFunct(); // 添加()执行函数
}

3. 兼容IE11模式的事件绑定（可选）

若Edge的IE11兼容模式仍存在addEventListener支持问题，可添加兼容处理：

function bindLoadEvent(callback) {
    if (window.addEventListener) {
        window.addEventListener('load', callback, false);
    } else if (window.attachEvent) {
        // 旧IE的事件绑定方式
        window.attachEvent('onload', callback);
    } else {
        // 兜底：直接赋值onload
        window.onload = callback;
    }
}

// 调用绑定函数
bindLoadEvent(customOnLoadFunction);

4. 处理事件已触发的情况

若脚本加载时页面已完成加载，绑定事件不会触发，可直接检查页面状态并执行函数：

function customOnLoadFunction(){
    var onLoadAttributeFunctStr = document.getElementById("onLoadAttributeHiddenId").value;
    var onLoadAttributeFunct = new Function(onLoadAttributeFunctStr);
    onLoadAttributeFunct();
}

// 检查页面是否已加载完成
if (document.readyState === "complete" || document.readyState === "interactive") {
    customOnLoadFunction();
} else {
    window.addEventListener('load', customOnLoadFunction, false);
}

内容的提问来源于stack exchange，提问作者Alex Mi