‹‹ 上一主题 | 下一主题 ››
发新话题
打印

[原创]再发一个教案，vbScript教案，可能对当老师的和初级的有用

i3love

i3love

注册会员

Rank: 2

帖子
655 
积分
83 
技术分
11  
在线时间
5 小时 
注册时间
2003-12-23 
1# 大 中 小 发表于 2005-4-23 22:29  只看该作者

[原创]再发一个教案，vbScript教案，可能对当老师的和初级的有用

<FONT color=#ff0000>前几天发了一篇ＡＳＰ的教案，今天在次整理了一下vbScript教案，适合给当老师的做教案，和刚学网页语言的新手，高手就跳过吧。</FONT><FONT color=#1111ee>第一贴是教案，第二贴是一些代码的例子</FONT>
<br>
<FONT color=#1111ee></FONT>        
<br>
<FONT color=#000000>常用的html的标记</FONT>
<br>
<FONT color=#000000>第一节        基本结构标记</FONT>
<br>
<FONT color=#000000>1、        注释标记：<!--         --><BR>2、        开始与结束标记:<html></html><BR>3、头部标记：<head></head><BR>        作用：描述ＨＴＭＬ文档相关的信息内容，其内容不会在浏览器中显示<BR>　         网页标题：<title></title><BR>关键字：<META NAME="Keywords" C><BR>描述：<META NAME="Description" C><BR>4、主体标记：<body></body><BR>        作用：定义网页文本或图像<BR>        属性：bgcolor(背景颜色)、background(背景图像)、text(文本颜色)、<BR>                                         link(链接颜色，未点击状态)、<BR>                                         vlink(己使用链接颜色，己点击过的状态)、<BR>                                         alink(己被击中的链接，按下鼠标未松开时状态)</FONT>
<br>
<FONT color=#000000>第二节        文本格式标记</FONT>
<br>
<FONT color=#000000>１、标题文本<h1></h1><BR>        图标：H<BR>注：1号至6号，从大到小<BR>２、字体大小标记<font size=”7” color=”red”>目标文字</font><BR>        图标：F<BR>属性：size(大小：１至７／-1至-7)、color(颜色)<BR>注：默认文本大小与颜色<BR>３、段落标记<p></p>与换行标记<br><BR>        大间隔换行：<p>（<>代表一空行）<BR>        小间隔换行:<br>(须放在<></P>中)<BR>段落的对齐方式：<p align="center/right/left"></p> <BR>４、加粗标记<B></B><BR>                         斜体标记<I></I><BR>下划线标记<U></U><BR>5、水平分隔线标记<HR><BR>        属性：size（水平线粗细）、width（宽度）、align、color</FONT>
<br>
<FONT color=#000000>第三节 超链接标记</FONT>
<br>
<FONT color=#000000>1、        链接到本机另一网页 <A href=”路径/文件”>文字或图片</A><BR>2、        相对目录：当前文件与目标文件<BR>两者在同一目录下：href=”first.html”<BR>目标文件在当前目录的子目录下：href=”son/second.html”<BR>目标文件在当前目录的上层目录下：href=”../home/third.html”<BR>绝对目录：href=”d:/home/son/five.html”<BR>3、        链接到网络中的另一网页:<A href=http://www.sina.com.cn/index.htm>新浪网</A><BR>4、        链接到电子邮箱：<A href=mailto:qx@sina.com>写信给我</A><BR>5、        链接到页面某个书签（锚）<BR>书签：<A name=”n1”>锚点1</A><BR>链接：<A href=”target.html#n1>链接到锚点1</A><BR>6、目标框架属性<A href=”first.html” target=”_blank”>文字或图片</A><BR>                 注：＿blank(新窗口中打开)、_self(在本窗口打开)、<BR>7、附：<a href=”” title=”abc”>aaa</a></FONT>
<br>
<FONT color=#000000>第四节        图像标记<img></FONT>
<br>
<FONT color=#000000>1、标记：<IMG SRC="图像文件" WIDTH="宽度" HEIGHT="高度" BORDER=图像边框 ALT="提示文本"><BR>2、属性：width height border(边框宽度)、alt(提示文字)<BR>3、        链接：<A href=”first.html” target=”_blank”><img src=”a.jpg”></A></FONT>
<br>
<FONT color=#000000>第五节         表格标记</FONT>
<br>
<FONT color=#000000>1、<table></table><BR>                属性：bgcolor(背景色)、border(边框宽度)、cellspacing(格子之间的间隔大小)、cellpadding(格子边框与内容的间隔大小)，width,height<BR>2、行<tr></tr>,列<td></td><BR>行属性：align(水平对齐：right,left,center)、valign(垂直对齐:top,middle,bottom)、<BR>列属性：width、nowrap(格内内容禁止换行)、colspan(格子跨占列数)、rowspan（格子跨占行数）<BR>4、        表格头<th></th>(居中黑体文本)<BR>                注：替代<td>使用</FONT>
<br>
<FONT color=#000000>第六节         表单标记<form></form></FONT>
<br>
<FONT color=#000000>1、        作用：访问者填写信息，服务器获得用户信息，使网页具有交互功能<BR>2、        表单<form action=”处理网页.html” method=get name=”f1”></form><BR>属性：action(处理该表单的网页)、method(表单提交的方式：get与post)、name<BR>3、        get与post的区别：<BR>        <BR>        URL地址显示内容        传输内容的容量        传输方式                         <BR>get        显示提示内容        比较少        随网页传输                         <BR>post        不显示        容量较大        另行传输         <BR>4、        文本框：<INPUT TYPE="text" NAME="name"><BR>属性：name、value(显示的内容)、size(宽度)、maxlength(最大输入量)<BR>5、        提交按钮：<INPUT TYPE="submit"><BR>属性：name(多个按钮时使用)、value(按钮上显示的内容)<BR>6、重置：<INPUT TYPE="reset"><BR>        属性： value(按钮上显示的内容)<BR>7、密码框：<INPUT TYPE="password" name="pwd"><BR>属性：name、value(显示的内容)、size(宽度)、maxlength(最大输入量)<BR>8、隐藏框：<INPUT TYPE="hidden" name="h1" value="abc"><BR>        属性：name(必须) value (必须         )<BR>        说明：登录网页---校验密码页-----主页面( 中转作用 )<BR>9、单选按钮：<INPUT TYPE="radio" NAME="sex" value="man">男<BR>        属性：name(同组同名) value(必须) checked(己选)、unchecked(未选)<BR>10、复选按钮：<INPUT TYPE="checkbox" NAME="ch1" checked value="sports">体育<BR>        属性：name(同组不同名) value checked(己选)、unchecked(未选)<BR>11、多行文本框：<textarea name="ta"         cols="30" rows="3">请留言：</textarea><BR>        属性：cols(列数)、rows（行数）、name、文本框内容放在符号标记之间<BR>12、下拉框：<SELECT NAME="s1" size="1" multiple><BR><option value="general" selected>高中<BR><option value="college">大学<BR></SELECT><BR>        组成：<select name=”s1”></select>、<option>显示的选项内容</option><BR>        select属性：size(行数)、multiple(是否多选)<BR>option属性：selected(己选，显示在文本框中且呈灰色)、value(缺省值为选项内容)</FONT>
<br>
<FONT color=#000000>第七节 框架<FrameSet></FrameSet></FONT>
<br>
<FONT color=#000000>1、        介绍：框架网页本身没有内容(文字或图片)，对网页区域进行分隔，提供链接网页的平台<BR>2、        代码存放位置：</head>与<body>之间(注：不可存放在其它位置,放在<body></body>中是错误的)<BR>3、单层框架: <FRAMESET ROWS="20,80" COLS="," frameborder=”yes” border=”3”><BR>                        　　　<FRAME SRC="first.html" NAME="frmFirst"><BR>                        　　　<FRAME SRC="second.html" NAME="frmSecond"><BR></FRAMESET><BR>组成：<frameset ROWS="20,80" COLS=","></frameset>、<BR><FRAME SRC="first.html" NAME="frmFirst"><BR>frameset属性：rows行与cols列(rows为水平分隔，cols为垂直分隔，二择一，按百分比进行设置)、<BR>                                frameborder(是否显示分隔线,值为yes或no)、<BR>border(分隔线宽度)、framespacing(框架间间隔)<BR>        frame属性：src(目标网页)、name(子框架名)、noresize(不可调整)<BR>4、嵌套框架<BR><FRAMESET ROWS="20,80" COLS=","><BR>        <FRAME SRC="frmtop.html" NAME="topframe"><BR>        <FRAMESET ROWS="," COLS="15,85"><BR>                <FRAME SRC="frmleft.html" NAME="leftframe"><BR>                <FRAME SRC="frmmain.html" NAME="mainframe"><BR>        </FRAMESET><BR></FRAMESET><BR>用一个单层框架替代<frame><BR>6、        框架的超链接(指明target框架)<BR><A HREF="目标网页.html" target="子框架名">在指定的子框架中显示</A><BR><A HREF="目标网页.html" target="_parent">在父框架中显示</A><BR><A HREF="目标网页.html" target="_top">在顶层框架中显示</A><BR><A HREF="目标网页.html" target="_self">在本框架中显示</A></FONT>
<br>
<FONT color=#000000></FONT>        
<br>
<FONT color=#000000>作业：<BR>1、        建立作业文件夹，并拷贝一片图片（gif或jpg格式）<BR>2、        按每节要示（黑体标记）完成作业。<BR>3、        前四节作业：标题、标题文字、普通文字、段落、换行、网页链接、图片<BR>完成后的文件夹内容:一个作业网页、一个被链接网页、一个图片 <BR>4、        后三节作业：表格、表单、框架<BR>完成后的文件夹内容：一个框架网页（二个子框架），一个表单网页，一个表格网页。<BR> VBScript</FONT>
<br>
<FONT color=#000000>第一节        VBS导入<BR>一、        用　户<BR>客户机<BR>服务器<BR>单向信息流html<BR>单向信息流<BR>双向交互asp<BR>双向交互script<BR>导入</FONT>
<br>
<FONT color=#000000></FONT>        
<br>
<FONT color=#000000></FONT>        
<br>
<FONT color=#000000>1、静态网页标识语言(dreamweaver、frontpage),脚本语言(小程序：js,vbs)，<BR>动态网页程序语言(asp、jsp、php、cgi)<BR>2、        客户端与服务器间的信息传递（两个码头间的商船来往）<BR>HTML标记：把原来完整的货物拆成零件，<BR>并把装载方法的特殊指示贴在货物上。<BR>VBS程序：浏览器工人的助手VBScript运行之<BR>3、        vbs简介：简称VBS(脚本语言)，它是VB家族成员，在客户端运行，<BR>ASP(在服务端运行) <BR>4、        脚本语言实例<BR>二、主要知识点<BR>1、运用：嵌入到HTML文件中方可运行<BR>2、语法：<SCRIPT LANGUAGE="vbScript"><BR><!--<BR>window.alert("欢迎光临VBS俱乐部")<BR>document.write("这是在网页上显示文字的例子")<BR>//--><BR></SCRIPT><BR>说明：网页标记语言<SCRIPT LANGUAGE="vbScript"><SCRIPT><BR>注释标记<!--//-->，当浏览器不能运行脚本语言时忽略运行VBS语句<BR>window对象，即浏览器窗口；alert(“警告内容”)方法，警告框<BR>document对象，即浏览器窗口的文档显示区，write(“显示文本”)方法，<BR>在文档显示区显示文本内容<BR>a)        VBS脚本语言放置位置：<BR>运行的内容放置在<body></body>中的任何位置<BR>VBS自定义过程或自定义函数须放在<head></head>中<BR>b)        注释标记 “’”<BR>例：VBS导入.html<BR>第二节 对象 方法 属性 事件</FONT>
<br>
<FONT color=#000000>一、        基本概念<BR>1、        对象：VBS中的某一个具体物件<BR>如：按钮(button)，文本框，窗口(window) 文档(document) 表单(form)<BR>2、        对象的属性：对象的某种特征<BR>如：window.status(状态栏显示的内容)<BR>        　document.lastmodified(文档对象最后被编辑的日期)<BR>3、        对象的方法：对象的主动行为<BR>如：document.write(“文档显示内容”)<BR>        　window.close()(关闭窗口)<BR>                 window.alert(“警告内容”)(警告对话框)<BR>4、        对象的事件：对象响应某操作的被动行为(鼠标单击等)<BR>如：<button onclick=”alert(‘对象的事件’)”>按钮</button><BR>        　<BODY ><BR><button onclick=”location.href=’a.htm’”>按钮</button><BR>例：属性方法事件.html<BR>二、对象模型图:</FONT>
<br>
<FONT color=#000000>        Window<BR>（浏览器窗口对象）</FONT>
<br>
<BR><FONT color=#000000>History<BR>（访问过的网页）</FONT>
<br>
<FONT color=#000000>Document<BR>（文档对象）<BR>Location<BR>(网页地址对象）</FONT>
<br>
<FONT color=#000000>Links<BR>（链接对象）<BR>Form<BR>(表单对象)</FONT>
<br>
<FONT color=#000000>Text<BR>(文本框对象)<BR>Submit<BR>(提交按钮对象)</FONT>
<br>
<FONT color=#000000>Radio<BR>(单选按钮对象）</FONT>
<br>
<FONT color=#000000>        <BR>三、        对象详述<BR>1、        document对象(例：document对象.html)<BR>（1）        lastmodified属性（最后编辑日期）</FONT>
<br>
<FONT color=#000000>（2）        write方法（写文档内容）</FONT>
<br>
<FONT color=#000000>2、        window对象(例：window对象.html)<BR>（1）        status属性（状态栏显示内容）</FONT>
<br>
<FONT color=#000000>（2）        alert方法（警告框）<BR>功能：弹出警告框，仅提示警告信息<BR>警告内容须换行时，用chr(13) 或 vbcrlf<BR>如：alert(“第一行” & chr(13) & “第二行”)<BR>（3）        prompt方法（提示框）<BR>功能：弹出一个输入框，要求用户输入信息，有返回值<BR>语法：变量名=window.prompt(“提示信息”)<BR>返回值：按确定键时，用户输入的内容(类别为字符型)<BR>                按取消键时，返回一个null值<BR>（4）        confirm方法（确认框）<BR>功能：提示信息，等待你的判断,有返回值<BR>区别：confirm(有确定与取消按钮，有返回值)alert(只有确定按钮，无返回值)<BR>确认键：返回值为true<BR>取消键：返回值为false<BR>（5）        close方法（关闭窗口）</FONT>
<br>
<FONT color=#000000>（6）        open方法（打开窗口）</FONT>
<br>
<FONT color=#000000>例：加法运算.html<BR>3、        location对象(例：location对象.html)<BR>（1）        href属性（当前网页地址）</FONT>
<br>
<FONT color=#000000>4、        history对象(例：history对象.html)<BR>（1）        go方法（跳转到历史记录中的第几个URL）</FONT>
<br>
<FONT color=#000000>（2）        back方法（后退）</FONT>
<br>
<FONT color=#000000>（3）        forward方法（前进）</FONT>
<br>
<FONT color=#000000>具体运用：插入一条记录(提交到另一网页处理)，马上返回用history.back()<BR>                两个网页间自动跳转</FONT>
<br>
<FONT color=#000000>第三节　常量　变量　数组</FONT>
<br>
<FONT color=#000000>一、        常量(值不改变)<BR>1、        语法： Const 常量名=常量值<BR>2、        例：Const MySchool=”福建省侨兴轻工学校” (字符串型，用“”)<BR>         Const MyCount=456                                                                                                 (数值型)<BR>         Const MyDate=#2008-10-1#                 (日期型，用##)<BR>二、        变量<BR>1、        声明变量：dim 变量名<BR>                 dim 变量名1，变量名2，变量名3<BR>2、        变量类型：var(通用型)<BR>3、        赋值：变量名=常量值/另一变量<BR>三、        数组变量<BR>1、        数组声明 dim 数组名(维数) (下标从0开始)<BR>例：dim a(3)                 元素：a(0) a(1) a(2) a(3)<BR>2、        赋值：a(1)=3<BR>例：常量变量数组.html<BR>第四节 运算符 表达式 运算符优先级 </FONT>
<br>
<FONT color=#000000>1、        算术运算符及表达式<BR>         + - * /         mod         ^<BR>2、        连接运算符及表达式<BR>         + &<BR>3、        逻辑运算符及表达式<BR>        NOT AND OR<BR>4、        比较运算符<BR>< >= <= = <><BR>5、        运算符优先级<BR>括号>算术运算>字符串连接>比较运算>逻辑运算</FONT>
<br>
<FONT color=#000000>例子：运算符优先级.html</FONT>
<br>
<FONT color=#000000>第五节 选择语句</FONT>
<br>
<FONT color=#000000>一、        结构化程序设计方法：顺序结构、分支结构、循环结构<BR>分支结构（选择语句）：单分支、二分支、多分支<BR>二、选择语句<BR>1、        单分支语句：<BR>if 条件 then 语句<BR>2、        二分支语句：<BR>if 条件 then<BR>        语句块1<BR>else<BR>        语句块2<BR>end if<BR>3、        多分支语句：<BR>if 条件1 then<BR>        语句块1<BR>elseif 条件2　then<BR>        语句块2<BR>…..<BR>else<BR>        语句块n<BR>end if<BR>4、        case语句<BR>select case 变量1<BR>case 值1：语句1<BR>case 值2: 语句2<BR>……<BR>case else:语句n<BR>end select</FONT>
<br>
<FONT color=#000000>三、实例：if-else-end.html<BR>        </FONT>
<br>
<FONT color=#000000></FONT>        
<br>
<FONT color=#000000></FONT>        
<br>
<FONT color=#000000></FONT>        
<br>
<BR><FONT color=#000000>第六节 循环语句</FONT>
<br>
<FONT color=#000000>1、        do while型<BR>do while 条件<BR>        语句块<BR>loop<BR>例：上当了.html         网页炸弹.html<BR>2、        for…next型<BR>for i=初始值 to 终值 step 步长<BR>        语句块<BR>next                        ？注：”next”后不接”i”<BR>例：1－100之和.html(for型与do while型) </FONT>
<br>
<FONT color=#000000>第七节 VBS过程(sub与function)</FONT>
<br>
<FONT color=#000000>Ò»¡¢        Sub过程(完成某些操作)<BR>1、        语法：<BR>sub 过程名(参数列表)<BR>        　　语句块<BR>end sub<BR>2、        调用：call 过程名(参数列表)<BR>注：无参数列表时，括号可省略<BR>3、        无参数过程的实例：调换文本框内容.html<BR>4、        有参数过程的实例：求阶乘.html<BR>¶þ¡¢        Function函数(有返回值)<BR>1、系统函数 Hour(#2003-3-3 12:24:34#)<BR>2、语法：<BR>function 函数名(参数列表)<BR>        　　语句块<BR>        　　函数名=值<BR>end function<BR>3、        调用：用在赋值语句中：变量=函数名(参数列表)<BR>用在连接字符串：”现在几点：” & Hour(now)<BR>4、        实例：求阶乘(函数).html         华氏转摄氏.html<BR>5、        函数与过程的不同点：<BR>函数有返回值，过程中完成某些动作<BR>函数中必须有一语句：函数名=值</FONT>
<br>
<FONT color=#000000>第八节 VBS系统函数</FONT>
<br>
<FONT color=#000000>一、        日期类：<BR>1、        now():当前日期与时间<BR>2、        day(d):取d日期变量的日数<BR>3、        year(d): 取d日期变量的年份<BR>4、        month(d): 取d日期变量的月份<BR>5、        hour(d): 取d日期变量的小时数<BR>例子：今天几月几日.html<BR>二、        类型转化函数<BR>1、        字符串转数值：Cint(s)<BR>例：Cint类型转换.html<BR>2、        较验数值类型：IsNumeric(s)<BR>例：isNumeric.html<BR>三、        MsgBox(“提示内容”,vbokonly,”标题内容”)<BR>四、        InputBox(“提示内容” ,"InputBox标题","显示值")<BR>例：InputBox与MsgBox.html</FONT>
<br>
<FONT color=#000000>第九节 事件与事件过程</FONT>
<br>
<FONT color=#000000>一、        概念：<BR>事件：onblur(失去焦点)、onclick、onfocus(获得焦点)<BR>事件过程：<button onclick=”语句或调用过程”>按钮</button><BR>例：图像事件.html<BR>二、        VBS事件<BR>        <BR>事 件        触发事件                         适 用 对 象                         <BR>Onload        网页加载时        <body onload=”alert(‘网页下载’) ”>                         <BR>onUnload        卸载网页时        <body onUnload=”alert(‘网页下载’) ”>                         <BR>Onclick        单击鼠标时        文字、图片、按钮等大部分表单对象                         <BR>onFocus        获得焦点时        Text/textarea/password/select/button                         <BR>onBlur        失去焦点时        同上                         <BR>onChange        Value改变时        text/textarea/password/select                         <BR>onSelect        选中内容时        Text/textarea/password                         <BR>onSubmit        表单提交时        <form onsubmit=“return a()”>                         <BR>onMouseOver        移动到对象        所有网页元素、表单对象         </FONT>
<br>
<FONT color=#000000></FONT>        
<br>
<FONT color=#000000></FONT>        
<br>
<FONT color=#000000></FONT>        
<br>
<FONT color=#000000></FONT>        
<br>
<FONT color=#000000></FONT>        
<br>
<FONT color=#000000>注：单选框没有onChange事件，因为单选按钮的值保持不变<BR><form onsubmit=“return a()”>:当函数a()返回值为true时提交，<BR>                                　当函数a()返回值为false时不提交<BR>例：列表框跳转.html                 密码一致性较验.html<BR>三、        失去焦点事件：onBlue（相对于获得焦点事件onFocus）<BR>适用对象：text/textarea/select<BR>例：3－20.html<BR>四、        页面装载事件：onLoad(相对于卸载事件onUnload)<BR>例：3－21.html<BR>五、        单击事件：click<BR>适用对象：button/checkbox/radio/reset/submit/图片/文本/超链接<BR>例：<A href=# onclick=”alert(‘未完成链接’)”>娱乐新闻</a><BR>六、鼠标经过事件：onMouseover<BR><p onMouseover=”window.status=now” onclick=”window.status=””>a</p><BR>例：3－22.html</FONT>
<br>
<FONT color=#000000></FONT>        
<br>
<FONT color=#000000>作业：27个实例<BR></FONT>
<br>
<FONT color=#ff0000></FONT>

