本文實例講述了jquery通過load獲取文件的內容並跳到錨點的方法。分享給大家供大家參考。具體分析如下：
昨天在做一個類似於幫助文檔型的頁面，左邊是導航，右邊顯示的是內容。本來打算右邊內容顯示區域用iframe來實現，但由於要做iframe的適應高度所以就換了一種方法，使用jquery的ajax中的load方法。
獲取遠程文件中的內容很容易實現，直接使用jquery的load方法：
$("#content").load("xxx.aspx")
這樣很容易將xxx.aspx文件中的內容放在id為content的標簽中。現在還要實現的一個效果是：當我獲取文件的內容後，要跳到相應的錨點，於是就想到使用jquery的scrollTop，例如我獲取文件內容後，要調到id="name"的標簽：
$("body,html").animate({scrollTop:$("#name").offset().top});
offset()就是獲取匹配元素在當前視口的相對偏移，$("#name").offset().top就是獲取ID為name的標簽在當前視口距頂部的相對偏移。以上代碼綜合在一塊需這樣寫：
$(function(){
$("#content").load("xxx.aspx",function(){
$("body,html").animate({scrollTop:$("#name").offset().top});
});
})
為了避免點擊導航不斷的對服務器發送請求，我們可以將每次獲取到的數據存儲起來。
當然，這個方法只適合不考慮SEO優化的頁面使用。
希望本文所述對大家的jQuery程序設計有所幫助。