Question

我有一个网页，它正在运行index.html：

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>Title</title>
</head>
    <style>@import 'main.css'</style>
    <script src="/socket.io/socket.io.js"></script>
    <script src="https://code.jquery.com/jquery-1.11.1.js"></script>
    <script src="main.js"></script>
<body>
  <canvas id='svs'></canvas>
</body>
</html>

出于某种原因，当我尝试在c = document.getElementById('svs')中使用main.js时，它只返回null。我做错了什么以及如何在document中访问main.js？

修改

我正在使用socket.io和express，并通过index.html发送res.sendFile。

我通过main.css的文件夹发送main.js和express.static。

Answer 1

模板应按以下方式布置。样式和脚本标签应位于head标签的翅膀下。

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>Title</title>

    <style>@import 'main.css'</style>
    <script src="/socket.io/socket.io.js"></script>
    <script src="https://code.jquery.com/jquery-1.11.1.js"></script>
    <script src="main.js"></script>

</head>

<body>
  <canvas id='svs'></canvas>
</body>
</html>

Answer 2

您可以做的另一件事是将代码放在main.js函数内，然后将onload添加到<body>：

<body onload="yourfunction()">

Javascript文档未加载

2 个答案: