Question

我只是尝试在javascript中测试一个非常基本的程序，但在我的计算机上它不起作用。它适用于其他计算机，但不适用于我的。我正在Chrome上启动它，它已激活javascript。有我的代码：

的index.html

Dialog

的script.js

<!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>

在我的文件夹中，我还有一个资产文件夹，该文件夹为空，我的style.css为空。使用这段代码我应该在我的屏幕（画布）上有一个黑色正方形，但没有任何东西，当我在chrome上检查控制台时，没有写任何东西。此外，我第一次启动index.html时出现了一个名为debug.log的文件：

的debug.log

[0126 / 184004.266：错误：settings.cc（263）]设置版本不是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://网址访问您的网页，这可能有问题。您需要运行本地服务器并以此方式访问您的文件。

JavaScript无法在我的计算机上运行（chrome，js已激活）

2 个答案: