資訊專欄INFORMATION COLUMN
摘要：利用引入公共的頭部與底部或者多個頁面需要用到的重復的組件，對于新入門的前端來說是很實用的方法，自己也是新手菜鳥一枚，折騰了好久，實現(xiàn)的方法有很多種，這是我個人覺得比較簡單方便的首先得把公用的頭部與底部分開創(chuàng)建模板，，這里我舉例主頁面引入頭
利用ajax引入公共的頭部與底部或者多個頁面需要用到的重復的組件，對于新入門的前端來說是很實用的方法，自己也是新手菜鳥一枚，折騰了好久，實現(xiàn)的方法有很多種，這是我個人覺得比較簡單方便的
首先得把公用的頭部與底部分開創(chuàng)建html模板，header.html,asdier-bar.html，footer.html,這里我舉例主頁面引入頭部與左側菜單欄，如下圖： 1、公共頭部頁面
2、公共左側菜單頁面
3、主體頁面引入接下來下面是最重要的：首先得在主頁引入juqery插件，然后在主頁面引入下面的ajax代碼
$(function(){
$.ajax({ url:"header.html", context: document.body, success: function(sView){
$("#header").append($(sView));
}});
$.ajax({ url:"aside_bar.html", context: document.body, success: function(sView) {
$("#aside-bar").append($(sView));
}});
})
成功引入的效果圖：
文章版權歸作者所有，未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉載請注明本文地址：http://systransis.cn/yun/51711.html
摘要：利用引入公共的頭部與底部或者多個頁面需要用到的重復的組件，對于新入門的前端來說是很實用的方法，自己也是新手菜鳥一枚，折騰了好久，實現(xiàn)的方法有很多種，這是我個人覺得比較簡單方便的首先得把公用的頭部與底部分開創(chuàng)建模板，，這里我舉例主頁面引入頭 利用ajax引入公共的頭部與底部或者多個頁面需要用到的重復的組件，對于新入門的前端來說是很實用的方法，自己也是新手菜鳥一枚，折騰了好久，實現(xiàn)的方法有...
摘要：百度統(tǒng)計先注冊個百度統(tǒng)計的賬號站長賬號，適合個人博客，注冊成功后按照提示，把代碼復制到中的的標簽里這里特指我的博客文件好了，這樣你的博客就差不多了，是不是感覺很酷今天就到這兒，下篇文章見。 我為什么要寫博客？其實我最初打算寫博客，原因很簡單，我就是想把工作中、學習中遇到 的問題及解決方案記錄下來，它能幫你梳理下整個過程的要注意的地方，寫寫你在工作中遇到的問題，用來記錄和回顧。Tips:...
摘要：親測方法三會出現(xiàn)滾動條。個人認為方法一在靜態(tài)頁面中的使用比較合適 這里不提iframe，主要因為設計網(wǎng)頁相對比較困難，占用線程較多，速度慢，而且也不利于搜索引擎的對頭尾的收錄 方法一：通過load()函數(shù)，分別引入公共頭部和底部文件; header.html 頂部頁面 頭部 ...
摘要：下面也是以模塊的模塊集為例，可以發(fā)現(xiàn)和路由有一些不同就是這里為了防止模塊跟全局耦合，運用函數(shù)式編程思想類似于依賴注入，將全局的實例作為函數(shù)參數(shù)傳入，再返回出一個包含的對象，這個導出的對象將會被以模塊名命名，合并到全局的集中。 前言 web前端發(fā)展到現(xiàn)代，已經(jīng)不再是嚴格意義上的后端MVC的V層，它越來越向類似客戶端開發(fā)的方向發(fā)展，已獨立擁有了自己的MVVM設計模型。前后端的分離也使前端人...
閱讀 715·2021-11-18 10:02
閱讀 3605·2021-09-02 10:21
閱讀 1752·2021-08-27 16:16
閱讀 2065·2019-08-30 15:56
閱讀 2393·2019-08-29 16:53
閱讀 1381·2019-08-29 11:18
閱讀 2960·2019-08-26 10:33
閱讀 2648·2019-08-23 18:34
