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