文档介绍:长春理工大学光电信息学院
《Javascript程序设计》
实验指导书
孙颖馨编写
信息工程分院计算机实验中心
实验一
实验目的:掌握在在IE中调试JavaScript的方法和步骤。学会使用Microsoft脚本编辑器。
实验要求:启动Microsoft脚本编辑器,在HTML文档中插入<SCRIPT>块,查看Microsoft脚本编辑器的帮助系统。
实验内容:
在IE中调试JavaScript之前,首先需要将IE的“禁用脚本调试”选项取消,具体的方法是在lE菜单中选择“工具→选项”,选项对话框中选择“高级”选项页,找到“禁用脚本调试( Explorer)”选项,将其取消,如图1-1所示。最后单击“确定”按钮使选项的修改生效。
图1-1 启动脚本编辑器
首先要在IE中打开相应的网页,在脚本编辑器中选择“调试→进程”菜单,在“可用进程”列表中选择lE的进程“”,单击“附加”按钮,如图1-2 所示。
图1-2 IE中调试JavaScript
然后,在弹出的对话框中选择“Script”,单击“确定”按钮,如1-3所示。
图1-3 IE中调试JavaScript
再将IE进程附加到调试进程中,在脚本编辑器中打开需要调试的网页或者JavaScript代码文件,设置断点后,即可进行JavaScript的调试。
在脚本调试器中调试JavaScript代码的功能同在Visual Studio中调试C++、C#代码是完全一致的,使用过Visual Studio开发工具的同学应该很容易上手。
<SCRIPT>块
使用Microsoft 脚本编辑器可以很容易地加入<SCRIPT>块,步骤如下。
( 1 )先将工作区的插入点移至整个工作区的开始位置,即<HTML>标记之前,然后在右边的“属性”窗口中将DOCUMENT 对象的defaultClientScript的属性设置为
“JavaScript”,此时在<HEAD>部分:
<meta name = Vs_defaultClientScript content=“JavaScript”>
这行代码指定这个页面的默认脚本语言是JavaScript 。
( 2 )将工作区的插入点移至想插入<SCRIPT>块的位置(例如,刚好在</HEAD>标记之前的位置);然后单击鼠标右键,此时将出现一个快捷菜单,依次选择“插入脚本块”和“客户端”菜单命令,Microsoft 脚本编辑器将自动在当前插入点位置生成<SCRIPT>块标记,如下所示:
<script language=javascript>
<!- -
//- ->
</script>
在生成的代码中,<!- - ...//- ->是HTML 注释,而//是JavaScript的注释。使用这种注释标记的作用在于使较旧的不支持脚本的浏览器也能正确显示该文档的其他部分。
( 3 )在<!- - ...//- ->之间的空行中可以编写任意的JavaScript语句,如
<script language=javascript>
<!- -
("Hello World!");
alert(“Hello,javaScript”)
//- ->
</script>
必须注意的是,当输入对象名和句点“document.”时,Microsoft 脚本编辑器将自动弹出一个快捷菜单,提示document 对象所拥有的方法和属性。这种效果可以使编程人员避免写出错误的方法名或属性名。
3 .使用Microsoft 脚本编样器的帮助系统
JavaScript 是基于对象的脚本语言,它含有许多内置对象,而每个对象又含有大量的方法和属性。对于这些信息,编程人员没有必要完全记住,他们可以随时通过Microsoft 脚本编辑器的帮助系统查到所需信息的详细描述。
要使用Microsoft 脚本编辑器的帮助系统,可在Microsoft 脚本编辑器中选择
“帮助”菜单的“Microsoft脚本编辑器帮助”命令,这时将出现一个“Miscrosoft Script Editor 帮助”窗口,如图1-4所示。
图1-4 Miscrosoft Script Editor 帮助
Microsoft 脚本编辑器的帮助系统提供了对脚本编辑器、HTML 、JScript 和VBScript 的详细描述。如果要了解JavaScript的有关描述,可在“Miscrosoft Script Editor 帮助”窗口左部“目录”选项卡中通过单击来展开“Jscript 帮助”项目,随着左部项目的选择,窗口右部将显