Question

我无法从HTML文件调用JavaScript文件。

的test.html：

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8" />
    <script  src='http://code.jquery.com/jquery-3.2.1.min.js'</script> 
    <script type='text/javascript' src='test.js' </script>
    <script>theTest(); </script>
</head>
<body>
    <div id="myTest" style="position:relative;width:600px;height:400px;"></div>
</body>
</html>

test.js：

function theTest()
{
    var they = 2;
    console.log(they);
    alert(they);
};

document.getElementById('myTest').innerHTML;

我收到了：

ReferenceError：未定义文档

Answer 1

您在浏览器生成theTest();元素之前调用#myTest，甚至开始构建页面，因此该函数无需执行任何操作。将第三个script标记向下移动到body元素的末尾，它应该可以正常工作。见这个例子：

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8" />
    <script src='http://code.jquery.com/jquery-3.2.1.min.js'></script> 
    <script type='text/javascript' src='test.js'></script>
</head>
<body>
    <div id="myTest" style="position:relative;width:600px;height:400px;"></div>
    <script>
        theTest();
    </script>
</body>
</html>

无法从HTML文件执行JavaScript - 未定义的文档

1 个答案: