codepen <a href=""></a> 超連結跳頁問題

codepen html

帥帥大阿湯 2022-06-13 01:05:06 ‧ 1350 瀏覽

分享至

各位!大大好!我想請問codepen問題。

目的要做超連結跳從test1.html到另一個test2.html檔案，再從test2.html檔跳回原本test1.html檔，所以我建立兩個pen分別是test1.html和test2.html，執行結果是Not Found，要怎麼解決呢?

程式碼如下:

codepen上檔名叫test1.html
<h1>Test1</h1>
<a href="test2.html">test2</a>

codepen上檔名叫test2.html
<h1>test2</h1>
<a href="test1.html">test1</a>

以下是圖片執行結果:
這是建立兩個檔案

兩個pen執行結果:

登入發表討論

直播研討會

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

直播中

3 個回答

小魚

iT邦大師 1 級 ‧ 2022-06-13 07:29:28

Codepen的網址應該不是長這樣,
你要輸入完整的網址,
那個網址是要經過轉換的.
不過最好加上 target="_blank",
要不然會多一個輸入html/css/js的視窗

像這樣子

回應 3
分享
檢舉

帥帥大阿湯 iT邦新手 4 級 ‧ 2022-06-13 15:22:16 檢舉

請問要如在codepen新增html版面呢?

小魚 iT邦大師 1 級 ‧ 2022-06-13 20:50:05 檢舉

codepen每個頁面存檔後都會產生一個網址,
你要用完整的網址才可以.

帥帥大阿湯 iT邦新手 4 級 ‧ 2022-06-13 21:59:41 檢舉

登入發表回應

janlin002

iT邦好手 1 級 ‧ 2022-06-13 09:44:38

codepen裡面每個專案，都是獨立的專案，不是在同一個目錄下，所以不能用相對路徑去尋找，
即使 test1 跟 test2 是同目錄下，也必須在前面加 ./ ，以下文章給你做參考

https://dotblogs.com.tw/Im_sqz777/2017/07/26/220713

回應 4
分享
檢舉

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

帥帥大阿湯 iT邦新手 4 級 ‧ 2022-06-13 15:23:03 檢舉

謝謝妳，所以a href="./test2.html"嗎?

janlin002 iT邦好手 1 級 ‧ 2022-06-13 16:49:12 檢舉

如果是在同一個目錄下的話可以，但如果是codepen只能使用網址

janlin002 iT邦好手 1 級 ‧ 2022-06-13 16:53:31 檢舉

所謂的同一個目錄下，是指你有一個file，理面包著test.html跟test2.html，那這兩個就叫同一個目錄下，可以使用 ./
如果你有兩個file，分別包著test1.html 跟 test2.html，那就要使用 ../
那codepen因為是網路資源，並且沒有file去把你的test1.html跟test2.html包起來，所以需要用網址