靜態 HTML 檔案怎麼從外部調入 HTML 模板(如頭部,頁尾這些公共的部分)?

時間 2021-05-12 01:59:24

1樓:鶴嘯九天

我用jquery的load方式是可以的,但是純HTML頁面如果需要在DOM ready後與ajax一起執行時,反而是ajax先執行,所以load會比ajax滯後!

2樓:

1.用html(html5)自帶的標籤引入,其他回答者已經回答的很好了

2.有後端語言環境的(PHP, JSP, ASP)的,用後端語言引入3.只是單純的做靜態頁面(html, js, css), 那麼你要利用nodejs的模板引擎

Dust.js

Embedded JS (ejs)

Handlebars

Hogan.js

Pug (Jade)

Mustache

Nunjucks

Swig (Note: no longer maintained)以上都是按照字母排序,不按使用量排序,其中Pug (由Jade改名而來)是目前使用量最多的模板引擎

推薦個如何使用模板引擎的文章(博主是用Nunjucks來介紹的)How to Modularize HTML Using Template Engines and Gulp

3樓:IdenPin

使用node中介軟體,安裝html-loader即可。$('head'

).prepend

(require

('html!../../meta.html'

));$

('body'

).prepend

(require

('html!../../header.html'

)).(

require

('html!../../footer.html'));

4樓:

用php寫前端頁面

<?

php$sidebar

="users"

;include

"./public/sidebar.html"

?>

缺點是本地需要開web服務,並且支援php

5樓:

Part I.

可以的,使用框架標籤 。

Part II.

@TooBug 兄說了,iframe 其實是不推薦使用的標籤。

我 Google 了一下「 iframe 不推薦」,比較有價值的一篇文章:為什麼要少用 iframe - 月光部落格 為什麼要少用Iframe-月光部落格

另外在 CSDN 論壇裡看到有人說 iframe 會影響 SEO 。

Part III.

剛剛突發奇想,又試了試 HTML5 中的標籤,證實可行。

type 屬性我選的是 text/html http://www.

ietf.org/rfc/rfc2854.txt 。

width、height 之類的請大家自行發揮想象吧~

靜態html如何包括header和footer

chrome 還未納入標準的標籤 rel import href components head.html 一鳴 今天正好碰到了這個需求,用純 js 和 html 實現的,說一下我用的方法。1.把 header 和 footer 剝離成單獨的 html 檔案。2.在需要引入的頁面的頭部和尾部分別寫一...

學了html和css,但是自己做靜態網頁佈局的能力很差不知道怎麼提升?

心亡淚涼 樓主也是剛剛學這個嗎,很巧我最近把html css看完,感覺懂一點,興趣很重要吧,同時給你自己定製一個目標,做個什麼網頁出來,比如,做一個和QQ導航差不多的頁面 以後html5 css3。以後那就看你努力啦 凱斯 做大量的練習,多看一些經典的書籍,嘗試去模仿一些頁面。現在JS能實現的一些功...

bin檔案怎麼開啟?

小馬 bin 檔案從字面上理解他就是一個二進位制檔案,沒有特定的說用什麼東西一定可以開啟,因為你根本就不知道他是啥。舉個例子 你有一個demo.txt 檔案,裡面的內容是 我就是文字檔案 由於某個原因你不想他被外界看到,你來了個神奇的操作,通過程式語言獲取檔案的原始位元組碼資料,把每個資料加上128...

怎麼給檔案加密?

lucky 推薦TeamDoc文件管理軟體,它基於文件安全本身考慮,不同的使用者可以有不同的許可權 使用者是否具備編輯修改許可權,使用者是否具備列印拷貝許可權,使用者是否具備只讀檢視許可權,使用者是否具備另存文件許可權。TeamDoc文件管理軟體能夠完美實現快速追蹤,文件正在被哪些使用者編輯,文件各...

QQ傳檔案是怎麼實現互相傳檔案的 ?

拋開QQ,從一般角度上聊聊p2p的檔案實時傳輸。原本很簡單的事情,因為nat的存在變得比較繁瑣,一些特殊情況需要特別優化。通常使用tcp協議進行檔案傳輸,假定A B S分別是兩個客戶端和Server。A B分別維護到S的信令通道,通過信令通道A B可以知道對方的網路型別 內網路ip和port。主要有...