試試使用httprequest

創(chuàng)新互聯(lián)公司主營(yíng)云州網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營(yíng)網(wǎng)站建設(shè)方案,app開發(fā)定制,云州h5微信小程序定制開發(fā)搭建,云州網(wǎng)站營(yíng)銷推廣歡迎云州等地區(qū)企業(yè)咨詢
var?fileName?=?"";
var?txtFile;
txtFile?=?new?XMLHttpRequest();
txtFile.open("GET",fileName,false);
txtFile.send();
var?txtDoc=txtFile.responseText;
希望對(duì)你有所幫助
javascript語言本身并不提供系統(tǒng)文件功能。
但javascript的運(yùn)行環(huán)境可能提供文件操作能力。比如說nodejs,javascript當(dāng)運(yùn)行在nodejs環(huán)境中時(shí),就可以透過node api去主動(dòng)進(jìn)行文件讀寫等操作。但當(dāng)javascript運(yùn)行在browser(瀏覽器)環(huán)境中時(shí),就無法主動(dòng)進(jìn)行文件讀寫操作。只能等用戶操作文件選擇控件之后,被動(dòng)獲取文件的二進(jìn)制對(duì)象。
!DOCTYPE html
html
head
title文件示例/title
meta name="name" content="content" charset="utf-8"
/head
body
input type="file" id="file" /
input type="button" onclick="readText()" value="File Button"
div id="tt"
/div
/body
/html
script charset="utf-8"
window.onload=function () {
if(typeof(FileReader)=="undefined")
{
alert("你的瀏覽器不支持文件讀取");
document.write("");
}else
{
alert("你的瀏覽器支持文件讀取");
}
}
function readText() {
var file=document.getElementById("file").files[0];
var reader=new FileReader();
reader.readAsText(file);
reader.onload=function(data)
{
var tt=document.getElementById("tt")
tt.innerHTML=this.result;
}
}
/script
在有交互的前提下,一般是選擇上傳文件或?qū)⑽募献У揭粋€(gè)可拖拽的區(qū)域
可以通過FileReader API讀取文件的內(nèi)容
如果沒有交互,直接讀取是不可以的
///////////////////////////////////////////////////////////
首先:xml文件(tree.xml)內(nèi)容如下:
?xml version="1.0" encoding="gb2312"?
treeview
tree id="p1"
text山東省/text
target_blank/target
title省份/title
link/link
tree id="p1-1"
text威海市/text
target_blank/target
title城市/title
link/link
/tree
tree id="p1-2"
text煙臺(tái)市/text
target_blank/target
title城市/title
link/link
node id="p1-2-1"
text長(zhǎng)夼村/text
target_blank/target
title鄉(xiāng)鎮(zhèn)/title
link;/link
/node
/tree
node id="p1-3"
text富鎮(zhèn)/text
target_blank/target
title鄉(xiāng)鎮(zhèn)/title
link;/link
/node
/tree
tree id="p2"
text河北省/text
target_blank/target
title省份/title
link/link
tree id="p2-1"
text泊頭市/text
target_blank/target
title城市/title
link/link
node id="p2-1-1"
text郊河/text
target_blank/target
title鄉(xiāng)鎮(zhèn)/title
link;/link
/node
/tree
tree id="p2-2"
text石家莊/text
target_blank/target
title城市/title
link/link
/tree
/tree
tree id="p3"
text浙江省/text
target_blank/target
title省份/title
link/link
tree id="p3-1"
text杭州市/text
target_blank/target
title城市/title
link/link
node id="p3-1-1"
text某鎮(zhèn)/text
target_blank/target
title鄉(xiāng)鎮(zhèn)/title
link;/link
/node
/tree
tree id="p3-2"
text溫州市/text
target_blank/target
title城市/title
link/link
node id="p3-2-1"
text某鎮(zhèn)/text
target_blank/target
title鄉(xiāng)鎮(zhèn)/title
link;/link
/node
/tree
/tree
/treeview
//////////////////////////////////////////////////////
然后:javascript函數(shù)實(shí)現(xiàn):(文件名稱:tree.htm)
script Language="JavaScript"
var HTML = "";
var space = "";
var blank = "??";
function getSubject()
{
var xmlDoc;
if(window.ActiveXObject)
{
//獲得操作的xml文件的對(duì)象
xmlDoc = new ActiveXObject('Microsoft.XMLDOM');
xmlDoc.async = false;
xmlDoc.load("tree.xml");
if(xmlDoc == null)
{
alert('您的瀏覽器不支持xml文件讀取,于是本頁面禁止您的操作,推薦使用IE5.0以上可以解決此問題!');
window.location.href='/Index.aspx';
return;
}
}
//解析xml文件,判斷是否出錯(cuò)
if(xmlDoc.parseError.errorCode != 0)
{
alert(xmlDoc.parseError.reason);
return;
}
//獲得根接點(diǎn)
var nodes = xmlDoc.documentElement.childNodes;
//得到根接點(diǎn)下共有子接點(diǎn)個(gè)數(shù),并循環(huán)
for(var i=0; inodes.length; i++)
{
//如果接點(diǎn)名為 tree
if(nodes(i).nodeName == "tree")
{
readTree(nodes(i));
}
//如果接點(diǎn)名為 node
else if(nodes(i).nodeName == "node")
{
readNode(nodes(i));
}
}
//刪除對(duì)象
delete(xmlDoc);
//顯示HTML
window.show.innerHTML = HTML;
return;
}
//讀Tree節(jié)點(diǎn)
function readTree(cI)
{
var nodes = cI.childNodes;
var menuHTML = space;
menuHTML += blank;
//得到超級(jí)鏈接
menuHTML += "a href='";
//如果該節(jié)點(diǎn)的連接屬性不為空,則連接
if(cI.selectNodes("link")(0).text != "")
{
menuHTML += cI.selectNodes("link")(0).text;
}
//否則為空鏈接
else
{
menuHTML += "#";
}
//目標(biāo)
if(cI.selectNodes("target")(0).text != "")
{
menuHTML += " target='"+cI.selectNodes("target")(0).text;
menuHTML += "'";
}
//點(diǎn)擊菜單事件,調(diào)用divshow(vid)函數(shù)
menuHTML += " onclick=javascript:divshow('"+cI.getAttribute("id")+"');";
//得到節(jié)點(diǎn)標(biāo)題
menuHTML += " title='";
menuHTML += cI.selectNodes("title")(0).text;
//結(jié)束
menuHTML += "'";
//得到節(jié)點(diǎn)的正文
menuHTML += cI.selectNodes("text")(0).text;
menuHTML += "/abr\n";
//將menuHTML設(shè)置添加到HTML字符串
HTML += menuHTML;
//得到該節(jié)點(diǎn)的屬性值span
HTML += "div id='"+cI.getAttribute("id")+"' style='display:none'\n";
for(var i=0; inodes.length; i++)
{
var tempImg = "";
tempImg += blank;
if(nodes(i).nodeName == "tree")
{
space += tempImg;
readTree(nodes(i));
space = "";
}
else if(nodes(i).nodeName == "node")
{
space += tempImg;
readNode(nodes(i));
}
}
HTML += "/div\n";
return;
}
//讀Node節(jié)點(diǎn)
function readNode(cI)
{
var nodeHTML = space;
nodeHTML += blank;
//設(shè)置超級(jí)鏈接
nodeHTML += "a href='";
//得到連接地址
nodeHTML += cI.selectNodes("link")(0).text;
//目標(biāo)
if(cI.selectNodes("target")(0).text != "")
nodeHTML += "' target='"+cI.selectNodes("target")(0).text;
//得到節(jié)點(diǎn)標(biāo)題
nodeHTML += "' title='";
nodeHTML += cI.selectNodes("title")(0).text;
//結(jié)束
nodeHTML += "'";
//得到節(jié)點(diǎn)的正文
nodeHTML += cI.selectNodes("text")(0).text;
nodeHTML += "/abr\n";
HTML += nodeHTML;
//HTML += "div id='"+cI.getAttribute("id")+"'";
space = "";
return;
}
//操作對(duì)象的顯示還是隱藏效果
function divshow(vid)
{
if(document.all[vid].style.display == "none")
{
document.all[vid].style.display = "block";
}
else
{
document.all[vid].style.display = "none";
}
return;
}
/script
html
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312"
titleJS_XML/title
style type="text/css"
!--
body
{
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-size: 9pt;
}
A
{
text-decoration:none;
font-family: "宋體";
font-size: 9pt;
COLOR:#000000;
}
--
/style
/head
body bgcolor="#EEEEEE" leftmargin="0" topmargin="0"
div id=show/div
/body
script
getSubject()
/script
/html
//////////////////////////////////////////////////////////
運(yùn)行,要在同一個(gè)路徑下!
獲取相對(duì)路徑的方法:
_nction getPath(){undefined
_ar pathName = document.location.pathname;
_ar index = pathName.substr(1).indexOf("/");
_ar result = pathName.substr(0,index+1);
_eturn result;}
_蔥械慕峁?fàn)?
_athName===/test/index.jsp
_esult===/test
_褂梅椒ǎ嚎梢栽_s中用此方法拼接URL:getPath()+/路徑1/路徑2/........
_avaScript(簡(jiǎn)稱“JS”) 是一種具有函數(shù)優(yōu)先的輕量級(jí),解釋型或即時(shí)編譯型的 編程語言 。
_淙凰親魑? Web 頁面的 腳本語言 而出名,但是它也被用到了很多非 瀏覽器 環(huán)境中,
_avaScript 基于原型編程、多范式的動(dòng)態(tài)腳本語言,并且支持面向?qū)ο蟆⒚钍胶吐暶魇剑ㄈ?函數(shù) 式編程)風(fēng)格。.
文章標(biāo)題:javascript讀取,javascript翻譯
瀏覽地址:http://chinadenli.net/article7/dsejdij.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站維護(hù)、全網(wǎng)營(yíng)銷推廣、App設(shè)計(jì)、動(dòng)態(tài)網(wǎng)站、自適應(yīng)網(wǎng)站、網(wǎng)站設(shè)計(jì)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)