jquery通過(guò)load獲取文件的內(nèi)容并跳到錨點(diǎn)的方法

本文實(shí)例講述了jquery通過(guò)load獲取文件的內(nèi)容并跳到錨點(diǎn)的方法。分享給大家供大家參考。具體分析如下：

成都創(chuàng)新互聯(lián)專(zhuān)注于廈門(mén)網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠(chéng)為您提供廈門(mén)營(yíng)銷(xiāo)型網(wǎng)站建設(shè)，廈門(mén)網(wǎng)站制作、廈門(mén)網(wǎng)頁(yè)設(shè)計(jì)、廈門(mén)網(wǎng)站官網(wǎng)定制、成都小程序開(kāi)發(fā)服務(wù)，打造廈門(mén)網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供廈門(mén)網(wǎng)站排名全網(wǎng)營(yíng)銷(xiāo)落地服務(wù)。

昨天在做一個(gè)類(lèi)似于幫助文檔型的頁(yè)面，左邊是導(dǎo)航，右邊顯示的是內(nèi)容。本來(lái)打算右邊內(nèi)容顯示區(qū)域用iframe來(lái)實(shí)現(xiàn)，但由于要做iframe的適應(yīng)高度所以就換了一種方法，使用jquery的ajax中的load方法。

獲取遠(yuǎn)程文件中的內(nèi)容很容易實(shí)現(xiàn)，直接使用jquery的load方法：

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

這樣很容易將xxx.aspx文件中的內(nèi)容放在id為content的標(biāo)簽中。現(xiàn)在還要實(shí)現(xiàn)的一個(gè)效果是：當(dāng)我獲取文件的內(nèi)容后，要跳到相應(yīng)的錨點(diǎn)，于是就想到使用jquery的scrollTop，例如我獲取文件內(nèi)容后，要調(diào)到id="name"的標(biāo)簽：

$("body,html").animate({scrollTop:$("#name").offset().top});

offset()就是獲取匹配元素在當(dāng)前視口的相對(duì)偏移，$("#name").offset().top就是獲取ID為name的標(biāo)簽在當(dāng)前視口距頂部的相對(duì)偏移。以上代碼綜合在一塊需這樣寫(xiě)：

$(function(){

$("#content").load("xxx.aspx",function(){

$("body,html").animate({scrollTop:$("#name").offset().top});

});

})

為了避免點(diǎn)擊導(dǎo)航不斷的對(duì)服務(wù)器發(fā)送請(qǐng)求，我們可以將每次獲取到的數(shù)據(jù)存儲(chǔ)起來(lái)。

當(dāng)然，這個(gè)方法只適合不考慮SEO優(yōu)化的頁(yè)面使用。

希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。

jquery怎么獲取獲取當(dāng)前文件所在目錄？

jquery 取得文件根目錄

jquery 取得文件根目錄

function getRootPath() {

//獲得根目錄

var strFullPath = window.document.location.href;

var strPath = window.document.location.pathname;

var pos = strFullPath.indexOf(strPath);

var prePath = strFullPath.substring(0, pos);

var postPath = strPath.substring(0, strPath.substr(1).indexOf('/') + 1);

return (prePath + postPath);

}

jquery 怎么實(shí)現(xiàn)獲取文件夾里的文件

html代碼：

div id="divForm"

文件：input type="file" id="myfile"

input type="button" id="btnOpen" value="展示文件"

/div

內(nèi)容展示：

div id="divShow" style="width:400px;height:300px;border:1px solid gray"

/divjs代碼：

script type="text/javascript" src="js/jquery-1.8.3.min.js"/script

script type="text/javascript"

$(function(){

//按鈕點(diǎn)擊事件

$("#btnOpen").click(function(){

//得到選擇的文件的路徑及文件名

var path=$("#myfile").val();

//加載本地文件

$.get(path).success(function(content){

// content就為文件data.txt的文本內(nèi)容了

$("#divShow").html(content);

});

});

});

/script

網(wǎng)站標(biāo)題：jquery獲取文件,jquery獲取文件流
路徑分享：http://jinyejixie.com/article26/hojgcg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供小程序開(kāi)發(fā)、品牌網(wǎng)站制作、關(guān)鍵詞優(yōu)化、網(wǎng)站營(yíng)銷(xiāo)、App設(shè)計(jì)、微信公眾號(hào)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)