2017-02-17 109 views
0

我是一名初学者程序员,在我的浏览器中遇到一些加载javascript代码的问题。我的代码中是否有错误?或者可能是我的电脑有问题。如果有帮助:即时通讯使用OS Sierra,Google Chrome,Atom编辑器。Javascript未在浏览器中加载

谢谢!

HTML代码:

<!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); 
} 
+0

这是确切的代码,对不对? –

+0

控制台上的任何错误? –

回答

1

没有什么不对您的代码,因为你的脚本名称正确,并在同一目录下,你的HTML文件。

但是,原因可能是您从不会调用您的任何一种方法,您只需构建它们。

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

setup(); 
1

你必须在任何情况下的地方调用这个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> 
+0

评论创建画布运行你的代码,并在控制台中看到。像// createCanvas(400,400); –

0

步骤:

  1. 确保您的JavaScript和HTML文件相同的文件夹。我注意到文件的部分(src =“astar.js”)与文件的名称相同。

  2. 检查浏览器中的javascript控制台。最有效的编程方式之一就是从错误信息中学习。可以到达Javascript错误消息查看>>开发人员>> Javascript控制台。当你在javascript控制台中时,再次运行代码并检查错误并从那里开始。

我希望这有助于。干杯。

相关问题