JavaScript高级应用：文件操作篇
Javascript是网页制作中离不开的脚本语言，依靠它，一个网页的内容才生动活泼、富有朝气。但也许你还没有发现并应用它的一些更高级的功能吧？比如，对文件和文件夹进行读、写和删除，就象在VB、 VC等高级语言中经常做的工作一样。怎么样，你是否需要了解这方面的知识？那就请跟我来，本文将详细描述如何使用Javascript语言进行文件操作。
一、功能实现核心：FileSystemObject 对象
其实，要在Javascript中实现文件操作功能，主要就是依靠FileSystemobject对象。在详细介绍FileSystemobject对象的各个属性和方法的使用细节前，先来看看这个对象包括哪些相关对象和集合：
二、FileSystemObject编程三部曲
使用FileSystemObject 对象进行编程很简单，一般要经过如下的步骤：创建FileSystemObject 对象、应用相关方法、访问对象相关属性。
（一）创建FileSystemObject对象
创建FileSystemObject对象的代码只要1行：
var fso = new ActiveXObject("Scripting.FileSystemObject");
上述代码执行后，fso就成为一个FileSystemObject对象实例。
（二）应用相关方法
创建对象实例后，就可以使用对象的相关方法了。比如，使用CreateTextFile方法创建一个文本文件：
//只能是IE下
var fso = new ActiveXObject("Scripting.FileSystemObject");
var f1 = fso.createTextFile("c:\\myjstest.txt",true);
（三）访问对象相关属性
要访问对象的相关属性，首先要建立指向对象的句柄，这就要通过get系列方法实现：GetDrive 负责获取驱动器信息，GetFolder负责获取文件夹信息，GetFile负责获取文件信息。比如，指向
下面的代码后，f1就成为指向文件c:\test.txt的句柄：
var fso = new ActiveXObject("Scripting.FileSystemObject");
var f1 = fso.GetFile("c:\\myjstest.txt");
然后，使用f1访问对象的相关属性。比如：
var fso = new ActiveXObject("Scripting.FileSystemObject");
var f1 = fso.GetFile("c:\\myjstest.txt");
alert("File last modified: " + f1.DateLastModified);
执行上面最后一句后，将显示c:\myjstest.txt的最后修改日期属性值。
但有一点请注意：对于使用create方法建立的对象，就不必再使用get方法获取对象句柄了，这时直接使用create方法建立的句柄名称就可以：
var fso = new ActiveXObject("Scripting.FileSystemObject");
var f1 = fso.createtextfile("c:\\myjstest.txt",true");
alert("File last modified: " + f1.DateLastModified);
三、操作驱动器（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的卷标、总容量和可用空间等信息：
var fso, drv, s ="";
fso = new ActiveXObject("Scripting.FileSystemObject");
drv = fso.GetDrive(fso.GetDriveName("c:\\"));
s += "Drive C:" + " - ";
s += drv.VolumeName + "\n";
s += "Total Space: " + drv.TotalSize / 1024;
s += " Kb" + "\n";
s += "Free Space: " + drv.FreeSpace / 1024;
s += " Kb" + "\n";
alert(s);
执行后出现下面的信息框：
四、操作文件夹（Folders）
涉及到文件夹的操作包括创建、移动、删除以及获取相关属性。
（一） Folder对象的相关属性和方法列表
（二）Folder对象操作例程
下面的例程将练习获取父文件夹名称、创建文件夹、删除文件夹、判断是否为根目录等操作：var fso, fldr, s = "";
// 创建FileSystemObject对象实例
fso = new ActiveXObject("Scripting.FileSystemObject");
// 获取Drive 对象
fldr = fso.GetFolder("c:\\");
// 显示父目录名称
alert("Parent folder name is: " + fldr + "\n");
// 显示所在drive名称
alert("Contained on drive " + fldr.Drive + "\n");
// 判断是否为根目录
if (fldr.IsRootFolder)
alert("This is the root folder.");
else
alert("This folder isn't a root folder.");
alert("\n\n");
// 创建新文件夹
fso.CreateFolder ("C:\\Bogus");
alert("Created folder C:\\Bogus" + "\n");
// 显示文件夹基础名称，不包含路径名
alert("Basename = " + fso.GetBaseName("c:\\bogus") + "\n");
// 删除创建的文件夹
fso.DeleteFolder ("C:\\Bogus");
alert("Deleted folder C:\\Bogus" + "\n");
五、操作文件（Files）
对文件进行的操作要比以上介绍的驱动器（Drive）和文件夹（Folder）操作复杂些，基本上分为以下两个类别：对文件的创建、拷贝、移动、删除操作和对文件内容的创建、添加、删除和读取操作。下面分别详细介绍。
（一）创建文件
一共有3种方法可用于创建一个空文本文件，这种文件有时候也叫做文本流（text stream）。
第一种是使用CreateTextFile方法。代码如下：
var fso, f1;
fso = new ActiveXObject("Scripting.FileSystemObject");
f1 = fso.CreateTextFile("c:\\testfile.txt", true);
第二种是使用OpenTextFile方法，并添加上ForWriting属性，ForWriting的值为2。代码如下：var fso, ts;
var ForWriting= 2;
fso = new ActiveXObject("Scripting.FileSystemObject");
ts = fso.OpenTextFile("c:\\test.txt", ForWriting, true);
第三种是使用OpenAsTextStream方法，同样要设置好ForWriting属性。代码如下：
var fso, f1, ts;
var ForWriting = 2;
fso = new ActiveXObject("Scripting.FileSystemObject");
fso.CreateTextFile ("c:\\test1.txt");
f1 = fso.GetFile("c:\\test1.txt");
填写数据要使用到TextStream对象的Write、WriteLine或者WriteBlankLines方法。在同是实现写入数据的功能下，这3 者的区别在于：Write方法不在写入数据末尾添加新换行符，WriteLine 方法要在最后添加一个新换行符，而WriteBlankLines则增加一个或者多个空行。
打开文件可使用FileSystemObject对象的OpenTextFile方法，或者使用File对象的OpenAsTextStream方法。
当文件被创建后，一般要按照“打开文件－>填写数据－>关闭文件”的步骤实现添加数据到文件的目的。
（二）添加数据到文件
ts = f1.OpenAsTextStream(ForWriting, true);
关闭文件可使用TextStream对象的Close方法。
（三）创建文件及添加数据例程
下面的代码将创建文件、添加数据、关闭文件几个步骤结合起来进行应用：
var fso, tf;
fso = new ActiveXObject("Scripting.FileSystemObject");
tf = fso.CreateTextFile("c:\\testfile.txt", true);
// 填写数据，并增加换行符
tf.WriteLine("Testing 1, 2, 3.") ;
// 增加3个空行
tf.WriteBlankLines(3) ;
// 填写一行，不带换行符
tf.Write ("This is a test.");
// 关闭文件
tf.Close();
（四）读取文件内容
从文本文件中读取数据要使用TextStream对象的Read、ReadLine或ReadAll 方法。Read方法用于读取文件中指定数量的字符；ReadLine方法读取一整行，但不包括换行符；ReadAll方法则读取文本文件的整个内容。读取的内容存放于字符串变量中，用于显示、分析。在使用Read或ReadLine 方法读取文件内容时，如果要跳过一些部分，就要用到Skip或 SkipLine方法。
下面的代码演示打开文件、填写数据，然后读取数据：
var fso, f1, ts, s;
var ForReading = 1;
fso = new ActiveXObject("Scripting.FileSystemObject");
// 创建文件
f1 = fso.CreateTextFile("c:\\testfile.txt", true);
// 填写一行数据
f1.WriteLine("Hello World");
f1.WriteBlankLines(1);
// 关闭文件
f1.Close();
// 打开文件
ts = fso.OpenTextFile("c:\\testfile.txt", ForReading);
// 读取文件一行内容到字符串
s = ts.ReadLine();
// 显示字符串信息
alert("File contents = '" + s + "'");
// 关闭文件
ts.Close();
（五）移动、拷贝和删除文件
对于以上三种文件操作，Javascript各有两种对应的方法：File.Move 或FileSystemObject.MoveFile用于移动文件；File.Copy 或 FileSystemObject.CopyFile用于拷贝文件；File.Delete 或 FileSystemObject.DeleteFile用于删除文件。
下面的代码演示在驱动器C的根目录下创建一个文本文件，填写一些内容，然后将文件移动到\tmp 目录下，再在目录\temp下面建立一个文件拷贝，最后删除这两个目录的文件：
var fso, f1, f2, s;
fso = new ActiveXObject("Scripting.FileSystemObject");
f1 = fso.CreateTextFile("c:\\testfile.txt", true);
// 写一行
// 获取C:\根目录下的文件句柄
f1.Close();
f1.Write("This is a test.");
f2 = fso.GetFile("c:\\testfile.txt");
// 移动文件到\tmp目录下
f2.Move ("c:\\tmp\\testfile.txt");
// 拷贝文件到\temp目录下
f2.Copy ("c:\\temp\\testfile.txt");
// 获取文件句柄
f2 = fso.GetFile("c:\\tmp\\testfile.txt");
f3 = fso.GetFile("c:\\temp\\testfile.txt");
// 删除文件
f2.Delete();
f3.Delete();
六、结语
通过以上对FileSystemObject的各种对象、属性和方法的介绍和示例，相信你已经对如何使用JavaScript语言在页面中操作驱动器、文件和文件夹有了清晰的认识。但是上述提及的例程都非常简单，要全面、灵活地掌握JavaScript文件操作技术，还需要大量的实践练习。而且还有一点提醒大家，由于涉及到在浏览器中进行文件读写这样的高级操作，对于默认的浏览器安全级别而言，在代码运行前都会有一个信息提示，这点请在实际环境中提示访问者注意。
第 1 章 JavaScript 语言入门 1 为什么学习 JavaScript
提要：Javascript 是学习脚本语言的首选。她兼容性好，绝大多数浏览器均支持 Javascript，而且她功能强大，实现简单方便，入门简单，即使是程序设计新手也可以非常 快速容易地使用 JavaScript 进行简单的编程。
Javascript 是由 Netscape 公司创造的一种脚本语言。为便于推广，被定为 javascript，但 是 javascript 与 java 是两门不相干的语言， 作用也不一样。 作为一门独立的编程语言， javascript 可以做很多的事情，但它最主流的应用还是在 Web 上——创建动态网页(即网页特效)。 Javascript 在网络上应用广泛， 几乎所有的动态网页里都能找到它的身影。 目前流行的 AJAX 也是依赖于 Javascript 而存在的。 Javascript 与 Jscript 也不是一门相同的语言， Jscript 和 vbscript 是微软开发的两种脚本语 言，微软，Netscape 公司以及其他语言开发商为减少 web 开发者的兼容麻烦，所以成立 ECMA ， 该组 织 专 门制定 脚 本 语 言的 标 准 和规范 。 ECMA 制 定 的标 准脚 本 语 言 叫做 ECMAScript，Javascript 符合 ECMA 的标准，其实 Javascript 也可以叫做 ECMAScript. Jscript 也 ECMA 的标准， 但用户较少。vbscript 仅局限在微软的用户， Netscape 不支持。 概括地说，JavaScript 就是一种基于对象和事件驱动，并具有安全性能的脚本语言，脚 本语言简单理解就是在客户端的浏览器就可以互动响应处理程序的语言， 而不需要服务器的 处理和响应，当然 JavaScript 也可以做到与服务器的交互响应，而且功能也很强大。而相对 的服务器语言像 asp https://www.doczj.com/doc/ad17881084.html, php jsp 等需要将命令上传服务器，由服务器处理后回传处理结 果。对象和事件是 JavaScript 的两个核心。 JavaScript 可以被嵌入到 HTML 文件中，不需要经过 Web 服务器就可以对用户操作作 出响应，使网页更好地与用户交互；在利用客户端个人电脑性能资源的同时，适当减小服务 器端的压力，并减少用户等待时间。
2 将 JavaScript 插入网页的方法
与在网页中插入 CSS 的方式相似，使用
language="javascript"表示使用 JavaScript 脚本语言，脚本语言还有 vbscript、 jsscript 等，如果没有 language 属性，表示默认使用 JavaScript 脚本。其中的...就是代 码的内容。例如：
java 文件流操作 2010-05-08 20:17:23| 分类：java SE | 标签：|字号大中小订阅 java中多种方式读文件 一、多种方式读文件内容。 1、按字节读取文件内容InputStream 读取的是字节 2、按字符读取文件内容InputStreamReader 读取的是字符 3、按行读取文件内容BufferredReader 可以读取行 4、随机读取文件内容 import java.io.BufferedReader; import java.io.File; import java.io.FileInputStream; import java.io.FileReader; import java.io.IOException; import java.io.InputStream; import java.io.InputStreamReader; import java.io.RandomAccessFile; import java.io.Reader; public class ReadFromFile { /** * 以字节为单位读取文件，常用于读二进制文件，如图片、声音、影像等文件。* @param fileName 文件的名 */ public static void readFileByBytes(String fileName){ File file = new File(fileName); InputStream in = null; try { System.out.println("以字节为单位读取文件内容，一次读一个字节："); // 一次读一个字节 in = new FileInputStream(file); int tempbyte; while((tempbyte=in.read()) != -1){ System.out.write(tempbyte); } in.close(); } catch (IOException e) { e.printStackTrace(); return; } try { System.out.println("以字节为单位读取文件内容，一次读多个字节："); //一次读多个字节
《文件与文件夹的基本操作》教学内容《文件与文件夹的基本操作》 教学目的 1、了解建立文件夹的意义，渗透归类整理的组织管理思想； 2、学会新建（更名）文件夹及文件的复制、移动、删除、更名等操作，形成一定的操作技能，提高学生的信息素养； 3、在自主、合作学习氛围中培养学生的成就感、增强自信心，提高学习能力。 教学重难点文件夹的建立和文件夹的重命名 文件或文件夹的基本操作（剪贴、复制、移动、删除） 教学准备多媒体教学机房文件及文件夹素材 教学方法任务驱动法、讲授法 教学时间1课时 教学过程 教学环节教师活动学生活动 导入新课、创设学习氛围 1、展示教师机电脑中的文件夹，提问：为什 么要这样将文件分类夹起来？ 2、揭示课题，提出学习任务 回答教师提 出的问题，产生学 生动机。 任务驱动，共同学习任务一：建立自己的文件夹 1、老师通过大屏幕，展示任务内容。 2、了解学生情况，以便进行针对性的加以指 导。 3、学生通过上机操作进行自主或合作学习。 教师通过电子教室监控学生操作，并提出合 理建议进行指导，鼓励先完成的学生对其它学生 进行指导。 通过自主学 习，同学间开展互 助学习共同解决 问题，并上机操 作。
任务驱动，共同学习任务二：文件的移动、复制、更名、删除 1、展示任务内容。 2、了解学生情况，以便进行针对性的加以指 导。 3、学生自主或合作学习，并上机操作。 教师通过电子教室监控学生操作，并提出合 理建议进行指导，鼓励先完成的学生对本小组的 其它学生进行指导。 4、讨论移动文件与复制文件的区别。 通过自主学 习或小组同学间 开展互助学习共 同解决问题，并上 机操作。 任务三：练兵场 1、教师通过电子教室远程启动该软件，讲解 清楚使用方法。告知学生每完成一个任务即可看 到笑话、漫画、动画等。 2、教师通过电子教室监控学生操作情况，适 时加以指导 学生进行自 我挑战，享受成功 的喜悦。 课堂小结 教师与学生对本课涉及的操作进行小结，告 诉学生今后在使用电脑的过程中，要利用这些操 作，将电脑中文件进行归类管理，便于自己查找 使用。 评选“最佳个人” 与教师一道 进行小结，明确归 类管理文件的意 义 学生评选出 表现最突出的个 人 知识拓展 教师向学生提供几个Internet网站，让学生 去寻找文件与文件夹操作的其它方法。 或同学之间交流文件与文件夹操作的其他方 法 学生上网杳 找学习或同学间 互相交流 课后反思
Javascript简介 (2) Javascript简介 (2) 简单的Javascript入门示例 (4) 编写Javascript 代码 (5) 语句(Statements) (5) 语句块(Blocks) (6) 注释(Comments) (7) 表达式(Expressions) (8) 赋值和等于(Assignments and Equality) (9) Javascript常用运算符(Operators) (10) 算术运算符 (10) 逻辑运算符 (11) 赋值运算符 (12) Javascript 循环语句(Javascript Loop Statements) (12) 使用for 循环语句 (13) 使用for...in 循环语句 . (15) 使用while 和do...while 循环语句 (17) 使用break 和continue 语句 (20) Javascript写在哪里 (23) Javascript在
之间 (23)Javascript在
之间 (24) Javascript放在外部文件里 (25) Javascript变量(Javascript Variables) (26) 什么是变量？ (26) 变量的声明(Declaring Variables) (26) 变量的命名规则 (27) Javascript条件语句(Javascript Conditional Statements) (27) 单项条件结构(if条件语句) (28) 双向条件结构(if...else条件语句) (29) 多项条件结构(switch条件语句) (31) Javascript保留字(Javascript Reserved Words) (32) Javascript未来保留字(Javascript Future Reserved Words) (33) Javascript简介 Javascript简介clearerr（清除文件流的错误旗标） 相关函数feof 表头文件#include
JavaScript制作页面特效课后练习 1．在某页面中有一个图片和五个超链接，如下图所示，单击不同的数字超链接显示不同的 图片： 图1 图片幻灯片显示效果 提示： （1）默认显示一个图片，五个超链接调用同一个传参函数，参数设置为显示图片的名称。 （2）使用“对象名.属性值”或setAttribute()的方式改变图片的名称。 2．做一个模仿删除用户的页面，功能如下： 默认情况下，在一个Table 里面放置若干用户信息，后面有“删除”链接：
图2 模仿删除用户的页面效果1 点击“删除”链接，弹出对话框，提示用户是否继续操作： 图3 模仿删除用户的页面效果2 用户点击确定后，要删除的一行，自动加上删除线，表示处于删除状态： 图4 模仿删除用户的页面效果3 提示： （1）使用confirm 弹出确认框，如果用户点击“确定”，则返回true，进行下一步操作； （2）定义一个类样式，用来标识删除状态，如果用户点击了“确定”按钮之后，该行所对 应的tr 标签，自动应用该类样式。 3．做一个横向导航菜单，并且每一项均包含一个二级的菜单，效果图如下：
图5 横向导航菜单 当鼠标不在菜单上时，二级菜单不显示，当鼠标移动到任一项上时，显示该项对应的二级菜 单。 提示： （1）使用对象的display 属性可以控制对象的显示与隐藏； （2）使用相对定位/绝对定位来控制二级菜单的显示位置； （3）使用鼠标的两个事件（onmouseove/onmouseout）来触发控制函数。 4．做一个横向不间断滚动的特效，效果图如下：
图6 图片横向滚动特效 要求：图片始终横向向左滚动，并且每一张图片首尾相连，不存在间断。 提示： （1）若要使图片不间断，则需要将图片列表重复一次，这样第一遍的末尾图片和第二遍的 开始图片就能相连了，即使用innerHTML 属性让图片内容翻倍；（2）使用setInterval()方法，可以控制一个函数每隔多少毫秒执行一次； （3）使用绝对定位与相对定位结合，可以使图片所在的层相对于父层的位置可控，方便随 着计时器的执行，left 的值递减；
什么是流？流有什么用？面向对象语言为什么需要流？哪些场合需要流？ 答：流是指一组有顺序、有起点和终点地字节集合，是对数据传输地总称或抽象（也就是数据在两个对象之间地传输称为流）.个人收集整理勿做商业用途 流地作用就是使数据传输操作独立于相关设备. 在面向对象地程序设计中，数据地传输和流动具有广泛性，可以在内存与外部设备之间传输，还可以从内存到内存，甚至可以从一台计算机通过网络流向另一台计算机等，故面向对象语言采用流机制.个人收集整理勿做商业用途 在标准输入输出、在文件地读写等操作中都需要流. 提供了哪些流类？各种流类之间地关系是怎样地？什么场合需要使用什么流类？ 答：中按照流地方向性，流分为输入流和输出流两大类.按照流中元素地基本类型，流分为字节流和字符流两大类.字节流类按照流地方向分为字节输入流类和字节输出流类，字符流类方向性分为字符输入流类和字符输出流类.以及文件操作类，随机存取文件类.个人收集整理勿做商业用途 其中类是所有字节输入流地根类，类是所有字节输出流地根类；类是所有字符输入流地根类，类是所有字符输出流地根类.个人收集整理勿做商业用途 操作系统中文件和目录概念是怎么样地？提供了哪些对文件和目录操作地类？程序中对文件和目录能够进行哪些操作？如何操作？个人收集整理勿做商业用途 答：文件是信息地一种组织形式，是存储在外部存储介质上地具有标识名地一组相关地信息集合.目录是文件系统组织和管理文件地基本单位，保存它所管理地每个文件地基本属性信息（称为文件目录项或文件控制块）.个人收集整理勿做商业用途 直接对文件地顺序存取和随机存取操作，提供了类记载文件属性信息，对文件读写操作时以流地形式.类以随机存取方式进行文件读写操作.但在对文件操作过程中还需要使用文件过滤器接口和文件对话框类.在操作系统中，目录也是以文件地形式保存地，称为目录文件.故一个对象也可以表示一个目录.个人收集整理勿做商业用途 可以对文件进行读、写、删除、创建等操作，对目录可以读取、创建、删除等操作.应用程序通过调用操作系统提供地系统调用能够对文件及目录进行各种操作.个人收集整理勿做商业用途 再打开、保存、复制文件时，需要读写文件中地数据内容，这些操作由流实现，不同类型地文件需要使用不同地流泪.个人收集整理勿做商业用途 流与文件操作有什么关系？实际应用中将流类与文件操作结合起来能够实现哪些复杂问题？如何实现？个人收集整理勿做商业用途 答：对文件地操作时通过流这个工具进行地.再打开、保存、复制文件时，需要读写文件中地数据内容，这些操作由流实现，不同类型地文件需要使用不同地流泪.个人收集整理勿做商业用途 什么是输入输出?什么是标准输入输出？怎样实现标准输入输出功能？ 答：数据由外部设备流向内存，这个过程称为输入；数据有内存流向外部设备，这个过程称为输出. 在计算机系统中，标准输入是从键盘等外部输入设备中获得数据，标准输出是向显示器或打印机等外部输出设备发送数据.个人收集整理勿做商业用途 在类中声明了个常量、和用于实现标准输入输出功能.个人收集整理勿做商业用途除了标准输入输出及文件操作之外，还有那些应用中需要使用流？ 答：在面向对象地程序设计中，数据地传输和流动具有广泛性，不仅可以在内存与外部设备之间传输，还可以从内存流向内存，甚至可以从一台计算机通过网络流向另一台计算机，因此各种不同地数据源地传输都需要采取不同地流机制来实现.个人收集整理勿做商业用途
《JavaScript项目式实例教程》课程标准 课程编号：02104 课程类型：非核心课程、一体化课程学时：72 适用对象：软件与信息服务专业二年级学生编制者：屹峰审核者： 编制日期： 2014-07-05 一、课程的性质1、课程定位 《JavaScript项目式实例教程》课程是计算机软件与信息服务专业的一门重要的专业课，定位于WEB技术开发工作岗位。它是WEB前端技术开发的必备课程，在整个课程体系中具有重要的作用。本课程的前导课程：静态网页设计、DIV+CSS布局。后续课程：网页美工、PHP 动态网页设计、C#程序设计与应用等。 2、课程任务 《JavaScript项目式实例教程》课程课程任务是培养网页设计、网页美工以及WEB综合开发的初、中级专业人才，通过本课程的学习，学生能掌握JavaScript语言的基本编程思想，并能熟练利用JavaScript控制WEB页面各级元素，实现WEB前端的验证、动态展示等任务。 二、职业活动 通过本课程的学习，使学生形成一定的学习能力、沟通与团队的协作能力，形成良好的思考问题、分析问题和解决问题的能力，养成良好的职业素养。遵守国家关于软件与信息技术的相关法律法规，形成关键性的软件开发与应用的能力。最终成为具备较全面的软件开发与信息服务的技术人才。 该课程涉及的知识是Web应用程序或前端开发人员必备的基本技能，职业活动与课程容的对应关系如下： Web前端开发岗位职业能力教学容（理实一体化课）模块化设计思想任务模块化（第1章）程序设计基本流程判断、循环结构（第2、3章）与基本对象的交互设计事件（第4章）事件高级应用（第8章）操作浏览器窗口窗口对象（第5章）操作Document 文档对象（第6章）操作DOM DOM对象（第7章）动画基础运动基础（第9章） 三、教学目标1、职业关键能力目标 （1）掌握JavaScript语言的基本语法及常用的置函数（2）掌握事件以及事件的触发机制（3）掌握BOM对象的常用属性和方法《JavaScript项目式实例教程》课程标准 3 （4）掌握文档对象的常用属性和方法（5）掌握Cookie对象的使用方法 （6）掌握DOM的概念以及利用DOM操作文档节点的方法（7）掌握事件流和事件绑定（8）掌握利用JavaScript设计缓冲运动的原理和方法2、职业专门能力目标 （1）通过完成相关的项目，掌握JavaScript语言的语法结构。 （2）通过完成相关的项目，掌握JavaScript各种置对象的使用方法和应用情境。 （3）通过完成相关的项目，寻找发现问题途径，学会解决问题的方法3、方法能力目标形成一定的学习能力、沟通与团队的协作能力，形成良好的思考问题、分析问题和解决问题的能力，养成良好的职业素养。遵守国家关于软件与信息技术的相关法律法规，形成关键性的软件开发与应用的能力。 四、课程容1、预备知识
IO流 ◆FileStream ◆说明：FileStream是针对文件中的字符进行读取/写入 ●FileStream是对系统上的文件进行读，写，打开，关闭等操作。 ●并对其他与文件相关的操作系统提供句柄操作。如管道，标准输入和标准输出。 ●读写操作可以指定为同步或异步操作。 ●FileStream对输入输出进行缓冲，从而提高性能。 FileStream.Seek()的该流读取/写入的当前位置设置为给定值： ●FileStream对象支持使用Seek方法对文件进行随机访问。 ●Seek允许将读取/写入位置移动到文件中的任意位置。这是通过字节偏移参考点参数完成。 ●字节偏移量是相对于查找参考点而言的，该参考点可以是基础文件的开始、当前位置或结尾，分别由SeekOrigin类 的三个属性表示。 FileStream.Flush()的清除该流的所有缓冲区： ●FileStream会自动缓冲数据，通过Flush()能够强制输出缓冲区中的数据。 ●FileStream和其他流都会占用不在.net管理范围的资源，因此FileStream在使用完成之后应该调用Dispose()方 法或者通过using关键字调用。 ●Dispose()方法会调用Close()方法，Close()方法会调用Flush()方法。 FileStream枚举，用于指定操作系统打开文件的方式： ?以下红色加粗字体为重要经常使用 公共属性： CanRead当前流是否支持读取。 CanSeek当前流是否支持查找。 CanWrite当前流是否支持写入。 CanTimeeout当前流是否可以超时。 IsAsync指示FileStream是异步还是同步打开的。 Length 指示字节表示的流长度。 Name FileStream的名称 PoSition此流的当前位置。 Handle 获取当前 FileStream 对象所封装文件的操作系统文件句柄。 SafeFileHandle该对象表示当前 FileStream 对象封装的文件的操作系统文件句柄。 ReadTimeout该值指示尝试读取多长时间后超时。 WriteTimeout该值确定流在超时前尝试写入多长时间。 公共方法：
《HTML+CSS+JavaScript网页制作案例教程》课程教学大纲 （课程英文名称） 课程编号：201509210011 学分：5学分 学时：64学时（其中：讲课学时：45 上机学时： 19 ） 先修课程：计算机基础、计算机网络、计算机应用 后续课程：UI设计、 JavaScript网页特效 适用专业：信息及其计算机相关专业 开课部门：计算机系 一、课程的性质与目标 《HTML+CSS+JavaScript网页制作案例教程)》是面向计算机相关专业的一门专业基础课，涉及网页基础、HTML标记、CSS样式、网页布局、JavaScript 编程基础与事件处理等内容。通过本课程的学习，学生能够了解HTML、CSS及JavaScript语言的发展历史及未来方向，熟悉网页制作流程、掌握常见的网页布局效果、学会制作各种企业、门户、电商类网站。 二、课程的主要内容及基本要求 第一章网页那点事（2学时） [知识点] 认识网页 常见的互联网专业术语 Web标准 HTML简介 CSS简介 JavaScript简介 常用浏览器介绍 Dreamweaver 工具的使用
使用Dreamweaver创建第一个页面 [重点] Web标准 Dreamweaver工具的使用 [难点] Web标准 Dreamweaver工具创建第一个页面 [基本要求] 了解Web标准，明确HTML、CSS及JavaScript在其中的作用。 熟悉Dreamweaver工具的基本操作，能使用Dreamweaver创建简单的网页。第二章从零开始构建HTML页面（4学时） [相关案例] 【案例1】简单的网页： 【案例2】新闻页面： 【案例3】图文混排： [知识点] HTML文档基本格式
操作流程说明文档内部编号：（YUUT-TBBY-MMUT-URRUY-UOOY-DBUYI-0128）
操作流程说明文档 1.下载阅卷软件方式，注意：此方法只能在学校电脑使用。 打开IE 进入后右键点击这个位置，选中目标另存为。如图操作。 然后保存在任意地方即可。 2.下载完后，找到刚刚下载文件所保存的目录地址，双击这个程序，打开阅卷软件。 3.打开后会弹出一个框，要求输入：服务器地址，用户名称，用户密码。 服务器地址必须是： 模拟试用的用户名称和密码在中可以下载。 4. 点击确定后会提示是否修改密码， 修改就在旧密码中输入“123”，新密码自行设置。 不修改就点放弃即可。 5.提交后进入批卷界面。如图示 6.开始阅卷， 进入阅卷页面后，屏幕中间位置显示的是学生的答题情况，请老师根据答题的错对程序相应给分，分数输入到右侧的“评分位置”（如上图） 评分后点击提交即是批完一份卷子，当老师点击提交后，系统会自动下载下一份学生试卷，老师则继续评分即可。
7.阅卷老师操作菜单中（左上角位置），如果上一份卷的分数给错，点了提交，可以点上一份回去重新评分。如果看不清可以点击放大。 8.阅卷常用操作讲解。 出现非本题试题有关图片（提交图像异常）自动0分点提交 是本题但答案写错位置（提交答错位置）自动0分点提交 答题超出规定范围（提交答题过界）自动0分点提交 （系统自动处理好后重新分发出来） 优秀答题标记（提交优秀试卷）给分后提交 典型解答方式标记（提交典型试卷）给分后提交 糟糕试卷标记（提交糟糕试卷）给分后提交 9. 试题批注。 应用如下：↓ 10.当提示“给你分配的试卷已经批阅完毕”， 请点击左上角的“退出”按钮（如图），退出系统，完成阅卷。 如果要继续批其他题目，请点击“注销“按钮，就会回到登陆窗口，输入其他题目的账号密码，继续批阅试卷。 以下是外网下载方式 方法2：（下面网址可以下载帮助文档，软件，账号） 1.首先打开IE 2.然后在地址栏输入：后点回车键，也可直接在此WORD文档中按住CTRL键点击链接。
《网页设计与制作项目教程（）（一般）》试卷 得分 一、单选题（每题2分，共计30分） 1．关于<>标记的描述，下列选项中正确的是（）。（） A、是表格中的单元格标记 B、可以单独使用 C、是表格中的行标记 D、没有属性 2．若超链接的属性，需要链接到页面中的锚点，以下书写正确的是（）（） A、 B、 C、 D、 3．中，通过链接伪类可以实现不同的链接状态。下列用来定义未访问时超链接状态的是（）（）A、 B、 C、 D、4．下列有关样式，说法正确的是（）。（） A、样式必须写在一对;标签内部 B、用于设置页面中的文本内容、图片的外形以及版面的布局等外观显示样式 C、只有外部的文件才是符合结构与表现分离的特点 D、目前流行的版本为3 5．下列样式代码中，可以实现相对定位模式的是（）。（） A、: ; B、: ; C、: ; D、: ; 6．关于样式代码“{:200; :15; :20;}”下列说法正确的是（）。（） A、的总宽度为200 B、的总宽度为270 C、的总宽度为235 D、以上说法均错误 7．关于行内式引入样式表，以下书写正确的是（）（） A、 :12; ;段落文本; B、 :12, ;段落文本; C、 :12; ;段落文本; D、 :12; ;段落文本; 8．使用标签指定式选择器，让段落应用名为的类，下列写法正确的是( )（） 总分题号一二三四五题分 得分
A、 {;} B、{;} C、{;} D、{;} 9．下列选项中，调用名为"" 的函数正确的是（）（） A、 B、() C、() D、 10．认真阅读下面代码，并按要求进行作答。1=" a "2=" "312;根据上述代码，3的运算结果是（）（） A、 B、 C、 D、 11．关于有序列表的描述，下列说法正确的是（）（） A、有序列表没有排列顺序 B、有序列表按顺序排列，并不带有序号 C、有序列表按顺序排列并通过属性定义序号样式 D、有序列表不可以和无序列表嵌套使用 12．若要在网页中插入样式表，以下用法中正确的是（）（） A、; B、; C、; D、; 13．下列选项中，用于删除当前节点的子节点的方法是（）（） A、() B、() C、() D、() 14．以下属性中，不能增加盒子尺寸的属性是（）。（） A、 B、 C、 D、 15．网页程序设计中，运行下面的代码，则对话框中将显示（）。< ""> 3 2 (2)(z);<>（） A、2 B、2.5 C、5 D、16 得分 二、多选题（每题3分，共计15分）
高级网页设计与制作 Advanced Web Design and Implementation 一、课程编号： 二、课程类别： 三、课程性质：选修课 四、学时： 48（讲课学时：24 实验学时：上机学时：24 课外学时：） 五、学分： 3 六、先修课程要求：无 七、适用专业：计算机相关专业 八、适用年级、学期：二年级第1学期 九、课程目的及任务： 本课程是面向计算机相关专业学生开设的一门专业选修课程，培养学生WEB 开发中的前端界面设计能力，为后续课程的学习奠定基础。 本课程的主要任务是介绍利用Dreamweaver开发工具进行网页设计，包括如何在网页上显示文字、图片、表格、表单等；利用CSS技术对网页上内容进行排版，并设置相关格式；利用JavaScript技术对网页内容进行操作，实现一些动态效果。目的是通过本课程的学习，培养学生的实际动手能力和计算机的操作能力，能够运用所学的知识进行网页设计。 十、课程内容及基本要求（重点、难点、知识掌握程度及考核要求）： 第1部分 HTML 第 1 章 HTML 概述 第 2 章 HTML 文本与图像 第 3 章 HTML 列表 第 4 章 HTML 表格 第 5 章 HTML 表单 第 6 章 HTML 5 要求：掌握HTML文档的结果，掌握标签、属性等的使用；掌握在页面上输出文字、段落，设置字体；掌握有序列表、无序列表的使用，能制作简单导航栏；掌握图片、背景与颜色的使用；掌握链接的使用，能使用超链接下载文件；掌握使用表格来表示数据和布局，用CSS对表格进行美化；掌握使用表单来与用户交互。第2部分 CSS语法基础 第 7 章 CSS 基础 第 8 章 CSS 盒子模型 第 9 章 CSS 字体与文本 第 10 章 CSS 列表与表格 第 11 章 CSS 定位 要求：掌握CSS的基本语法，掌握伪类与伪元素的使用；掌握CSS属性的使用，重点掌握定位、边距、填充属性。
网上客服培训考核 －－－阶段二HTML标签和JavaScript脚本 试题类型：HTML标签和JavaScript脚本 考核类型：开卷
1. HTML（Hypertext Markup Language超文本标记语言）是一种用来制作超文本文 档的简单标记语言。利用各种标记（tags）来标识文档的结构以及标识超链（Hyperlink）的信息 2.HTML的标记总是封装在由 < 和 > 构成的一对尖括号之中。 除少数几个转义序列之外，HTML标记忽略大小写，即
1，导入文本数据（QueryTables） ‘110419.xls Sub daorwb() ' 2008-4-19 Columns("a:g").ClearContents ‘文本文件名放在[y2]单元格，两文件在同一个文件夹 With ActiveSheet.QueryTables.Add(Connection:= _ "TEXT;" & ThisWorkbook.Path & "\" & [y2], Destination:=Range("A1")) .FieldNames = True .PreserveFormatting = True .RefreshStyle = xlInsertDeleteCells .SaveData = True .AdjustColumnWidth = False .TextFilePromptOnRefresh = False .TextFilePlatform = 936 .TextFileStartRow = 1 .TextFileParseType = xlFixedWidth .TextFileTextQualifier = xlTextQualifierDoubleQuote .TextFileTabDelimiter = True .TextFileColumnDataTypes = Array(2, 1, 1, 1, 1, 1, 1) .TextFileFixedColumnWidths = Array(1, 1, 1, 1, 1, 1) .TextFileTrailingMinusNumbers = True .Refresh BackgroundQuery:=False End With End Sub 2，从文本文件中复制部分数据（OpenText方法） ‘https://www.doczj.com/doc/ad17881084.html,/dispbbs.asp?BoardID=92&ID=28958&replyID=&skin=1 Sub Macro1() ' 2007-10-18 （自编宏之四） '从文本文件中复制部分数据 ‘Book1017.xls+test1017.txt Application.DisplayAlerts = False Dim Myflnm$ Myflnm = ThisWorkbook.Path & "\test1017.txt" Workbooks.OpenText Filename:=Myflnm, Origin _
Java IO流和文件操作Java流操作有关的类或接口： Java流类图结构：
1、File类 File类是对文件系统中文件以及文件夹进行封装的对象，可以通过对象的思想来操作文件和文件夹。 File类保存文件或目录的各种元数据信息，包括文件名、文件长度、最后修改时间、是否可读、获取当前文件的路径名，判断指定文件是否存在、获得当前目录中的文件列表，创建、删除文件和目录等方法。 构造方法摘要 File(File parent, String child) File(String pathname) File(String parent, String child) 构造函数 创建方法 1.boolean createNewFile() 不存在返回true 存在返回false 2.boolean mkdir() 创建目录 3.boolean mkdirs() 创建多级目录 删除方法 1.boolean delete() 2.boolean deleteOnExit() 文件使用完成后删除 例子1：列出指定文件夹的文件或文件夹 public class FileDemo1 { public static void main(String[] args){ File[] files =File.listRoots(); for(File file:files){
System.out.println(file); if(file.length()>0){ String[] filenames =file.list(); for(String filename:filenames){ System.out.println(filename); } } } } } 例子2：文件过滤 import java.io.File; public class FileTest2 { public static void main(String[] args) { File file = new File("file"); String[] names = file.list(); for(String name : names) { if(name.endsWith(".java")) { System.out.println(name); }
一. 创建文件 （1）最常用的（获得一个固定路径下的文件对象） File parentFile = new File(“D:\\My Documents\\.....”);//参数是一个路径的字符串。 （2）在父目录创建一个名为child的文件对象，child 为文件对象的名字 File chileFile= new File(“D:\\My Documents\\.....”,String child); 或File chileFile= new File(parentFile,String child); 二,常见文件夹属性和方法 （1）createNewFile（）； 该方法的作用是创建指定的文件。该方法只能用于创建文件，不能用于创建文 件夹，且文件路径中包含的文件夹必须存在 File file=new ("D:\\My Document\\text.txt"); file.createNewFile(); 这样就会在D盘下的My Document 创建text.txt的记事本（注意：首先得保 证D盘下有My Documen这个文件夹） （2）mkdir(); 根据File对象的名字(路径)创建一个目录(文件夹)，如果是相对目录，则新建的目
录在当前目录下 （3）mkdirs(); 如果File对象名字有多级目录，则可以调用该方法一次性创建多级目录。 （4）exists(); 判断File对象指向的文件是否存在，返回一个boolean类型（5）isDirectory（）； 判断File对象指向的文件是否为目录，返回一个boolean类型的值，true或者false。 （6）getName();获得文件名称（不带路径） （7）length（）； 得到File对象指向文件的长度，以字节计算，返回一个长整形的值(long);注意：在 系统中，文件夹(目录)的大小为零，也就是不占用空间，使用length()时返回的是0 （8）delete（）; 删除File对象所指定的文件 （9）isFile（）； 判断File对象指向的文件是不是标准文件（就像图片，音乐文件等） 三,文件的属性和方法 1.File.separator 当前操作系统的名称分隔符，等于字符串“\”.
关于JavaScript的学习总结 通过对《JavaScript DOM编程艺术》这本书的学习，总共学习到三大部分的内容：JavaScript1,JavaScript DOM和CSS样式表。CSS和JavaScript 都是通过控制页面标签的方式，来完善页面，使页面更美观，内容更丰富。 一、JavaScript部分 1．关于JavaScript js脚本语言 JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。 2．JS变量 2.1 JS的变量为易变量，没有类型的限制可以等于所有的类型。 2.2 JS变量的命名规则和java相同，且区分大小写。 JS的数据类型有7种：Number 数字类型、String 字符串类型、Boolean 布尔类型、Array 数组类型、Object 对象、Null 空对象、Undefined 未定义。 2.3 变量的声明，直接用var关键字声明即可：var a=90。也可以一次性声明多个变量：var b=1,c=2,d=3。如果一个变量没有声明就使
用，或是声明了没有设置值都是undefined。 3．数据类型的定义 数值类型: var age=33; 字符串类型: var mood=”happy” 布尔值类型: var add=true; 数组类型: var list= Array(2) list[0]=”jhon”; list[1]=33; 或者: var list=Array(“jhon”,33) (注:数组内可定义任意类型的数据,且数组下标从0 开始) NULL类型: var name=null ;或name=””; Undefined类型: var person; 对象类型: var jer= new person; 对象类型是一种非常重要的数据类型.对象是自我包含的数据集合,包含在对象里的数据可以通过两种方式--属性(property)和方法(method) 访问 例如: person.age Math.round() 4．JS操作符 算数操作符:加法(+),减法(-),乘法(*),除法(/) 如: var num=1+1; var num=num-1; var num=num*num; var num=num/2;