📄 part3_15.cfm
字号:
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb_2312-80">
<META NAME="Generator" CONTENT="Microsoft Word 97">
<TITLE>脚本大纲（Script Outline Window）</TITLE>
</HEAD>
<BODY>
<B><FONT FACE="楷体_GB2312" LANG="ZH-CN" SIZE=5><P ALIGN="JUSTIFY">脚本大纲（Script Outline Window）</P>
</B></FONT><FONT SIZE=3><P ALIGN="JUSTIFY"> Visual InterDev</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>提供了一个工具叫作脚本大纲来帮助你建立事件处理函数。本节将逐步教你运用这一工具。</P>
</FONT><B><FONT FACE="楷体_GB2312" LANG="ZH-CN" SIZE=4><P ALIGN="JUSTIFY">建立一个新页</P>
</B></FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3><P ALIGN="JUSTIFY">按照上一章中介绍的方法建立一个新的</FONT><FONT SIZE=3>HTML</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>文件，将你的鼠标放在网页编辑器中点击右键，从弹出式菜单中选择</FONT><FONT SIZE=3>Properties</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>命令，将出现如图</FONT><FONT SIZE=3>3-6</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>所示的对话框。它允许你为服务器端和客户端脚本选择缺省的语言，选择</FONT><FONT SIZE=3>VBScript</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>并按</FONT><FONT SIZE=3>OK</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>。</P>
</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=2><P ALIGN="CENTER"></P>
<P ALIGN="CENTER"><IMG SRC="Image168.gif" WIDTH=401 HEIGHT=295></P>
<P ALIGN="CENTER"></P>
</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3><P ALIGN="CENTER">图</FONT><FONT SIZE=3>3-6</P>
</FONT><B><FONT FACE="楷体_GB2312" LANG="ZH-CN" SIZE=4><P ALIGN="JUSTIFY">查看脚本大纲窗口</P>
</B></FONT><FONT SIZE=3><P ALIGN="JUSTIFY"> </FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>从网页编辑器中选择</FONT><FONT SIZE=3>Source</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>标签，然后从菜单中选择</FONT><FONT SIZE=3>View | Windows | Script Outline Window</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>项来显示脚本大纲窗口，如图</FONT><FONT SIZE=3>3-7</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>所示，你可以看到此窗口中图形化地显示了所有的对象，事件和脚本，并且已存在一个</FONT><FONT SIZE=3>Window</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>和</FONT><FONT SIZE=3>Document</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>对象。</P>
</FONT><B><FONT FACE="楷体_GB2312" LANG="ZH-CN"><P ALIGN="JUSTIFY">注意：</B></FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>必须在网页编辑器中选择</FONT><FONT SIZE=3>Source</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>标签后才会在脚本大纲窗口看到这些。</P>
</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=2><P ALIGN="CENTER"></P>
<P ALIGN="CENTER"><IMG SRC="Image169.gif" WIDTH=207 HEIGHT=218></P>
<P ALIGN="CENTER"></P>
</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3><P ALIGN="CENTER">图</FONT><FONT SIZE=3>3-7</P>
</FONT><B><FONT FACE="楷体_GB2312" LANG="ZH-CN" SIZE=4><P ALIGN="JUSTIFY">在网页中加入元素</P>
</B></FONT><FONT SIZE=3><P ALIGN="JUSTIFY"> </FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>在网页编辑器中选择</FONT><FONT SIZE=3>Design</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>标签，在网页中加入一个文本框和一个按钮（用鼠标从工具箱中拖动）。此时再查看脚本大纲窗口，可以看到其中加入了两个名为</FONT><FONT SIZE=3>button1</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>和</FONT><FONT SIZE=3>text1</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>的对象。</P>
</FONT><B><FONT FACE="楷体_GB2312" LANG="ZH-CN" SIZE=4><P ALIGN="JUSTIFY">建立事件处理函数</P>
</B></FONT><FONT SIZE=3><P ALIGN="JUSTIFY"> </FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>在脚本大纲窗口中双击</FONT><FONT SIZE=3>button1</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>对象，将展开其所有事件的列表，用鼠标双击名为</FONT><FONT SIZE=3>onclick</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>的项，你可以看到在</FONT><FONT SIZE=3>Source</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>标签中自动地建立了此事件处理函数的框架。在此函数中输入下面的语句来完成</FONT><FONT SIZE=3>buttonl-onclick</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>函数。</P>
</FONT><FONT SIZE=3><P ALIGN="JUSTIFY"> text1.value=</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>“</FONT><FONT SIZE=3>Button clicked</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>”</P>
<P ALIGN="JUSTIFY">在输入脚本代码时，可以用</FONT><FONT SIZE=3>CTRL+J</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>呼出智能输入器，它可以方便你的输入工作。此时再查看脚本大纲窗口，则如图</FONT><FONT SIZE=3>3-8</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>所示。</P>
</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=2><P ALIGN="CENTER"><IMG SRC="Image170.gif" WIDTH=207 HEIGHT=226></P>
<P ALIGN="CENTER"></P>
</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3><P ALIGN="CENTER">图</FONT><FONT SIZE=3>3-8</P>
</FONT><B><FONT FACE="楷体_GB2312" LANG="ZH-CN" SIZE=4><P ALIGN="JUSTIFY">测试网页</P>
</B></FONT><FONT SIZE=3><P ALIGN="JUSTIFY"> </FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>从网页编辑器中选择</FONT><FONT SIZE=3>Quick View</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>标签，可看到屏幕上显示一个按钮和一空文本框，点击按钮。此文本框中就会出现“</FONT><FONT SIZE=3>Button clicked</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>”。</P>
<P ALIGN="JUSTIFY"></P></FONT><p>
<p>
<font color="red">此手册未经本公司允许,不得擅自转载、转贴、篡改。违者将追究其法律责任。</font>
</BODY>
</HTML>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -