2017-02-17 105 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控制檯中時,再次運行代碼並檢查錯誤並從那裏開始。

我希望這有助於。乾杯。

相關問題