本文實例講述了jquery通過load獲取文件的內容并跳到錨點的方法。分享給大家供大家參考。具體分析如下：

昨天在做一個類似于幫助文檔型的頁面，左邊是導航，右邊顯示的是內容。本來打算右邊內容顯示區域用iframe來實現，但由于要做iframe的適應高度所以就換了一種方法，使用jquery的ajax中的load方法。

獲取遠程文件中的內容很容易實現，直接使用jquery的load方法：

$("#content").load("xxx.aspx")

這樣很容易將xxx.aspx文件中的內容放在id為content的標簽中?，F在還要實現的一個效果是：當我獲取文件的內容后，要跳到相應的錨點，于是就想到使用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程序設計有所幫助。