網(wǎng)站建設(shè)對(duì)于企業(yè)來(lái)說(shuō)是必不可少的宣傳方式,但是很多人對(duì)于網(wǎng)站建設(shè)有很多好奇,也有一些技術(shù)人員有一些不太懂的問(wèn)題,今天,石家莊網(wǎng)站建設(shè)工程師就來(lái)給您詳細(xì)介紹以下內(nèi)容。
在一些頁(yè)面里面,我們經(jīng)常會(huì)遇到一些相同部分,而且是大批量的,如果一個(gè)一個(gè)修改,太耗時(shí)間,那么我們?cè)趺窗堰@些公共起來(lái),便于維護(hù)呢?

這是我通過(guò)ajax的方法,來(lái)獲取指定div,把一些公共的部分輸出:
這里指定了頭部和底部
//指定頭部
$(function(){
$.ajax({
type:"get",
url:"../js/header.html",
dataType:"html",
async:false,
success:function(data){
$(".header").append(data);
}
});
})
//指定底部
$(function(){
$.ajax({
type:"get",
url:"../js/footer.html",
dataType:"html",
async:false,
success:function(data){
$(".footer").append(data);
}
});
})
但是上面的這個(gè)方法太冗余了,如果多個(gè)寫(xiě)的更多,那么我們可以合并一下代碼:
$(function(){
function getHtml(part){
$.ajax({
type:"get",
url:"../js/"+ part +".html",
dataType:"html",
async:false,
success:function(data){
$("." + part).append(data);
}
})
}
getHtml('header');//輸出頭部
getHtml('footer');//輸出底部
});
注:這里我們的ajax是通過(guò)jq寫(xiě)的,所以頁(yè)面一定要引入jq文件。
以上就是今天石家莊網(wǎng)站建設(shè)開(kāi)發(fā)人員跟您分享的內(nèi)容,希望能對(duì)大家的網(wǎng)頁(yè)設(shè)計(jì)方面能有所幫助。如果您需要做網(wǎng)站,歡迎您來(lái)石家莊尚武科技咨詢,我們將竭誠(chéng)為您服務(wù)!