大多数元素的onload等效事件是什么？如何为div添加加载触发事件？

首先明确：onload 属性仅对 <body> 以及 <script>、<img> 这类加载外部资源的标签生效，普通 <div> 容器没有对应的加载触发事件，直接给div写onload属性绑定的逻辑永远不会执行。

针对你用后端Razor/DevExtreme动态生成HTML、页面内容分块加载的场景，有两种落地性很强的实现方案：

方案1：内联script标签紧跟div（兼容性最高，无额外依赖） #

后端生成对应div块时，直接在div后拼接一段内联script代码即可，这段script会在前面的div DOM解析完成后立刻自动执行，不管是首次加载还是后续动态插入的HTML片段都生效：

<!-- 后端直接输出这段完整的HTML片段 -->
<div class="target-content">
  <!-- div内部内容 -->
</div>
<script>
// 直接执行你需要的逻辑，也可以获取前面的div元素做操作
const currentDiv = document.currentScript.previousElementSibling
myFunction(currentDiv)
</script>

如果用jQuery插入动态返回的HTML片段，jQuery会自动执行片段内的script代码，无需额外处理。

方案2：全局监听DOM插入，自定义属性标记触发（代码更简洁） #

先在页面全局初始化一次DOM监听逻辑，后续后端生成div时只要加一个自定义属性就可以自动触发执行指定函数：

第一步：页面全局引入一次监听代码 #

const domObserver = new MutationObserver(mutations => {
  for (const mutation of mutations) {
    for (const node of mutation.addedNodes) {
      // 仅处理带自定义执行属性的div元素
      if (node.nodeType !== 1 || node.tagName !== 'DIV' || !node.dataset.runOnMount) continue
      // 执行属性中绑定的逻辑，自动将当前div作为参数传入
      new Function('el', node.dataset.runOnMount).call(node, node)
    }
  }
})
// 监听整个页面的DOM变化
domObserver.observe(document.body, {
  childList: true,
  subtree: true
})

第二步：后端生成div时添加自定义属性即可 #

<!-- 只要加data-run-on-mount属性，插入页面就会自动执行对应的逻辑 -->
<div data-run-on-mount="myFunction()"></div>

这种方案不需要每个div都拼接script标签，后端生成代码更简洁，适合有大量同类需求的场景。

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