Question

我需要一些帮助在Chrome上加载我的JavaScript游戏。

我想使用名为p5.js的框架在JavaScript中编写传统的Snake游戏，我开始使用画布。当我在Chrome中打开JavaScript文件（我在index.html文件中使用脚本标记链接）时会出现问题。

根据我的JavaScript代码，代码本身不会出现灰色画布，代码本身会显示在Chrome页面上。这是我的代码，看看：

HTML 蛇| JS

<body>
<script src="F:\Code\JS\p5\p5-zip\p5.js" type="text/javascript"></script>
<script src="F:\Code\JS\p5\p5-zip\addons\p5.dom.js" type="text/javascript"></script>
<script src="F:\Code\JS\p5\p5-zip\addons\p5.sound.js" type="text/javascript"></script>
<script src="F:\Code\JS\Snake\sketch.js" type="text/javascript"></script>
</body>

</html>

这是JS：

function setup() {
    createCanvas(800, 800);
}

function draw() {
    background(51);
}

规格：

Chrome，Windows 10周年纪念版。

P.S。 Javascript已启用，我已检查过。

Answer 1

尝试这些事情

1）在www.codepen.io/pen/上测试你的js代码，有些javascript在本地运行不正常。（F：\码）

2）尝试将脚本放在body标签的末尾。注意脚本按它们出现的顺序加载。考虑依赖关系。

Answer 2

假设您的文件路径F：\ Code \ JS \ p5 \ p5-zip \是正确的，并且您没有在压缩文件夹中工作。

你应该有一个像index.html这样的文件，它将成为你网站的根源。

这是一个最小的例子，包括你的脚本：

<!doctype html>
<html lang="fr">
  <head>
    <meta charset="utf-8">
    <title>Titre de la page</title>
    <link rel="stylesheet" href="style.css">
  </head>
  <body>

  <script src = "F:\Code\JS\p5\p5-zip\p5.js" type="text/javascript"></script>
  <script src = "F:\Code\JS\p5\p5-zip\addons\p5.dom.js" type="text/javascript"></script>
  <script src = "F:\Code\JS\p5\p5-zip\addons\p5.sound.js" type="text/javascript"></script>
  <script src = "F:\Code\JS\Snake\sketch.js" type = "text/javascript"></script>
  </body>
</html>

您的javascript文件应放在页面底部，就在关闭身体标签之前
您必须以良好的顺序引用您的js文件以防止某些依赖性问题
如果您能够浏览index.html文件，请右键单击页面 - ＆gt; “显示源代码”并尝试单击您的js文件引用，如果路径不正确，则会发现404未找到错误。

出现代码文本而不是执行

2 个答案: