2017-10-16 55 views
0

我的p5.jssketch.js腳本都不會加載。什麼是從node.js服務器加載腳本的正確src =屬性

index.htmlNode.js

裝我想我在我的HTML標籤<script>濫用src值。 我的p5.js腳本已上升一級,並且名爲P5的文件夾中,並且我的sketch.js文件位於與此index.html文件相同的目錄中的文件夾P5Scripts中。

在Chrome控制檯,我得到這個消息: 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> 

回答

1

沒有綁定你的HTML的DOM元素,因爲的NodeJS是的NodeJS後端和HTML DOM元素是前端的方式。

由於您正在嘗試修改html,因此您真正需要的是使用可在瀏覽器上運行的純javascript。

Nodejs是在服務器上運行的後端技術。在顯示html的時候,nodejs已經完成了它的工作,除非涉及到AJAX,否則不知道頁面上會發生什麼。

簡要介紹客戶端/服務器型號here

+0

我基本上希望Node.js最終在P5中觸發事件,但現在我只想將p5加載到屏幕上:) –

+0

從html中您將只使用普通的javascript。然後,您將使用前端的ajax處理您的觸發器事件,並將所需的信息發送到後端。然後纔是nodejs的時間。 –

相關問題