実行する代わりにコードテキストが表示される

ChromeでJavaScriptゲームを読み込むのに役立つものが必要です。実行する代わりにコードテキストが表示される

JavaScriptで伝統的なスネークゲームをコード化し、p5.jsと呼ばれるフレームワークを使用したいと思っていました。キャンバスから始めました。この問題は、ChromeでJavaScriptファイルを開いたときに発生します（スクリプトファイルでindex.htmlファイルにリンクされています）。

灰色のキャンバスが表示される代わりに、JavaScriptコードごとにコード自体がChromeページに表示されます。ここに私のコードは、見て：

HTML ヘビ| 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); 
}

仕様：

クロム、Windowsの10周年記念版。

P.S. Javascriptが有効になっている、私はチェックした。ときに、ローカル

出典

2016-12-13 Aditya Shukla

文書の最初に「」タグを開いていましたか？ – Arkej

'index.html'のようなサウンドは実際には' index.html.txt'か何かです。最早問題は、ブラウザがファイルをHTMLではなくテキストとして扱っていることです。これはJavaScriptとは関係ありません。 – Quentin

@Arkej - HTML要素の開始タグはHTMLではオプションです。 – Quentin

はこれらの事

1）www.codepen.io/pen/であなたのJSコードをテストしてみてください、いくつかのJavaScriptが正常に実行されません。（F：\ Code）

2）bodyタグの最後にスクリプトを配置してください。スクリプトは、表示された順序でロードされることに注意してください。依存関係を考えてみましょう。

出典

2016-12-13 14:42:33

はい！それはうまくいった！どうもありがとうございます！ –

F：\ Code \ JS \ p5 \ p5-zip \のパスが正しいと仮定して、圧縮されたフォルダで作業していないとします。

あなたのウェブサイトのルートになるindex.htmlのようなファイルが必要です。

ここにあなたのスクリプトを含む、最小限の例です：ちょうど終了bodyタグ

前に、あなたはあなたのjsを参照する必要があり、あなたのJavaScriptファイルがページの下部に配置する必要があり

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

依存関係の問題を避けるために適切な順序でファイルを作成する
index.htmlファイルを参照できる場合は、ページを右クリックして "ソースコードを表示"し、jsファイル参照をクリックしてみてくださいヨーヨーは正しくありません404エラーが見つかりません。

出典

2016-12-13 14:48:11

実行する代わりにコードテキストが表示される

答えて

関連する問題