html中引入公共的html頁面幾種方法

2021-10-06 21:18:54 字數 1008 閱讀 3855

"header1"

>

<

/div>

$("#header1").

load

("page/header1.html");

<

/script>

<

/body>

注意:header1中不需要把整個**寫全,以為乙個html中只能存在乙個body標籤,去掉所有的標籤

`

"page/header1.html" width=

"100%" height=

"50" frameborder=

"0">

<

/iframe>

"page/header1.html" width=

"100%" height=

"50"

>

<

/object>

"import" href=

"page/header1.html"

>

$.

get(

'page/header1.htm'

,function

(html)

);

new

vue(})

; $.

get(

'page/header1.htm'

,function

(html));

引入 js 依賴

""

>

<

/script>

body中引入

<

!-- 注意,一定要雙引號在包含單引號 --

>

"'page/header1.html'"

>

<

/div>

html引入公共模組

如果沒有母版頁,那麼大量相同布局的頁面會有很多相同的 那麼這就提到了乙個概念,叫重用性 可以將相同布局的 放在乙個單獨的檔案,裡面寫一些公共模組,那麼在其他頁面只需要在指定位置引入他們就可以了 寫乙個頭部,在top.html寫入 只寫需要新增的 div style width 100 height ...

html頁面中引入html

我們寫頁面通常會遇到這種情況,乙個模組很多頁面都用到,那麼我們為了方便就會單獨寫到乙個頁面,然後引入進去,我知道的有三種 1 用標籤 例 iframe有自己預設的高度,如果你引入的頁面高度超出他預設的高度會超出隱藏,所以,要加上height 2 用標籤 例 object也有自己的預設高度,如果你引入...

在html頁面中引入公共的頭部和底部

使用shtml進行公共頭部和底部的引用 shtml介紹 shtml是一種基於ssi技術的檔案,也就是server side include ssi伺服器端包含指令,一些web server如果有ssi功能的話就會對shtml檔案特殊招待,伺服器會先掃一次shtml檔案看沒有特殊的ssi指令存在,如果...