JavaScript 在我的电脑上不工作（chrome，js 已激活）

Question

我只是尝试在 javascript 中测试一个非常基本的程序，但在我的计算机上它不起作用。它可以在其他计算机上运行，但不能在我的计算机上运行。我在激活了 javascript 的 chrome 上启动它。有我的代码：

index.html

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>p5.js</title>
<link rel="stylesheet" href="style.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.6.0/p5.js">
</script>
<script src="script.js" type="application/javascript;version=1.7"></script>

</head>
<body>
</body>
</html>

script.js

function setup() {
createCanvas(400,400);
background(0);
var x = random(0,200);
rect(x,x,(200-x)*2,(200-x)*2);
}
function draw() {

}

在我的文件夹中，我还有一个空的资产文件夹，而我的 style.css 也是空的。使用此代码，我的屏幕上应该有一个黑色方块（canvas），但什么也没有，当我在 chrome 上检查控制台时，什么也没有写。此外，我第一次启动 index.html 时出现一个名为 debug.log 的文件：

debug.log

[0126/184004.266:ERROR:settings.cc(263)] Settings version is not 1

为什么这个脚本在其他电脑上可以运行，而我的却不行？

感谢您的帮助。

Answer 1

您需要调用您的函数：

index.html

<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta charset="utf-8">
    <title>p5.js</title>
    <link rel="stylesheet" href="style.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.6.0/p5.js"></script>
    <script src="script.js" type="application/javascript"</script>
  </head>
  <body>
  </body>
</html>

script.js

function setup() {
  createCanvas(400,400);
  background(0);
  var x = random(0,200);
  rect(x,x,(200-x)*2,(200-x)*2);
}
function draw() {

}
setup(); // that is a function call

我在 Firefox 和 Chrome 上对此进行了测试并且它有效。 Javascript由您的浏览器解释，与您的电脑无关。如果上面的确切设置对您不起作用，请检查 here。如果启用了 JS 但它仍然不起作用，请尝试删除 p5.js 脚本。如果仍然没有解决它，那么重新安装 Chrome （或者更好地切换到 Firefox）

Answer 2

如果您不是使用P5.js，则接受的答案是正确的。但既然你是，你应该 而不是 自己调用 setup() 函数！相反，您需要让 P5.js 自动为您执行此操作。它可能适用于这个简单的例子，但你会遇到其他问题，例如draw() 每秒不被调用 60 次。如果 setup() 和 draw() 没有被调用，这意味着你没有正确加载库。

您需要在 JavaScript 控制台和网络选项卡中检查 developer tools 是否有任何错误。

我的猜测是您正在以 file:// URL 的身份访问您的页面，这可能会出现问题。您需要运行本地服务器并以这种方式访问您的文件。

JavaScript 在我的电脑上不工作（chrome，js 已激活）

JavaScript is not working on my computer (chrome, js activated)

html

javascript

p5.js