在Express內 javascript該寫在哪裡?

node.js express

COCO 2019-03-29 10:37:13 ‧ 2035 瀏覽

分享至

最近開始摸node.js並用Express框架要開發一個應用程式!
但一開始就遇到問題了,想請問各位前輩在Express內我的js碼要寫在畫面中那個資料夾裡面呢?

另外就是我如果要用jquery寫,要引入Jquery的CDN 這是放在哪邊呢?

完全丈二金剛摸不著頭緒,再麻煩大家幫我解解惑~

感恩。

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

舜~

iT邦高手 1 級 ‧ 2019-03-29 11:12:44

你的html檔案通常放在views下面
你的 javascript檔案(含jQuery)通常放在public/javascripts下面

html中的引用

 <script type="text/javascript" src="javascripts/jquery.min.js"></script>

如果您是想用Jquery的CDN，html引用直接這樣即可，不用放jquery檔案在public/javascripts下面，因為沒用到

 <script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>

補充:
pug中引用

script(type='text/javascript', src='/path/to/js')

script(type='text/javascript', src=url_for(theme.js) + '/ready.js')

參考資料:https://www.litreily.top/2018/08/31/pug-synax/

回應 5
分享
檢舉

看更多先前的回應...收起先前的回應...

COCO iT邦新手 5 級 ‧ 2019-03-29 11:23:02 檢舉

首先!謝謝你的回應給我釐清一些結構上的觀念!

想進一步請教您,我的HTML是一個pug檔

<script type="text/javascript" src="javascripts/jquery.min.js"></script>

這段也可以直接放在pug檔的最上面嗎?
謝謝

COCO iT邦新手 5 級 ‧ 2019-03-29 11:28:21 檢舉

目前我vscode的畫面是這樣!
HTML寫在view的pug內
js檔在public/javascripts下新增一個DKS.JS的檔案在裡面寫JS檔
但還是無法執行起來是因為甚麼原因呢?

舜~ iT邦高手 1 級 ‧ 2019-03-29 11:35:07 檢舉

我對pug不是很熟，您可以嘗試改用這樣引用

script(type='text/javascript', src='/path/to/js')

script(type='text/javascript', src=url_for(theme.js) + '/ready.js')

參考資料:https://www.litreily.top/2018/08/31/pug-synax/
往下拉大概在中間就會看到此段範例

COCO iT邦新手 5 級 ‧ 2019-03-29 12:16:04 檢舉

謝謝你的幫忙!!!!!感恩問題已解決!

舜~ iT邦高手 1 級 ‧ 2019-03-29 17:37:11 檢舉

如果問題已解決，記得將問題設為已解答喔~~

登入發表回應

我要發表回答

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22202 篇

完賽人數

602 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