node.jsサーバからスクリプトをロードするための正しいsrc =属性は何ですか

私のp5.jsとsketch.jsの両方のスクリプトはロードされません。node.jsサーバからスクリプトをロードするための正しいsrc =属性は何ですか

マイindex.htmlNode.js

によってロードされ、私はHTMLの私<script>タグにsrc値を悪用していと思います。私のp5.jsスクリプトは1レベル上にあり、P5という名前のフォルダにあり、私のsketch.jsファイルは、このindex.htmlファイルと同じディレクトリにあるP5Scriptsというフォルダにあります。クロムコンソールで

、私はこのメッセージが表示されます。 Loading failed for the <script> with source “http://45.76.140.199:3000/P5/p5.js”.

と

Loading failed for the <script> with source “http://45.76.140.199:3000/P5Scripts/sketch.js”.

私は私のsrc属性が間違っていることがわかりますが、何がこれらをロードするための正しい方法だろうスクリプト？

index.html:

<!doctype html> 
<html> 
    <head> 
     <title>My Website</title> 
    </head> 

    <script src="../P5/p5.js"></script> 
    <script src="P5Scripts/sketch.js"></script> 

    <body> 
    </body> 
</html>

出典

2017-10-16 Oscar Chambers

nodejsがバックエンドとHTML DOM要素がフロントエンドですされているので、あなたのHTMLのDOM要素とnodejsをバインドする方法はありません。

htmlを変更しようとしているので、実際にはブラウザで実行されるプレーンなjavascriptを使用することが望ましいでしょう。

Nodejsはサーバー上で動作するバックエンドテクノロジです。 htmlが表示された時点で、nodejsはすでに作業を完了しており、AJAXが関与していない限り、ページ上で何が起こっているのかを認識していません。

クライアント/サーバーモデルhereについて簡単に見てください。

出典

2017-10-16 03:59:35

私は基本的にP5でイベントをトリガするNode.jsを望んでいますが、今は画面上にp5をロードしたいだけです:) –

htmlからプレーンなjavascriptを使用します。その後、フロントエンドからのajaxでトリガーイベントを処理し、必要な情報をバックエンドに送信します。そして、それだけがnodejsの時刻です。 –

node.jsサーバからスクリプトをロードするための正しいsrc =属性は何ですか

答えて

関連する問題