一、問題分析

對于后臺系統(tǒng),相比大家都有所印象,知道其中的布局結(jié)構(gòu),如圖:

電腦培訓,計算機培訓,平面設(shè)計培訓,網(wǎng)頁設(shè)計培訓,美工培訓,Web培訓,Web前端開發(fā)培訓

在這種布局中我們需要將header,sidebar,footer分開,而且對于中間部分的content內(nèi)容需要動態(tài)變化,即根據(jù)不同菜單定位到不同頁面,而整體布局不會變化

這種布局結(jié)構(gòu)對于單純的HTML不具備這種嵌入各部分內(nèi)容的能力,所以就需要我們自己來尋找或者解決這種問題,由于jquery的兼容性和使用廣度比較不錯,這里

使用jquery的load方法來處理這種頁面布局框架。

二、load方法詳解

1.定義
  $().load(,,);

  必需的 URL 參數(shù)規(guī)定您希望加載的 URL。

  可選的 data 參數(shù)規(guī)定與請求一同發(fā)送的查詢字符串鍵/值對集合。

  可選的 callback 參數(shù)是 load() 方法完成后所執(zhí)行的函數(shù)名稱。

 2.示例

  • 也可以把 jQuery 選擇器添加到 URL 參數(shù)。

    下面的例子把 "demo_test.txt" 文件中 id="p1" 的元素的內(nèi)容,加載到指定的 <div> 元素中:

    $("#div1").load("demo_test.txt #p1");
  • 可選的 callback 參數(shù)規(guī)定當 load() 方法完成后所要允許的回調(diào)函數(shù)?;卣{(diào)函數(shù)可以設(shè)置不同的

電腦培訓,計算機培訓,平面設(shè)計培訓,網(wǎng)頁設(shè)計培訓,美工培訓,Web培訓,Web前端開發(fā)培訓

$("#div1").load("demo_test.txt",function(re