PTT數位生活區 / Web_Design

[問題] 如何用JS/jQuery嵌入重複網頁(區塊)

看板Web_Design作者 (ともちん)時間13年前 (2013/01/10 11:32), 編輯推噓2(2推 0噓 3→)
留言5則, 4人參與, 最新討論串1/1
抱歉，我真是豬頭(囧)，剛剛研究出用iFrame就可以解決了。 以後有問題再請教各位m(_ _)m 各位版友好: 　　我有個問題是，有個頁面需要重複出現(像是footer.htm出現在每一頁頁尾) ，能用HTML/Java Script/jQuery做到嗎? 　　我有想過用Frame，但是用Frame的話，footer.htm會固定住，沒辦法隨著主 頁面拖曳。 　　FTP不支援任何動態式語言(ASP.NET或PHP)，所以只能用HTML跟Java script (或jQuery之類的java script函式庫)。 　　謝謝各位的回答。 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 42.78.52.19
推
01/10 13:31, , 1F
js去load一樣的東西到你footer的div
01/10 13:31, 1F
推
01/10 13:31, , 2F
你也可以寫一支JS 需要的網頁都呼叫它~
01/10 13:31, 2F
剛google了一下，樓上兩位是指使用innerHTML建立java script再呼叫嗎? 寫innerHTML感覺有點麻煩@@ (因為我網頁已經建立了，懶得再轉成innerHTML@@ 而且iFrame一行就可以 解決了，蠻便利的。) ※ 編輯: TomomiItano 來自: 42.78.52.19 (01/10 16:50)
→
01/11 01:59, , 3F
我用的是 $('div#footer').load('footer.html');
01/11 01:59, 3F
→
01/11 02:00, , 4F
印象中 $('div#footer').load('footer.html body');也行
01/11 02:00, 4F
→
01/11 03:16, , 5F
這時候就覺得fire.app好方便了
01/11 03:16, 5F
剛剛試了一下，這個方法雖然不錯，不過如果footer裡有用到圖片的話， 相對路徑要依照不同階層更改。所以有不同階層的頁面都要引用footer的 話，就要依照對應的相對路徑做修改。iFrame則沒這個問題。 但排除路徑的問題，引進div比較有一體感就是。 ※ 編輯: TomomiItano 來自: 42.78.109.84 (01/16 18:25)
‣ 更多 TomomiItano 的文章
文章代碼(AID): #1GxZPTGk (Web_Design)
Web_Design 近期熱門文章
更多 近期熱門文章 >>
PTT數位生活區 即時熱門文章
更多 即時熱門文章 >>
‣ 更多 TomomiItano 的文章
文章代碼(AID): #1GxZPTGk (Web_Design)