您需要的功能可以利用AJAX来实现。下面是我写的代码读取一个文件并显示出来，供您参考。
<!doctype html><html>
<head>
<meta charset="utf-8">
<title>使用AJAX读取外部文件</title>
</head>
<body>
<div id="txt">外部文件内容</div>
<script>
if ( window.ActiveXObject ) // windows 系统
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP")
else if ( window.XMLHttpRequest ) // 其它系统，及非IE6系统
xmlHttp = new XMLHttpRequest()
xmlHttp.onreadystatechange = Callback
xmlHttp.open("GET", "mytxt.txt", true ) // 读取mytxt.txt内容
xmlHttp.send(null)
function Callback()
{
if ( xmlHttp.readyState == 4 ) {
if ( xmlHttp.status == 200 ) {
xml = xmlHttp.responseText // 读取返回值即文件内容
document.getElementById("txt").innerText = xml // 在当前页面显示文件内容
}
}
}
</script>
</body>
</html>
var Arr=new Array()try
{
var fso=new ActiveXObject("scripting.filesystemobject_0418s")
var txtstream=fso.openTextFile('c:\\data.txt')
var txt=''
while(!txtstream.atEndOfLine)
{
Arr.push(txtstream.readLine())
}
txtstream.close()
txtstream=null
fso=null
}
catch(e){alert(e)}
for(var i=0i<Arr.lengthi++)
alert(Arr[i])
采用jquery的ajax方式进行文件信息读取代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#b01").click(function(){
htmlobj=$.ajax({url:"/jquery/test1.txt",async:false})
$("#myDiv").html(htmlobj.responseText)
})
})
</script>
</head>
<body>
<div id="myDiv"><h2>通过 AJAX 改变文本</h2></div>
<button id="b01" type="button">改变内容</button>
</body>
</html>
