Question

我正在尝试将webcam.js文件放入index.html文件中，但需要在页面加载后加载。它是一个网络摄像头文件，所以它只在加载索引文件后打开。我还必须能够使用该文件中的函数。所以我的外部文件是webcam.js，我在index.html中使用它，我也需要在html文件中使用webcam.js中的showBlue（）函数。

（index.html的下半部分）

<script src="C:/Users/Juniper/Documents/Apps/server/webcam.js" defer></script>
     <script>

     if (window.onload = showBlue) {
     window.onload = function loadDoc() {
        var xhttp = new XMLHttpRequest();
        xhttp.open("GET", './screen.html', true);
        xhttp.onreadystatechange = function() {
            window.location.href = 'screen.html';
        };
        xhttp.send();
      }
    }
    </script>
</body>

目前，这并没有将屏幕更改为screen.html，但如果我删除if语句（if（window.onload = showBlue）{）则screen.html将自动加载

Answer 1

将它包装在间隔计时器中，该计时器定期检查脚本是否已加载。

var webcamInterval = setInterval( function() {
    if ( someWellKnownFunctionNameFromWebcamJs ) {
        clearInterval( webcamInterval );
        // Your code dependent on webcam.js here ...
    }
}, 100 );

如何在页面加载后加载外部js文件并使用来自相同js的函数

1 个答案: