html頁面中引入html

2022-07-08 06:51:09 字數 500 閱讀 4893

我們寫頁面通常會遇到這種情況,乙個模組很多頁面都用到,那麼我們為了方便就會單獨寫到乙個頁面,然後引入進去,我知道的有三種:

1、用標籤

例:

iframe有自己預設的高度,如果你引入的頁面高度超出他預設的高度會超出隱藏,所以,要加上height="";

2、用標籤

例:

object也有自己的預設高度,如果你引入的頁面高度超出他預設的高度,引入部分會出現縱向滾動條,這個就很影響頁面美觀了,所以也是要加上height="";

3、div+$(「document」).load(「b.html」);

例:

$('.sidebar').load('lib/sidebarl.html');

需要注意的是,這個div裡面必須是空的,裡面沒有任何元素,如果裡面有其他的標籤,那麼你引入的html會替換原來存在的內容。

好啦,就到這裡。

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

header1 div header1 load page header1.html script body 注意 header1中不需要把整個 寫全,以為乙個html中只能存在乙個body標籤,去掉所有的標籤 page header1.html width 100 height 50 frameb...

html頁面引入vue元件

html頁面引入vue元件需要在頁面引入http vue loader.js 注意 要檢視頁面引入vue元件的效果不能直接在本地開啟index.html,會有跨域問題,可以在本地配置乙個nginx 再用瀏覽器訪問http localhost port index.html 1.建立my compon...

頁面中如何引入 外部的 html 或 css

參考 1.四種方法 a iframe標籤 b ajax引入 片段 c link import的方法匯入 d requirejs 2.iframe 方式引入 如果是乙個完整的外部頁面 有完整的html,head,body 可以考慮用iframe。3.ajax 方式 如果僅僅是乙個 片段,也可以用aja...