Re: [問題] 抽出頁面中不會變動的部分的語法

[tooto1985 ( )]

※ 引述《imflying (Fly)》之銘言：
: 最近正在學著如何將網站各頁面固定不會變動的部分抽出來弄成另一個檔案，
: 像是head、footer之類的地方另外存成head.html  footer.html，
: 各個頁面再去讀取這兩個檔案，之後要修改這兩個地方也不用每頁一一修改這樣。
: 不過看到大多數人都是使用php語法中的include / require 來讀取抽出來的頁面，
: 但這樣每個頁面就都必須存成是.php的檔案，
: 想請教是否有其他方法是不需要使用php語法，
: 單純使用 HTML 語法就能達到載入其他頁面的效果呢？

//JavaScript

$(function() {
    $.ajax({
        url: "header.html",
        success: function(html) {
            $("#header").html(html);
        }
    });
});

這樣就可以解決你的問題了，但請注意：

chrome不准許存ajax取本機檔案 (ex: file://c:\xxx\xxx 不行，要改用

http://localhost/xxx/xxx.xxx 這樣)

IE和firefox則無此限制


補充：任何web server都可以，純粹是chrome的安全性限制。
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 218.161.7.54
※ 文章網址: http://www.ptt.cc/bbs/Web_Design/M.1402371070.A.88F.html
※ 編輯: tooto1985 (218.161.7.54), 06/10/2014 11:51:05
推 up9cloud:js的話，建議imflying直接angular.js開發吧，XD~
推 imflying:好的，謝謝您！也感謝樓上，我再試試看！
→ iceblue7x:$("#header").load('header.html'); ← 更簡潔