iT邦幫忙

0

VScode的Javascript連結問題?

各位大大大神安安
目前是使用VScode.和Codepen來編寫程式.
Codepen沒有連結上的問題
VScode.則是需要(CSS和Javascript)
https://ithelp.ithome.com.tw/upload/images/20210626/20138659sT5ROBEzsu.jpg

但是,今天在使用時,同樣的編寫,在Codepen可以,但是VScode.就是不行
這是在Codepen上的:
https://ithelp.ithome.com.tw/upload/images/20210626/201386596bEY2n2X9b.jpg

VScode.上的情形:
https://ithelp.ithome.com.tw/upload/images/20210626/201386593BacqyBc11.jpg
但是我不懂的地方在於,一樣的編碼,VScode.在網頁上,應該會顯示console.log的操作,結果如下:
https://ithelp.ithome.com.tw/upload/images/20210626/20138659lf1mgPqzin.jpg

原本按照編碼,正確的結果應該是:
https://ithelp.ithome.com.tw/upload/images/20210626/20138659sif7FiJmGc.jpg

求解....???

1 個回答

0
小魚
iT邦大師 1 級 ‧ 2021-06-26 10:50:11
最佳解答

檔名一定要用中文嗎?
通常都會避免使用中文檔名,
另外你的h2哪兒去了?
而且你引用的檔案名稱跟你的檔名不一樣吧...

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

小魚大神安安
不用,只是我在測試用.(剛剛有試過index.html但還是不行T---T)
h2的內容其實我剛剛在做測試,所以貼錯>--<
我發現應該是VScode.的Javascript的檔案有問題,
這是剛剛修改過的,整個VScode.跟Javascript的檔案沒有連上
https://ithelp.ithome.com.tw/upload/images/20210626/20138659Dd7POYkR1r.jpg
https://ithelp.ithome.com.tw/upload/images/20210626/20138659sYOqcaCSrj.jpg
https://ithelp.ithome.com.tw/upload/images/20210626/20138659ocTeUoMPul.jpg

剛剛有用網站的開發者工具測試,正確
正確如下:
https://ithelp.ithome.com.tw/upload/images/20210626/20138659RVBZdRLwOR.jpg

測試正常

Javascript的檔名,(ex:index)
index.js

所以可以確定的是,js的檔案可能問題??(因為,VS.Code都讀不到)

小魚 iT邦大師 1 級 ‧ 2021-06-26 12:22:31 檢舉

https://ithelp.ithome.com.tw/upload/images/20210626/20138659Dd7POYkR1r.jpg
所以...sre是甚麼?

我錯了T--T
現在正常了^--^https://ithelp.ithome.com.tw/upload/images/20210626/20138659gY2X7P9D0Q.jpg

小魚 iT邦大師 1 級 ‧ 2021-06-26 14:07:07 檢舉

喔,
我知道了,
因為還沒有那個元件,
了解一下 window.onload 或是 document.ready(jQuery)

我要發表回答

立即登入回答