【发布时间】：2022-08-19 02:32:31
【问题描述】：
在实时站点https://www.litelite.co.uk/energy-savings-calculator/ 的此计算器页面上，与测试站点https://test2022.litelite.co.uk/energy-savings-calculator/ 相比，iframe 未正确显示
基本上，iframe 没有在实时站点onload=\"this.style.height=(this.contentDocument.body.scrollHeight+45) +\'px\';\" 上使用以下代码，因此即使两个站点上的 iframe 代码完全相同，当我们按下计算时它也不会自动调整 iframe 的高度。当我按下计算时，实时站点上还会显示以下错误：
(index):490 Uncaught TypeError: Cannot read properties of null (reading \'body\') at HTMLIFrameElement.onload ((index):490:405)
目前，我在实时站点上添加了滚动条，以便用户可以看到所有内容。
我们能做些什么来解决这个问题？
-
您的 onload 代码在读取
this.contentDocument.body时失败，这是因为 iframe 是延迟加载的（这也是它在 data-src 属性中加载真实 URL 的原因。）某物两个站点之间必须不同，以便一个将 iframe 输出为延迟加载，而另一个则不输出。
标签： javascript wordpress iframe