TOP

i3love

i3love

注册会员

Rank: 2

帖子
655 
积分
83 
技术分
11  
在线时间
5 小时 
注册时间
2003-12-23 
2# 大 中 小 发表于 2005-4-23 22:31  只看该作者
晕，表格复制不过来。就随便看了，，下面是代码的例子

主体标记：<body></body>
作用：定义网页文本或图像
属性：bgcolor(背景颜色)、background(背景图像)、text(文本颜色)、
link(链接颜色，未点击状态)、
vlink(己使用链接颜色，己点击过的状态)、
alink(己被击中的链接，按下鼠标未松开时状态
字体大小标记<font size=”7” color=”red”>目标文字</font>
段落的对齐方式：<p align="center/right/left"></p>
width（宽度）、<A href=”路径/文件”>文字或图片</A>
链接到页面某个书签（锚） 书签：<A name=”n1”>锚点1</A>
链接：<A href=”target.html#n1>链接到锚点1</A>
目标框架属性<A href=”first.html” target=”_blank”>文字或图片</A>
注：＿blank(新窗口中打开)、_self(在本窗口打开)、
7、附：<a href=”” title=”abc”>aaa</a>
1、标记：<IMG SRC="图像文件" WIDTH="宽度" HEIGHT="高度" BORDER=图像边框 ALT="提示文本">
2、属性：width height border(边框宽度)、alt(提示文字)
3、 链接：<A href=”first.html” target=”_blank”><img src=”a.jpg”></A>
1、<table></table>
属性：bgcolor(背景色)、border(边框宽度)、cellspacing(格子之间的间隔大小)、cellpadding(格子边框与内容的间隔大小)，width,height
2、行<tr></tr>,列<td></td>
行属性：align(水平对齐：right,left,center)、valign(垂直对齐:top,middle,bottom)、
列属性：width、nowrap(格内内容禁止换行)、colspan(格子跨占列数)、rowspan（格子跨占行数）
4、 表格头<th></th>(居中黑体文本)
注：替代<td>使用
2、 表单<form action=”处理网页.html” method=get name=”f1”></form>
属性：action(处理该表单的网页)、method(表单提交的方式：get与post)、name
4、 文本框：<INPUT TYPE="text" NAME="name">
属性：name、value(显示的内容)、size(宽度)、maxlength(最大输入量)
5、 提交按钮：<INPUT TYPE="submit">
属性：name(多个按钮时使用)、value(按钮上显示的内容)
6、重置：<INPUT TYPE="reset">
属性： value(按钮上显示的内容)
7、密码框：<INPUT TYPE="password" name="pwd">
属性：name、value(显示的内容)、size(宽度)、maxlength(最大输入量)
8、隐藏框：<INPUT TYPE="hidden" name="h1" value="abc">
属性：name(必须) value (必须 )
说明：登录网页---校验密码页-----主页面( 中转作用 )
9、单选按钮：<INPUT TYPE="radio" NAME="sex" value="man">男
属性：name(同组同名) value(必须) checked(己选)、unchecked(未选)
10、复选按钮：<INPUT TYPE="checkbox" NAME="ch1" checked value="sports">体育
属性：name(同组不同名) value checked(己选)、unchecked(未选)
11、多行文本框：<textarea name="ta" cols="30" rows="3">请留言：</textarea>
属性：cols(列数)、rows（行数）、name、文本框内容放在符号标记之间
12、下拉框：<SELECT NAME="s1" size="1" multiple>
<option value="general" selected>高中
<option value="college">大学</SELECT>
组成：<select name=”s1”></select>、<option>显示的选项内容</option>
select属性：size(行数)、multiple(是否多选)
option属性：selected(己选，显示在文本框中且呈灰色)、value(缺省值为选项内容)

2、 代码存放位置：</head>与<body>之间(注：不可存放在其它位置,放在<body></body>中是错误的)
3、单层框架: <FRAMESET ROWS="20,80" COLS="," frameborder=”yes” border=”3”>
　　　<FRAME SRC="first.html" NAME="frmFirst">
　　　<FRAME SRC="second.html" NAME="frmSecond"></FRAMESET>
组成：<frameset ROWS="20,80" COLS=","></frameset>、
<FRAME SRC="first.html" NAME="frmFirst">
frameset属性：rows行与cols列(rows为水平分隔，cols为垂直分隔，二择一，按百分比进行设置)、
frameborder(是否显示分隔线,值为yes或no)、border(分隔线宽度)、framespacing(框架间间隔)
frame属性：src(目标网页)、name(子框架名)、noresize(不可调整)
4、嵌套框架
<FRAMESET ROWS="20,80" COLS=",">
<FRAME SRC="frmtop.html" NAME="topframe">
<FRAMESET ROWS="," COLS="15,85">
<FRAME SRC="frmleft.html" NAME="leftframe">
<FRAME SRC="frmmain.html" NAME="mainframe">
</FRAMESET></FRAMESET>
用一个单层框架替代<frame>
6、 框架的超链接(指明target框架)
<A HREF="目标网页.html" target="子框架名">在指定的子框架中显示</A>
<A HREF="目标网页.html" target="_parent">在父框架中显示</A>
<A HREF="目标网页.html" target="_top">在顶层框架中显示</A>
<A HREF="目标网页.html" target="_self">在本框架中显示</A>

vbs
2、语法：<SCRIPT LANGUAGE="vbScript">
<!--
window.alert("欢迎光临VBS俱乐部")
document.write("这是在网页上显示文字的例子")
//-->
</SCRIPT>
window.close()(关闭窗口)
：<button onclick=”alert(‘对象的事件’)”>按钮</button>
　<BODY onload="alert(’boby对象的load事件’)">
<button onclick=”location.href=’a.htm’”>按钮</button>
1、 document对象(例：document对象.html)
（1） lastmodified属性（最后编辑日期）
（2） write方法（写文档内容）
2、 window对象(例：window对象.html)
（1） status属性（状态栏显示内容）
（2） alert方法（警告框）
功能：弹出警告框，仅提示警告信息
警告内容须换行时，用chr(13) 或 vbcrlf
如：alert(“第一行” & chr(13) & “第二行”)
（3） prompt方法（提示框）
功能：弹出一个输入框，要求用户输入信息，有返回值
语法：变量名=window.prompt(“提示信息”)
返回值：按确定键时，用户输入的内容(类别为字符型)按取消键时，返回一个null值
（4） confirm方法（确认框）
功能：提示信息，等待你的判断,有返回值
区别：confirm(有确定与取消按钮，有返回值)alert(只有确定按钮，无返回值)
确认键：返回值为true
取消键：返回值为false
（5） close方法（关闭窗口）
（6） open方法（打开窗口）
例：加法运算.html
3、 location对象(例：location对象.html)
（1） href属性（当前网页地址）
4、 history对象(例：history对象.html)
（1） go方法（跳转到历史记录中的第几个URL）
（2） back方法（后退）
（3） forward方法（前进）
具体运用：插入一条记录(提交到另一网页处理)，马上返回用history.back()
两个网页间自动跳转

1、 算术运算符及表达式
+ - * / mod ^
2、 连接运算符及表达式
+ &
3、 逻辑运算符及表达式
NOT AND OR
4、 比较运算符
< >= <= = <>
2、 二分支语句：
if 条件 then
语句块1
else
语句块2
end if
1、 do while型
do while 条件
语句块
loop
例：上当了.html 网页炸弹.html
2、 for…next型
for i=初始值 to 终值 step 步长
语句块
next ？注：”next”后不接”i”

一、 日期类：
1、 now():当前日期与时间
2、 day(d):取d日期变量的日数
3、 year(d): 取d日期变量的年份
4、 month(d): 取d日期变量的月份
5、 hour(d): 取d日期变量的小时数
例子：今天几月几日.html
二、 类型转化函数
1、 字符串转数值：Cint(s)
例：Cint类型转换.html
2、 较验数值类型：IsNumeric(s)
例：isNumeric.html
三、 MsgBox(“提示内容”,vbokonly,”标题内容”)
四、 InputBox(“提示内容” ,"InputBox标题","显示值")
一、 概念：
事件：onblur(失去焦点)、onclick、onfocus(获得焦点)
事件过程：<button onclick=”语句或调用过程”>按钮</button>
二、 VBS事件

事 件 触发事件 适 用 对 象
Onload 网页加载时 <body onload=”alert(‘网页下载’) ”>
onUnload 卸载网页时 <body onUnload=”alert(‘网页下载’) ”>
Onclick 单击鼠标时 文字、图片、按钮等大部分表单对象
onFocus 获得焦点时 Text/textarea/password/select/button
onBlur 失去焦点时 同上
onChange Value改变时 text/textarea/password/select
onSelect 选中内容时 Text/textarea/password
onSubmit 表单提交时 <form onsubmit=“return a()”>
onMouseOver 移动到对象 所有网页元素、表单对象
注：单选框没有onChange事件，因为单选按钮的值保持不变
<form onsubmit=“return a()”>:当函数a()返回值为true时提交，
　当函数a()返回值为false时不提交
五、 单击事件：click
适用对象：button/checkbox/radio/reset/submit/图片/文本/超链接
例：<A href=# onclick=”alert(‘未完成链接’)”>娱乐新闻</a>
六、鼠标经过事件：onMouseover
<p onMouseover=”window.status=now” onclick=”window.status=””>a</p>
代码例子
一、表单（两个文件）
<BODY>
请填写如下信息：<BR>
<FORM METHOD=get ACTION="goal.html" name="f1">
姓名：<INPUT TYPE="text" NAME="name" value="张三" size="6" maxlength="8"><BR>
性别：<INPUT TYPE="radio" NAME="sex" value="man" checked>男<INPUT TYPE="radio" NAME="sex" value="women">女<BR>
密码：<INPUT TYPE="password" name="pwd"><BR>
暗号：<INPUT TYPE="hidden" name="h1" value="abc"><BR>
爱好：<INPUT TYPE="checkbox" NAME="ch1" checked value="sports">体育<INPUT TYPE="checkbox" NAME="ch2" value="sports">音乐<BR>
留言：<textarea name="ta" cols="30" rows="3">请留言：</textarea><BR>
教育程度：
<SELECT NAME="s1" size="1" multiple>
<option value="大专" selected>大专
<option value="大本">大本
</SELECT>
提交1：<INPUT TYPE="submit" value="提交" name="s"><BR>
提交2：<INPUT TYPE="submit" value="退出" name="exit"><BR>
重置：<INPUT TYPE="reset" value="重写"><BR>
</FORM>
</BODY>
第二个文件是空的HTML文件，随便就可以
二、框架（三，四个文件）
</HEAD>
<FRAMESET ROWS="15,85" COLS=",">
<FRAME SRC="frmtop.html" NAME="frmtop">
<FRAMESET ROWS="," COLS="15,85">
<FRAME SRC="frmleft.html" NAME="frmleft">
<FRAME SRC="frmmain.html" NAME="frmmain">
</FRAMESET>
</FRAMESET>
<BODY></BODY>
vbs例子
一、最后编辑日期
<body>
<Script language="VBScript">
’这里使用了document对象的write方法来显示document对象的lastmodified属性
document.write("此文件最后更新于："&document.lastmodified)
</script>
</body>
二、输入出生日期写出几岁
<body>
<Script language="VBScript">
dim name,age
age=prompt("请输入你的出生年份：")
age=year(now)-age
document.write year(now)&"年你已经"&age&"岁了！"
</script></body>
三、求阶乘
<head>
<title>求阶乘</title>
<Script language="VBScript">
sub jc(x)
’计算阶乘，传入参数
dim result
result=1
for i=1 to x
result=result*i
next
document.write(x & "!=" & result)
end sub
</script>
</head>
<body>
<script language="VBSCRIPT">
’调用计算阶乘过程，传递参数
Call jc(5)
</script>
</body>
四、1-100之和
<BODY>
<SCRIPT LANGUAGE="vbScript">
<!--
’for型
dim sum
sum=0
for i=1 to 100 step 1
sum=sum+i
next
alert("for型:" & sum)

’do while型
dim j,sum2
j=1
sum2=0
do while j<=100
sum2=sum2+j
j=j+1
loop
alert("do while型:" & sum2)
//-->
</SCRIPT>
</BODY>
五、焦点
<title>blur事件</title>
<script language="VBSCRIPT">
function getname(s)
alert("失去焦点,"+s)
end function
function getname2(x)
alert("获得焦点,"+x)
end function
</script>
</head>
<body bgcolor=lavender>
<b><font color=#009900>您的姓名：</font></b>
<form method="get" >
<input name="xm" onblur="getname(xm.value)" onfocus="getname2(xm.value)">
</form>
</body>
六、load事件
<title>load和unload事件</title>
<script language="VBSCRIPT">
function loadit()
alert("欢迎光临！")
end function
</script>
</head>
<body bgcolor=lavender onload="loadit()" onunload="alert(’欢迎你再次光临！’)">
<a href="vbscript:window.close()">关闭窗口</a>
</body>
七、mouseover事件
<title>mouseover事件</title>
<script language="VBSCRIPT">
function dispstatus()
window.status="现在您的电脑时钟为：" & now
end function
function clearstatus()
window.status=""
end function
</script>
</head>
<body>
<p onmouseover="dispstatus()" onclick="clearstatus()">把鼠标移上来，即在状态栏上显示时间；单击即可清除状态栏文字</p>
<A HREF="" onclick="alert(’click’)">超链接</A>
</body>
八、加法运算
<BODY>
<SCRIPT LANGUAGE="vbScript">
<!--
dim a,b,c
a=Cint(prompt("请输入一个被加数：",""))
b=Cint(prompt("请输入一个被加数：",""))
c=a+b
alert(c)
//-->
</SCRIPT>
</BODY>
九、前进后退
<BODY>
<button onclick="history.go(1)">go</button><br>
<button onclick="history.back()">back</button><br>
<button onclick="history.forward()">forward</button><br>
</BODY>
十、登录密码
<TITLE> 选择语句 </TITLE>
<SCRIPT LANGUAGE="vbScript">
<!--
sub inform()
’二分支语句
dim age
age=prompt("请输入你的年龄：","")
if age<30 then
document.write("同志，你才" & age & "岁，年轻有为，前途无量！")
else
document.write("同志，你已经" & age & "岁了，岁月不等人啊！")
end if
’多分支语句
dim hours
hours=Hour(now)
if hours < 12 then
document.write("早上好!")
elseif hours < 19 then
document.write("下午好!")
else
document.write("晚上好!")
end if
’case语句
dim grade,amount
grade=prompt("请输入你的获奖等级","")
select case grade
case 1:amount=10000
case 2:amount=5000
case 3:amount=2000
case else: amount=0
end select
document.write ("<br>你的获奖金额为:" & amount)
end sub
//-->
</SCRIPT>
</HEAD>
<BODY>
<p align="center"><IMG SRC="title.gif" WIDTH="368" HEIGHT="80" BORDER=0 ALT="" ></p>
<SCRIPT LANGUAGE="vbScript">
<!--
dim pwd
pwd=prompt("请输入登录密码：","")
’单分支语句
if pwd="123" then call inform()
//-->
</SCRIPT>
<br>执行结束。
</BODY>
十一、无题
<BODY>
<SCRIPT LANGUAGE="vbScript">
<!--
dim a
a=Inputbox("请输入一个字符","InputBox标题","显示值")
Msgbox "你输入的字符是" & a,vbokonly,"Msgbox标题"
//-->
</SCRIPT>
十二、是否是数字
<BODY>
<SCRIPT LANGUAGE="vbScript">
<!--
dim a
a=prompt("请输入一个数值","")
if IsNumeric(a)=true then
alert("是数字")
else
alert("不是数字")
end if
//-->
</SCRIPT>
</BODY>
十三、无题
<BODY>
<button onclick="location.href=’vbs导入.html’">location对象</button>
</BODY>
十四、WINDOW对象
<BODY>
window对象的alert方法/prompt/confirm<br>
<SCRIPT LANGUAGE="vbScript">
<!--
’window.alert("第一行" & vbcrlf & "第二行")
dim a
a=window.prompt("请输入你的外号","吓胖子")
document.write("你的外号是：" & a)
dim b
b=window.confirm("要继续输入你的其它外号吗")
if b=true then
dim c
c=window.prompt("请输入你的外号","吓胖子2")
else
document.write("谢谢你的合作")
end if
//-->
</SCRIPT>
window对象的colse方法与open方法<br>
<button onclick="window.close()">关闭本窗口</button>
<button onclick="window.open(’document对象.html’)">打开新窗口</button>
</BODY>
十五、调换文本框的内容
<SCRIPT LANGUAGE="vbScript">
<!--
sub firstSub()
dim s1,s2
s1=f1.n1.value
s2=f1.n2.value
f1.n1.value=s2
f1.n2.value=s1
end sub
//-->
</SCRIPT>
</HEAD>
<BODY>
<FORM METHOD=POST ACTION="" name="f1">
甲姓名：<INPUT TYPE="text" NAME="n1"><BR>
乙姓名：<INPUT TYPE="text" NAME="n2"><BR>
<INPUT TYPE="button" onclick="firstSub()" value="调换文本框内容"><BR>
</FORM>
</BODY>
十六、华氏转摄氏
<SCRIPT LANGUAGE="vbScript">
<!--
’过程 输入华氏温度 警示摄氏温度
Sub ConvertTemp()
dim temp
temp = prompt("请输入华氏温度。","")
alert( "温度为 " & Celsius(temp) & " 摄氏度。")
End Sub
’函数：传入华氏温度，求得相应的摄氏温度
Function Celsius(fDegrees)
Celsius = (fDegrees - 32) * 5 / 9
End Function
//-->
</SCRIPT>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="vbScript">
<!--
call ConvertTemp()
//-->
</SCRIPT>
</BODY>
十七、加法运算
<TITLE> New Document </TITLE>
<SCRIPT LANGUAGE="vbScript">
<!--
sub add()
alert("1+1=?")
dim sum
sum=prompt("1+1=?")
dim result
if sum=2 then
result=confirm("棒极了!，是否继续？")
else
result=confirm("不要泄气，是否继续？")
end if
if result=true then
alert("1+2=?")
else
alert("谢谢你的参与，欢迎再光临。")
end if
end sub
//-->
</SCRIPT>
</HEAD>
<BODY>
<button onclick="call add()">开始运算</button>
</BODY>
十八、今天是几月几日
<BODY>
<SCRIPT LANGUAGE="vbScript">
<!--
document.write("今天是" & Month(now) & "月" & Day(now) & "日")
//-->
</SCRIPT>
</BODY>
十九、列表框跳转
<SCRIPT LANGUAGE="vbScript">
<!--
sub a()
alert f1.s1.value
window.open f1.s1.value,"K"
end sub
//-->
</SCRIPT>
</HEAD>
<BODY>
<FORM METHOD=POST ACTION="" name="f1">
<select name="s1" onchange="a()">
<option value="http://www.163.com" >163</option>
<option value="http://www.sina.com.cn" >sina</option>
</select>
</FORM>
</BODY>
二十、密码较验
<script language="javascript">
<!--
function check( i,j)
{
if (i==j)
{
return true;
}
else
{
alert ("密码不符！")
f1.pwd1.value="";
f1.pwd2.value="";
return false;
}
}
-->
</script>
</HEAD>
<body>
<FORM METHOD=POST ACTION="b.html" name="f1" onsubmit="return check(pwd1.value,pwd2.value)">
密码1：<INPUT TYPE="text" NAME="pwd1"><BR>
密码2：<INPUT TYPE="text" NAME="pwd2"><BR>
<INPUT TYPE="submit">
</FORM>
</BODY>
二十一、随机数
<script language="JavaScript">
function getRandom()
{
now=new Date();
string=now.getTime();
string=""+string;
len=string.length;
random=string.substring(len-2,len-1);
document.form1.randomtext.value=random;
}
</script>
</head>
<body bgcolor="#FFFFFF">
<form name="form1" >
<input type="button" name="button1" value="按此按钮产生随机数" onClick="getRandom()">
<input type="text" name="randomtext" size="5">
</form>
</body>
二十二、早上好
<TITLE> New Document </TITLE>
<script language="vbscript">
<!--
sub greet(h)
if h<=12 and h>6 then
document.write("good morning")
elseif h>12 and h<=18 then
document.write("good afternoon")
elseif h>18 and h<=24 then
document.write("good night")
elseif h>0 and h<=6 then
document.write("good")
end if
end sub
-->
</script>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="vbScript">
<!--
dim todate
todate=now()
’document.write(todate)
h=Hour(todate)
’document.write(h)
call greet(h)
//-->
</SCRIPT>
</BODY>
二十三、检验输入数字
<SCRIPT language=VBScript>
<!--
Sub Submit_OnClick
Dim TheForm
Set TheForm = Document.ValidForm
If IsNumeric(TheForm.Text1.Value) Then
If TheForm.Text1.Value < 1 Or TheForm.Text1.Value > 10 Then
MsgBox "请输入一个 1 到 10 之间的数字。"
Else
MsgBox "谢谢。"
End If Else
MsgBox "请输入一个数字。"
End If
End Sub
-->
</SCRIPT>
</HEAD>
<BODY>
<FONT face=宋体 size=2>
<H3>简单验证</H3>
<HR noShade SIZE=1>
<FORM name=ValidForm action="">

请输入一个 1 到 10 之间的数字：

<INPUT size=2 name=Text1>

<INPUT type=button value=提交 name=Submit>
</FORM>
<HR noShade SIZE=1>
</FONT>
</BODY>

TOP

i3love

i3love

注册会员

Rank: 2

帖子
655 
积分
83 
技术分
11  
在线时间
5 小时 
注册时间
2003-12-23 
3# 大 中 小 发表于 2005-4-26 06:22  只看该作者
每次在这里发的贴，都没人顶……………………心寒呀 [em05][em05][em05][em05][em05][em05][em05][em05][em05][em05][em05][em05]

TOP

mythl

mythl

游客(注册未发帖)

Rank: 1

帖子
2 
积分
0 
技术分
0  
在线时间
0 小时 
注册时间
2004-10-22 
4# 大 中 小 发表于 2007-12-20 10:02  只看该作者
这样的贴 ，乱七BA糟的，谁愿意顶啊？ 我帮你从05年转到08年去吧。 。 。

TOP

Sam_appleseed

注册会员

Rank: 2

帖子
293 
积分
57 
技术分
2  
来自
月球背面 
在线时间
249 小时 
注册时间
2007-9-29 
5# 大 中 小 发表于 2007-12-20 12:13  只看该作者
我帮你顶，这里人气本来就不足........
我擦一擦嘴巴，不留下一颗饭粒~

TOP

okfacai

新手上路

Rank: 1

帖子
7 
积分
2 
技术分
1  
在线时间
5 小时 
注册时间
2008-1-1 
6# 大 中 小 发表于 2008-1-4 09:13  只看该作者

好

好。。。。。。。。。。。。。。。
谢谢了

TOP

yousuosi21

游客(注册未发帖)

Rank: 1

帖子
1 
积分
0 
技术分
0  
在线时间
0 小时 
注册时间
2008-3-21 
7# 大 中 小 发表于 2008-3-21 21:22  只看该作者
很好，楼主辛苦了

TOP

‹‹ 上一主题 | 下一主题 ››
发新话题