使用jquery的load方法設(shè)計(jì)動(dòng)態(tài)加載，并解決被加載頁面JavaScript失效問題

一、問題分析

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

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

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

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

二、load方法詳解

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

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

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

　　可選的 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ī)定當(dāng) load() 方法完成后所要允許的回調(diào)函數(shù)。回調(diào)函數(shù)可以設(shè)置不同的

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

        		
網(wǎng)友評(píng)論
     		
				

			
			
			
		
		
		
    	
    	
        	

        		
更多精彩分享
        		

        			
        		
        			
	        		
	        		學(xué)習(xí)是年輕人改變自己的最好方式