未捕获的ReferenceError：在HTMLIFrameElement.onload中未定义loaderOff

编程问答 2022-06-04

问题描述

我环顾四周，但这里无济于事。 这很简单。

<html>
<head>
</head>
<body>
...
<iframe onload="loaderOff()" src="" frameborder="0"></iframe>
...
...
<script>

  function loaderOn(){
    var loader = document.getElementById("loader");
    var main = document.getElementById("main");
    loader.classList.remove('hide');
    main.classList.add("blur");
  }

  function loaderOff(){
    var loader = document.getElementById("loader");
    var main = document.getElementById("main");
    loader.classList.add('hide');
    main.classList.remove("blur");
  }

  ...
  ...

</script>
</body>
</html>

但我明白了，

Uncaught ReferenceError: loaderOff is not defined at HTMLIFrameElement.onload

即使该功能正在运行，但控制台中仍存在错误； 有帮助吗？

解决方法

@Teemu的评论是正确的，我只是尝试将<script>插入<head>并有效。

domhtmliframeiframejavascript