基于javascript实现简单的window文件名和目录显示

最新推荐文章于 2024-09-21 15:46:39 发布

jun_bai

最新推荐文章于 2024-09-21 15:46:39 发布

阅读量545

点赞数 3

文章标签： javascript 前端开发语言

本文链接：https://blog.youkuaiyun.com/jun_bai/article/details/136583892

版权

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style>
	body{ width:100%;}
	#leftList td{ padding:3px; }
	#leftList span{cursor:pointer;}
</style>
</head>
    <script>
			function checkBW(){
		    var fso ;
			  try{
				   fso=new ActiveXObject("Scripting.FileSystemObject");
			  }catch(e){
				   alert("请使用IE内核浏览器！");
				   return;
			  }
			}
			checkBW();
		</script>
    <script>
        function leftGo() {
        	  try{ dealFod(); }catch(e){ }
            var fso = new ActiveXObject("Scripting.FileSystemObject");
            var f = fso.GetFolder(document.all.leftfolder.value); 
            var s = "";
            fk = new Enumerator(f.SubFolders);
            for (; !fk.atEnd(); fk.moveNext()) { 
            	  var dd = fk.item(); 
            	  var filenamee = fso.GetFileName( fk.item( ) );
            	  var ock = " onclick=\"openFod('"+ filenamee +"');\"  ";
            	  s += "<tr>"  ;
                s += "<td ><font color=blue><span "+ock+">" + filenamee  + "</span></td>" ;
                s += "<td >" + " "  + "</td>" ;
                s += "";
                s += "</tr>"  ;
            }
            var fc = new Enumerator(f.files);
            for (; !fc.atEnd(); fc.moveNext()) {
            	  var filename = fso.GetFileName( fc.item( ) );
            	  s += "<tr>"  ;
            	  s += "<td>" + filename + "</td>"  ;
            	  s += "<td align=right>" + fc.item().size + "字节</td>"  ;
                s += "</tr>"  ;
            } 
            var fh = "<tr>";
                fh += "<td colspan=2><span onclick='backFod();'><FONT color=green><b>返回上级目录</span></td>";
                fh += "</tr>"; 
                if(document.all.leftfolder.value.length <=3){ fh = ""; }
            var hd = "<tr bgcolor=f4f4f4>";
                hd += "<td>名称</td>";
                hd += "<td>文件大小</td>";                
                hd += "</tr>";
                if(s.length < 10){ hd = ""; }
            leftList.innerHTML = fh + hd + s ;
            
        }
    </script>
    <script>
    	  function openFod(fod){
    	  	document.all.leftfolder.value = document.all.leftfolder.value + "/" + fod ;
    	  	leftGo();
    	  	//alert(fod);
    	  }
    	  function backFod(){
    	  	var fdd = document.all.leftfolder.value ; 
    	  	    fdd = fdd.substring( 0 , fdd.lastIndexOf("/")  ); 
    	  	    if(fdd.length ==2){ fdd = fdd + "/" ; }
    	  	    document.all.leftfolder.value = fdd ;
    	  	    leftGo();
    	  }
    	  function dealFod(){
    	  	var fdd = document.all.leftfolder.value ; 
    	  	    fdd = fdd.replace("\\","/");
    	  	    fdd = fdd.replace("\\","/");
    	  	    fdd = fdd.replace("\\","/");
    	  	    fdd = fdd.replace("\\","/");
    	  	    fdd = fdd.replace("\\","/");
    	  	    fdd = fdd.replace("\\","/");
    	  	    fdd = fdd.replace("\\","/");
    	  	    fdd = fdd.replace("\\","/");
    	  	    fdd = fdd.replace("\\","/");
    	  	    fdd = fdd.replace("\\","/");
    	  	    fdd = fdd.replace("\\","/");
    	  	document.all.leftfolder.value = fdd.replace("\\","/");
    	  }
    </script>
</head>
<body bgcolor="#FFFFFF">
<table width='100%' border=0 >
	 <tr>
	 	<td>
      <input type="text" name="leftfolder" id="leftfolder" style='width:100%;' value="c:/"><!--指定文件夹：-->
    </td>  
    <td>  
      <input type="button" value="GO" style='width:80px;' onclick="leftGo()">
    </td>
    </tr>
    <tr>
    	<td colspan=2>
         <table id="leftList" border=0 ></table>
      </td>
    </tr> 
</table>    
</body>
</html>