代碼文本出現而不是執行

Question

我需要一些幫助，以在Chrome上加載我的JavaScript游戲。

我想使用稱為p5.js的框架在JavaScript中編寫傳統的Snake游戲，然后從畫布開始。 當我在Chrome中打開JavaScript文件（該文件通過腳本標簽鏈接到index.html文件中）時，就會發生問題。

按照我的JavaScript代碼，代碼本身不會顯示在灰色的畫布上，而是顯示在Chrome頁面上。 這是我的代碼，看看：

HTML Snake | JS

<body>
<script src="F:\Code\JS\p5\p5-zip\p5.js" type="text/javascript"></script>
<script src="F:\Code\JS\p5\p5-zip\addons\p5.dom.js" type="text/javascript"></script>
<script src="F:\Code\JS\p5\p5-zip\addons\p5.sound.js" type="text/javascript"></script>
<script src="F:\Code\JS\Snake\sketch.js" type="text/javascript"></script>
</body>

</html>

這是JS：

function setup() {
    createCanvas(800, 800);
}

function draw() {
    background(51);
}

眼鏡：

Chrome，Windows 10周年紀念版。

PS Javascript已啟用，我已經檢查了。

Answer 1

試試這些

1）在www.codepen.io/pen/上測試您的js代碼，某些javascript在本地時無法正常運行。 [F：\\代碼）

2）嘗試將腳本放在body標簽的末尾。 請注意，腳本以它們出現的順序加載。 考慮依賴關系。

Answer 2

假設文件的路徑F：\\ Code \\ JS \\ p5 \\ p5-zip \\是正確的，並且您不在壓縮文件夾中工作。

您應該有一個類似index.html的文件，該文件將是您網站的根目錄。

這是一個最小的示例，包括您的腳本：

<!doctype html>
<html lang="fr">
  <head>
    <meta charset="utf-8">
    <title>Titre de la page</title>
    <link rel="stylesheet" href="style.css">
  </head>
  <body>

  <script src = "F:\Code\JS\p5\p5-zip\p5.js" type="text/javascript"></script>
  <script src = "F:\Code\JS\p5\p5-zip\addons\p5.dom.js" type="text/javascript"></script>
  <script src = "F:\Code\JS\p5\p5-zip\addons\p5.sound.js" type="text/javascript"></script>
  <script src = "F:\Code\JS\Snake\sketch.js" type = "text/javascript"></script>
  </body>
</html>

您的javascript文件應放在頁面底部，緊接在body標記之前
您必須以良好的順序引用js文件，以防止出現某些依賴關系問題
如果您能夠瀏覽index.html文件，請右鍵單擊頁面->“顯示源代碼”，然后嘗試單擊js文件參考，如果路徑不正確，則會出現404 not found錯誤。

代碼文本出現而不是執行

問題描述

2 個解決方案

解決方案1
0 已采納 2016-12-13 14:42:33

解決方案2
0 2016-12-13 14:48:11

代碼文本出現而不是執行

問題描述

2 個解決方案

解決方案1 0 已采納 2016-12-13 14:42:33

解決方案2 0 2016-12-13 14:48:11

解決方案1
0 已采納 2016-12-13 14:42:33

解決方案2
0 2016-12-13 14:48:11