html引入另一个html
生活随笔
收集整理的這篇文章主要介紹了
html引入另一个html
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
在寫(xiě)頁(yè)面的時(shí)候，有些東西是一樣的，比如頭部的導(dǎo)航或者尾部的標(biāo)注。所以復(fù)用的東西可以寫(xiě)到一個(gè)文件中，之后再引入，angularjs或是jsp中都有很好的標(biāo)簽引入，而html沒(méi)有，但是可以借助一些方式進(jìn)行引入。
angularjs文件引入
angularjs 頭部引入 <head><% include configHead.ejs %><title>后臺(tái)管理</title> </head>angularjs 尾部或中部引入 <% include homeFooter.ejs %> jsp文件引入 <%@ include file="文件名" %>//(等于是將兩個(gè)jsp合并為一個(gè)jsp)或 <jsp：include page="文件名">//(相當(dāng)于將兩個(gè)jsp執(zhí)行后的內(nèi)容合并成一個(gè)頁(yè)面)
html文件引入
（１）Ｊｓ方法? 引入homeHeader.html和homeFooter.html，ｄｉｖ使用ｃｌａｓｓ引入
<script type="text/javascript">$(document).ready(function () {$('.configHead').load('homeHeader.html');$('.configFoot').load('homeFooter.html');});</script></head><body><header><div class="configHead">?
（２）iframe引入?
<iframe name="" frameborder="0" scrolling="no" marginwidth="0" marginheight="0" width="100%" height="170" src="homeFooter.html"></iframe>（3）css引入
可以在css定義某個(gè)class，將所需要添加的東西負(fù)載上去，之后引用該class就可以了
轉(zhuǎn)載于:https://www.cnblogs.com/liziyou/p/6437701.html
總結(jié)
以上是生活随笔為你收集整理的html引入另一个html的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： Linux系统（四）LVS集群负载均衡N
- 下一篇： 软件测试HW1