Azure B2C自定义UI中能否使用window load事件？

嗨，这个问题我之前也碰到过！在Azure B2C的自定义UI里，直接用window.onload或者window.addEventListener('load', ...)确实大概率不会生效，原因主要有两个：

• B2C页面的加载时序问题：Azure B2C的核心框架会先完成页面的基础加载，之后才会注入我们自定义UI的脚本。这就导致当你的脚本执行时，window.load事件其实已经触发过了，你的监听代码自然没机会执行。
• 框架对事件的占用：B2C的内部逻辑可能已经绑定了window.load事件，覆盖或者阻止了我们自定义的监听回调。

不过别担心，有几个靠谱的替代方案：

• 优先使用DOMContentLoaded事件：这个事件会在DOM结构加载完成后立即触发，不需要等待所有外部资源（比如图片、样式表）加载完毕，在B2C自定义UI里兼容性更好：

  document.addEventListener('DOMContentLoaded', function() {
      console.log('DOM加载完成，可以执行自定义逻辑了');
  });
  

• 监听B2C的页面就绪信号：如果你需要等B2C的所有组件都初始化完成，可以监听B2C的message事件，判断页面是否准备就绪：

  window.addEventListener('message', function(event) {
      if (event.data && event.data.type === 'pageReady') {
          console.log('B2C页面完全就绪，执行自定义操作');
      }
  });
  

亲测这两种方法都能在B2C自定义UI里正常触发，你可以根据自己的需求选择～

备注：内容来源于stack exchange，提问作者Jan Borowiak