我想這個(gè)是所有前端工程師都會(huì)碰到的問題,在你做了很多頁面,需要調(diào)用同一個(gè)頭部或者底部的時(shí)候,需要嵌套一下,這個(gè)時(shí)候怎么辦
Iframe、Object、Js調(diào)用的方法就不討論了,網(wǎng)上搜索一大堆,不過兼容性不好
這里給出一個(gè)比較完美的解決方案
準(zhǔn)備工具:本地化服務(wù)器,推薦WampServer(APACHE+PHP+MYSQL)
打開httpd.conf文件
去掉下面2段前面的#號(hào)
AddType text/html .shtml AddOutputFilter INCLUDES .shtml
再搜索
Options Indexes FollowSymLinks
后面添加“ Includes”
即將該行改變?yōu)?/p>
Options Indexes FollowSymLinks Includes
保存,再重啟apache服務(wù)器
引用方法
主文件:index.shtml
調(diào)用的文件:header.html(此文件放在templates目錄下)
這里注意,主文件一定要是.shtml結(jié)尾,要不剛才是工作白做了,調(diào)用文件一般用.html文件結(jié)尾
在主文件里需要調(diào)用的地方添加代碼:
這里推薦用virtual方法,不推薦用file方法
再刷新你的首頁,調(diào)用成功
轉(zhuǎn)載請(qǐng)注明:Web前端開發(fā)-Web前端工程師 ? Shtml完美解決靜態(tài)頁面內(nèi)部調(diào)用其他頁面(非Iframe、Object、Js方法)
Tags: JS, shtml, 兼容, 完美, 靜態(tài)頁面聯(lián)系客服