21天学通Javascript(课件)培训材料.ppt

创建FLASH public function SetMessage( msgTxt:String ) // 设置消息文本方法 { msg.text = msgTxt; // 设置消息文本域对象的文本 } public function onInit(event:Event) // 初始化完毕事件的侦听器 { try // 开始异常捕获 { if( ExternalInterface.available) // 如果外部API可用 { // 注册回调函数“SetMessage”供外部使用 ExternalInterface.addCallback(SetMessage,SetMessage); // 调用外部JavaScript函数“SwfIsReady”，检查网页是否已经准备就绪 ExternalInterface.call( SwfIsReady, 1 ); } else { msg.text = 警告：SWF外部API被禁用!; // 如果外部API不可用则显示警告} } catch( e:Error ) // 异常处理 { msg.text = e.message;// 仅显示出错消息 } } } } 编译生成Flash影片 可按SHIFT+F12组合键编译生成SWF影片 . 使用FLASH 在网页中使用FLASH影片 function thisMovie(movieName) // 定义函数区分不同的浏览器 { if (navigator.appName.indexOf (Microsoft) !=-1) // 如果是IE { return window[movieName]; // 以Window属性的形式返回影片对象 } else // 其它 { return document[movieName]; // 以DOM对象的形式返回影片对象 } } 第二十讲：JavaScript的调试与优化 讲师：杨贵 e-mail:jtclass@163.com 课程内容安排 JavaScript开发工具 Javacript的调试 日志输出 代码优化 JavaScript开发工具 Microsoft Visual Studio 2005（下文简称VS2005） 是一套功能强大的开发套件，其对WEB开发也提供了强大的支持。 创建Web页 编辑Web页 Javacript的调试 调试前的准备工作：启用IE的调试功能。 打开IE浏览器，选择菜单栏“工具”|“Internet选项”命令，打开“Internet选项”对话框 。 单击“高级”选项卡，拖动“设置”列表框的垂直滚动条。在“设置”列表框中找到两个“禁用脚本调试”复选框，将它们前面的勾去掉。最后单击“确定”按钮确认修改并退出 开始调试 正确安装VS2005和设置IE浏览器后，可以开始调试JavaScript程序 。 在IE中打开包含JavaScript程序的HTML网页，选择菜单栏“查看”|“脚本调试程序”|“打开”命令，打“Visaul Studio实时调试引擎”对话框 。 在“可能的调试器”列表中选择一个调试器，例如选择“新实例Visual Studio 2005”，单击“是”按钮进入调试。 Javacript的调试 跟踪代码 ：调试的主要工作是反复地跟踪代码，找出错误并修正，可参考如下步骤。 在代码编辑器窗口中，将光标移动到需要添加断点的行上。 按一次F9键，当前行的背景色变为红色，并且在窗口左边界上标上红色的圆点。当程序在断点处暂停的时候，只要按一下F5、F10或F11键就可以继续向下执行，看具体的需要来操作。F10键逐过程执行，按F11键可以逐语句执行。 将鼠标移动源代码编辑窗口中的变量名上时，鼠标光标将显示变量当前时刻的值。点击变量信息框中的变量值可以修改变量的当前值。 更多的调试操作：查看调用关系、监视特定变量的值等。 日志输出 程序运行过程中，有些中间数据需要记录，以便检查程序运行的状态。 对于JavaScript记录中间数据通常是以日志的形式记录需要记录的数据，再发送到服务器上保存起来。 日志记录的内容可以是任意的信息，根据开发者的需要而定。 演示：范例20-2，日志输出。 代码优化 代码不但要给机器运行，同时也要供人阅读。因此，易于阅读的同时也要注意运行速度，尤其是脚本程序。 可读性 运行效率 针对诃读性而言。 “标识符短而含义清晰” “代码缩进对齐” “尽可能注释” “尽可能避免使用全局变量 ” function getMod( num, n ){if( typeof( num )