6.29

Posted 2020-09-25

一、文档碎片

二、IO操作

一、功能实现核心：FileSystemObject 对象

要在javascript中实现文件操作功能，主要就是依靠FileSystemobject对象。

二、FileSystemObject编程

使用FileSystemObject 对象进行编程很简单，一般要经过如下的步骤： 创建FileSystemObject对象、应用相关方法、访问对象相关属性 。

（一）创建FileSystemObject对象

创建FileSystemObject对象的代码只要1行：

var fso = new ActiveXObject("Scripting.FileSystemObject");

上述代码执行后，fso就成为一个FileSystemObject对象实例。

（二）应用相关方法

创建对象实例后，就可以使用对象的相关方法了。比如，使用CreateTextFile方法创建一个文本文件：

var fso = new ActiveXObject("Scripting.FileSystemObject");

var f1 = fso.createtextfile("c:\\myjstest.txt",true");

（三）访问对象相关属性

要访问对象的相关属性，首先要建立指向对象的句柄，这就要通过get系列方法实现：GetDrive负责获取驱动器信息，GetFolder负责获取文件夹信息，GetFile负责获取文件信息。比如，指向下面的代码后，f1就成为指向文件c:\test.txt的句柄：

fso = newActiveXObject("Scripting.FileSystemObject");f1 = fso.GetFile("c:\\myjstest.txt");

然后，使用f1访问对象的相关属性。比如：

执行上面最后一句后，将显示c:\myjstest.txt的最后修改日期属性值。

但有一点请注意：对于使用create方法建立的对象，就不必再使用get方法获取对象句柄了，这时直接使用create方法建立的句柄名称就可以：

三、操作驱动器（Drives）

使用FileSystemObject对象来编程操作驱动器（Drives）和文件夹（Folders）很容易，这就象在Windows文件浏览器中对文件进行交互操作一样，比如：拷贝、移动文件夹，获取文件夹的属性。

（一）Drives对象属性

Drive对象负责收集系统中的物理或逻辑驱动器资源内容，它具有如下属性：

l TotalSize：以字节（byte）为单位计算的驱动器大小。

l AvailableSpace或FreeSpace：以字节（byte）为单位计算的驱动器可用空间。

l DriveLetter：驱动器字母。

l DriveType：驱动器类型，取值为：removable（移动介质）、fixed（固定介质）、network（网络资源）、CD-ROM或者RAM盘。

l SerialNumber：驱动器的系列码。

l FileSystem：所在驱动器的文件系统类型，取值为FAT、FAT32和NTFS。

l IsReady：驱动器是否可用。

l ShareName：共享名称。

l VolumeName：卷标名称。

l Path和RootFolder：驱动器的路径或者根目录名称。

（二）Drive对象操作例程

下面的例程显示驱动器C的卷标、总容量和可用空间等信息：

fso, drv, s =""; fso= newActiveXObject("Scripting.FileSystemObject"= fso.GetDrive(fso.GetDriveName("c:\\")); s+= "Drive C:" + " - "; s+= drv.VolumeName + "\n"+= "Total Space: " + drv.TotalSize / 1024; s+= " Kb" + "\n"; s+= "Free Space: " + drv.FreeSpace / 1024+= " Kb" + "\n"; alert(s);

四、操作文件夹（Folders）

涉及到文件夹的操作包括创建、移动、删除以及获取相关属性。

Folder对象操作例程 :

下面的例程将练习获取父文件夹名称、创建文件夹、删除文件夹、判断是否为根目录等操作：

var= ActiveXObject("Scripting.FileSystemObject"); f1= fso.CreateTextFile("c:\\testfile.txt", true);

第二种是使用OpenTextFile方法，并添加上ForWriting属性，ForWriting的值为2。代码如下：

varfso, ts;varForWriting= 2; fso= newActiveXObject("Scripting.FileSystemObject"); ts= fso.OpenTextFile("c:\\test.txt", ForWriting, true);

第三种是使用OpenAsTextStream方法，同样要设置好ForWriting属性。代码如下：

varfso, f1, ts;varForWriting = 2; fso= newActiveXObject("Scripting.FileSystemObject"); fso.CreateTextFile ("c:\\test1.txt"); f1= fso.GetFile("c:\\test1.txt"); ts= f1.OpenAsTextStream(ForWriting, true);

（四）读取文件内容

从文本文件中读取数据要使用TextStream对象的Read、ReadLine或ReadAll 方法。Read方法用于读取文件中指定数量的字符；ReadLine方法读取一整行，但不包括换行符；ReadAll方法则读取文本文件的整个内容。读取的内容存放于字符串变量中，用于显示、分析。

方法或者属性 描述

BuildPath() 生成一个文件路径 CopyFile() 复制文件 CopyFolder() 复制目录 CreateFolder() 创建新目录 CreateTextFile() 生成一个文件 DeleteFile() 删除一个文件 DeleteFolder() 删除一个目录 DriveExists() 检验盘符是否存在 Drives 返回盘符的集合 FileExists() 检验文件是否存在 FolderExists 检验一个目录是否存在 GetAbsolutePathName() 取得一个文件的绝对路径 GetBaseName() 取得文件名 GetDrive() 取得盘符名 GetDriveName() 取得盘符名 GetExtensionName() 取得文件的后缀 GetFile() 生成文件对象 GetFileName() 取得文件名 GetFolder() 取得目录对象 GetParentFolderName 取得文件或目录的父目录名 GetSpecialFolder() 取得特殊的目录名 GetTempName() 生成一个临时文件对象 MoveFile() 移动文件 MoveFolder() 移动目录 OpenTextFile() 打开一个文件流 f.Files//目录下所有文件集合f.attributes //文件属性Case 0 Str="普通文件。没有设置任何属性。 "Case1 Str="只读文件。可读写。 "Case2 Str="隐藏文件。可读写。 "Case4 Str="系统文件。可读写。 "Case16 Str="文件夹或目录。只读。 "Case32 Str="上次备份后已更改的文件。可读写。 "Case1024 Str="链接或快捷方式。只读。 "Case2048 Str=" 压缩文件。只读。"f.Datecreated//创建时间f.DateLastAccessed //上次访问时间f.DateLastModified //上次修改时间f.Path //文件路径f.Name //文件名称f.Type //文件类型f.Size //文件大小（单位：字节）f.ParentFolder //父目录f.RootFolder //根目录

实例说明

BuildPath(路径,文件名) //这个方法会对给定的路径加上文件，并自动加上分界符

<SCRIPT LANGUAGE="JavaScript"><!--varfso = newActiveXObject("Scripting.FileSystemObject");varnewpath = fso.BuildPath("c:\\tmp", "51js.txt"); //生成 c:\tmp\51js.txt的路径alert(newpath);--></SCRIPT>

CopyFile(源文件, 目标文件, 覆盖) //复制源文件到目标文件，当覆盖值为true时，如果目标文件存在会把文件覆盖

<SCRIPT LANGUAGE="JavaScript"><!--varfso = newActiveXObject("Scripting.FileSystemObject");varnewpath = fso.CopyFile("c:\\autoexec.bat", "d:\\autoexec.bak");--></SCRIPT>

CopyFolder(对象目录,目标目录 ,覆盖) //复制对象目录到目标目录，当覆盖为true时，如果目标目录存在会把文件覆盖

<SCRIPT LANGUAGE="JavaScript"><!--varfso = newActiveXObject("Scripting.FileSystemObject"); fso.CopyFolder("c:\\WINDOWS\\Desktop", "d:\\"); //把C盘的Desktop目录复制到D盘的根目录--></SCRIPT>

CreateFolder(目录名) //创建一个新的目录

<SCRIPT LANGUAGE="JavaScript"><!--varfso = newActiveXObject("Scripting.FileSystemObject");varnewFolderName = fso.CreateFolder("c:\\51JS"); //在C盘上创建一个51JS的目录--></SCRIPT>

CreateTextFile(文件名, 覆盖) //创建一个新的文件，如果此文件已经存在，你需要把覆盖值定为true

<SCRIPT LANGUAGE="JavaScript"><!--varfso = newActiveXObject("Scripting.FileSystemObject");varnewFileObject = fso.CreateTextFile("c:\\autoexec51JS.bat", true); //脚本将在C盘创建一个叫 autoexec51JS.bat的文件--></SCRIPT>

DeleteFile(文件名, 只读？) //删除一个文件，如果文件的属性是只读的话，你需要把只读值设为true

<SCRIPT LANGUAGE="JavaScript"><!--varfso = newActiveXObject("Scripting.FileSystemObject"); //为了安全我先把要删除的autoexec.bat备份到你的D盘varnewpath = fso.CopyFile("c:\\autoexec.bat", "d:\\autoexec.bat"); //把C盘的autoexec.bat文件删除掉fso.DeleteFile("c:\\autoexec.bat", true);--></SCRIPT>

DeleteFolder(文件名, 只读？)//删除一个目录，如果目录的属性是只读的话，你需要把只读值设为true

<SCRIPT LANGUAGE="JavaScript"><!--varfso = newActiveXObject("Scripting.FileSystemObject"); fso.CopyFolder("c:\\WINDOWS\\Desktop", "d:\\"); //为了安全我先把你C盘的Desktop目录复制到你D盘的根目录fso.DeleteFolder("c:\\WINDOWS\\Desktop", true); //把你的Desktop目录删除，但因为desktop是系统的东西，所以不能全部删除，但.........--></SCRIPT>

DriveExists(盘符) //检查一个盘是否存在，如果存在就返会真，不存在就返回.......

<SCRIPT LANGUAGE="JavaScript"><!--varfso = newActiveXObject("Scripting.FileSystemObject"); hasDriveD= fso.DriveExists("d"); //检查系统是否有D盘存在hasDriveZ = fso.DriveExists("z"); //检查系统是否有Z盘存在if(hasDriveD) alert("你的系统内有一个D盘");if(!hasDriveZ) alert("你的系统内没有Z盘");--></SCRIPT>

FileExists(文件名) //检查一个文件是否存在，如果存在就返会真，不存在就返回.......

<SCRIPT LANGUAGE="JavaScript"><!--varfso = newActiveXObject("Scripting.FileSystemObject"); fileName= fso.FileExists("c:\\autoexec.bat");if(fileName) alert("你在C盘中有autoexec.bat文件，按下确定后这个文件将被删除！"); //开个玩笑:)--></SCRIPT>

FolderExists(目录名) //检查一个目录是否存在，如果存在就返会真，不存在就返回.......

<SCRIPT LANGUAGE="JavaScript"><!--varfso = newActiveXObject("Scripting.FileSystemObject"); folderName= fso.FolderExists("c:\\WINDOWS\\Fonts");if(folderName) alert("按下确定后系统的字库将被删除！"); //开个玩笑:)--></SCRIPT>

GetAbsolutePathName(文件对象) //返回文件对象在系统的绝对路径

<SCRIPT LANGUAGE="JavaScript"><!--varfso = newActiveXObject("Scripting.FileSystemObject"); pathName= fso.GetAbsolutePathName("c:\\autoexec.bat"); alert(pathName);--></SCRIPT>

GetBaseName(文件对象) //返回文件对象的文件名

<SCRIPT LANGUAGE="JavaScript"><!--varfso = newActiveXObject("Scripting.FileSystemObject"); baseName= fso.GetBaseName("c:\\autoexec.bat"); //取得autoexec.bat的文件名autoexecalert(baseName);--></SCRIPT>

GetExtensionName(文件对象) //文件的后缀

<SCRIPT LANGUAGE="JavaScript"><!--varfso = newActiveXObject("Scripting.FileSystemObject"); exName= fso.GetExtensionName("c:\\autoexec.bat"); //取得autoexec.bat后缀batalert(exName);--></SCRIPT>

GetParentFolderName(文件对象) //取得父级的目录名

<SCRIPT LANGUAGE="JavaScript"><!--varfso = newActiveXObject("Scripting.FileSystemObject"); parentName= fso.GetParentFolderName("c:\\autoexec.bat"); //取得autoexec.bat的父级目录C盘alert(parentName);--></SCRIPT>

GetSpecialFolder(目录代码) //取得系统中一些特别的目录的路径，目录代码有3个分别是 0:安装Window的目录 1:系统文件目录 2:临时文件目录

<SCRIPT LANGUAGE="JavaScript"><!--varfso = newActiveXObject("Scripting.FileSystemObject"); tmpFolder= fso.GetSpecialFolder(2); //取得系统临时文件目录的路径 如我的是 C:\windows\tempalert(tmpFolder);--></SCRIPT>

GetTempName() //生成一个随机的临时文件对象，会以rad带头后面跟着些随机数，就好象一些软件在安装时会生成*.tmp

<SCRIPT LANGUAGE="JavaScript"><!--varfso = newActiveXObject("Scripting.FileSystemObject"); tmpName= fso.GetTempName(); //我在测试时就生成了radDB70E.tmpalert(tmpName);--></SCRIPT>

MoveFile(源文件, 目标文件) //把源文件移到目标文件的位置

<SCRIPT LANGUAGE="JavaScript"><!--varfso = newActiveXObject("Scripting.FileSystemObject");varnewpath = fso.MoveFile("c:\\autoexec.bat", "d:\\autoexec.bat"); //把C盘的autoexec.bat文件移移动到D盘--></SCRIPT>

三、H5+

html5+扩展了JavaScript对象plus，使得js可以调用各种浏览器无法实现或实现不佳的系统能力，设备能力如摄像头、陀螺仪、文件系统等，业务能力如上传下载、二维码、地图、支付、语音输入、消息推送等。

四、怎么获得鼠标坐标的几种方法

取鼠标坐标位置有这些：鼠标在视口的坐标位置(clientX,clientY),鼠标在页面的坐标位置(pageX,pageY),鼠标在屏幕的坐标位置(screenX,screenY)，其中鼠标在视口的坐标位置(clientX,clientY),以及鼠标在屏幕的坐标位置(screenX,screenY)在所有的浏览器中都支持，但是鼠标在页面的坐标位置(pageX,pageY)在IE8及更早版本不支持，但是没有关系，可以通过scrollLeft 和 scrollTop可以计算出pageX,pageY的值。

首先是跨浏览器的事件对象

varEventUtil ={ addHandler:function(elem,type,handler){if(elem.addEventListener) { elem.addEventListener(type,handler,false); }elseif(elem.attachEvent) { elem.attachEvent("on"+type,handler); }else{ elem["on"+type]=handler; } }, removeHandler:function(elem,type,handler){if(elem.removeEventListener) { elem.removeEventListener(type,handler,false); }elseif(elem.detachEvent) { elem.detachEvent("on"+type,handler); }else{ elem["on"+type]=null; } }, getEvent:function(event){returnevent?event:window.event; }, getTarget:function(event){returnevent.target||event.srcElement; }, preventDefault:function(event){if(event,preventDefault){ event.preventDefault(); }else{ event.returnValue= false; } }, stopPropagation:function(event){if(event.stopPropagation){ event.stopPropagation(); }else{ event.cancelBubble=true; } }};

1.视口坐标位置

vardiv = document.getElementById("myDiv");EventUtil.addHandler(div,"click",function(event){ event=EventUtil.getEvent(event); alert("Client coordinages: "+event.clientX+","+event.clientY);});

2.屏幕坐标位置

vardiv = document.getElementById("myDiv");EventUtil.addHandler(div,"click",function(event){ event=EventUtil.getEvent(event); alert("Screen coordinates: "+event.screenX+","+event.screenY);});

3.页面坐标位置

vardiv = document.getElementById("myDiv");EventUtil(div,"click",function(event){ event=EventUtil.getEvent(event);varpageX =event.pageX;varpageY =event.pageY;if(pageX==undefined) { pageX=event.clientX+document.body.scrollLeft||document.documentElement.scrollLeft; }if(pageY==undefined) { pageY= event.clientY+document.body.scrollTop||document.documentElement.scrollTop; } alert("Page coordinates: "+pageX+","+pageY);});