Question

我是一名初学程序员，我遇到一些在我的浏览器上加载JavaScript代码的问题。我的代码中有错误吗？或者它可能是我的电脑的问题。如果它有帮助：我使用OS Sierra，谷歌Chrome，Atom编辑器。

谢谢！

HTML code：

<!DOCTYPE html>

<html>
    <head>

    </head>

    <body>
        <title>A* Algorithm</title>

            <h1>This is the A* pathfinding algorithm</h1>
            <script src ="astar.js"> </script>

    </body>


</html>

Javascript代码：

var cols = 5;
var rows = 5;
var grid = new Array(cols);

function setup() {
    createCanvas(400, 400);
    console.log("A*");

    for (var i = 0; i < cols; i++) {
        grid[i] = new Array(rows);
    }

    for (var i = 0; i < cols; i++) {
        for (var j = 0; i < row; j++) {
            grid[i][j] = new Spot();
        }
    }

    console.log(grid);
}

function draw () {
    background(0);
}

Answer 1

您的代码没有任何问题，因为您的脚本已正确命名并且与HTML文件位于同一目录中。

然而，原因可能是你从未打过任何一种方法，你只是构建它们。

仅包含脚本不足以运行方法。要执行函数setup，只需将以下代码添加到当前脚本的末尾。

setup();

Answer 2

你必须在任何地方调用这个Javascript函数有很多方法，这里最简单的一个。但是，您还没有定义createCanvas函数。希望它有所帮助

<!DOCTYPE html>
<html>
<head>
    <title>A* Algorithm</title>
</head>
<body onload="setup()">
    <h1>This is the A* pathfinding algorithm</h1>
    <script src="astar.js"> </script>
</body>
</html>

Answer 3

步骤：

确保您的javascript和html文件位于同一文件夹中。我注意到文件的部分（src =“astar.js”）与文件名相同。
检查浏览器中的javascript控制台。最有效的编程方法之一是从错误消息中学习。可以访问Javascript错误消息查看＆gt;＆gt;开发人员＆gt;＆gt; Javascript控制台。当你在javascript控制台中时，再次运行代码并检查错误并从那里开始。

我希望这会有所帮助。欢呼声。

Javascript没有在浏览器中加载

3 个答案: