JS访问本地文件---模拟资源管理器

zpsailor

浏览: 43769 次
性别:
来自: 重庆

最近访客更多访客>>

feng888918

cgf198171

18200254753

lollypop.

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JS原创

Windows HTML C C++C#

最近在学习js的时候练习做了一个模拟windows资源管理器的程序，其中主要涉及了使用js访问本地文件的一些知识，拿出来大家分享下，本程序使用到了两个html文件，两个文件放到同一个目录下可使用，如下：

文件一：windows资源管理器.html

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<script>
fso = new ActiveXObject("Scripting.FileSystemObject");
 function getFolder(id){
 obj = $(id);//取得为这个id值的对象
statu = $(id+"_status");
if(statu.innerHTML=="-"){
 statu.innerHTML="+";
 obj.removeChild(obj.childNodes(0));
 return;
}else{
 statu.innerHTML="-";
}
 var folder = fso.GetFolder(id+":\\");
parent.MyComputer.location=folder;
 var fc=new Enumerator(folder.SubFolders);//folder.SubFolders:返回一个 Folders 集合，由指定文件夹中包含的所有文件夹组成
var a="<ul>";
for (; !fc.atEnd(); fc.moveNext())//moveNext()方法将当前项移动到Enumerator的下一项中去
 {
 a += "<li onclick='getFolders(this)'>"+fc.item()+"</li>"; //item 方法返回 Enumerator 对象中的当前项。如果集合为空或如果当前项未被定义，它将返回 undefined。
 }a+="<ul>";
obj.innerHTML+=a;
 }
 function getFolders(obj){
 if(obj!=event.srcElement)return;//获取当前鼠标点击的对象
if(obj.childNodes.length>1){
obj.removeChild(obj.childNodes(1));
 return;
}
var folder = fso.GetFolder(obj.innerHTML);
 parent.MyComputer.location=folder;
 var fc=new Enumerator(folder.SubFolders);
if(fc.atEnd()){
return;
}
var a="<ul>";
for (; ; fc.moveNext())
 { if(fc.atEnd())break;
 a += "<li onclick=\"getFolders(this);\">"+fc.item()+"</li> ";
 }a+="<ul>";
obj.innerHTML+=a;
 }
 function $(id){return document.getElementById(id);}
</script>
<body>
本地磁盘(A) + [驱动器未就绪] 
本地磁盘(C) + 
本地磁盘(D) + 
本地磁盘(E) + 
本地磁盘(F) + 
本地磁盘(G) + 
本地磁盘(H) + [驱动器未就绪]
</body>
</html>

文件2：模拟资源管理器.html

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>模拟资源管理器</title>
</head>
<body>
<iframe src="windows资源管理器.html" width="20%" height="100%" frameborder="1" scrolling="auto"></iframe>
<iframe name="MyComputer" src="about:blank" width="80%" height="100%" frameborder="1" scrolling="auto"></iframe>
</body>
</html>

0
顶

0
踩

分享到：

JS编写的简易计算器 | DOM操作html浅例--createElement、create ...

2010-01-30 16:08
浏览 3297
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论