html头部尾部分离组件引入（JQ）
生活随笔
收集整理的這篇文章主要介紹了
html头部尾部分离组件引入（JQ）
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
html寫官網(wǎng)之類，我們經(jīng)常會(huì)有很多頁面同一頭部和尾部，我們把它們分離出來，組件引入
vue等框架類的就不說了，主要是說html原生態(tài)的
（如果是PHP文件可以直接include() 或 require() 函數(shù)引入html文件）
用到JQ里面的load方法
定義節(jié)點(diǎn)名，在此節(jié)點(diǎn)中引入相應(yīng)版塊
$(".headerpage").load("../header.html",()=>{$('.jingM').addClass('cdk'); }); $(".footerpage").load("../footer.html");第一個(gè)參數(shù)是組件路徑，第二個(gè)參數(shù)可以是引入完成是的回調(diào)函數(shù)
此時(shí)要注意一點(diǎn)
如果你頭部尾部組件內(nèi)有js邏輯，此邏輯需要寫在相應(yīng)的組件中
比如header.html
<div class='header'>header組件內(nèi)容 </div> <script>//header組件中的方法$('.goLoadApp').click(function () {Cookies.set('loadApp', 1);window.location.href = '../'}) </script>總結(jié)
以上是生活随笔為你收集整理的html头部尾部分离组件引入（JQ）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： JS传参技巧总结
- 下一篇： 小米 android 7.0下载地址,小