《第2章-JavaScript概述ppt课件》由会员分享，可在线阅读，更多相关《第2章-JavaScript概述ppt课件（17页珍藏版）》请在金锄头文库上搜索。
1、.,第2章 JavaScript概述,.,教学目标,Javascript是Web页面中的一种脚本编程语言，也是一种通用的、跨平台的、基于对象和事件驱动并具有安全性的脚本语言。通过本章的学习，使学生掌握Javascript定义、基本特点和编写Javascript所需的工具。,.,教学要求,.,学习重点,JavaScript的定义、作用和基本特点 使用工具编写JavaScript程序 调试JavaScript程序,.,本章目录,2.1 【案例3】使用记事本编写JavaScript程序 2.2 【案例4】使用外部脚本编写JavaScript程序 2.3 综合实训,.,2.1 【案例3】案例效果,使用
2、“记事本”编写如图2.1所示的JavaScript程序。,图2.1 用“记事本”编写的JavaScript程序,.,主要代码如下： document.write(这是用记事本编写的JavaScript程序); ,代码设计,.,相关知识,JavaScript语言概况 JavaScript是由Netscape公司开发的，是Web页面中的一种脚本编程语言，也是一种通用的、跨平台的、基于对象和事件驱动并具有安全性的脚本语言。它不需要进行编译，而是直接嵌入在HTML页面中，把静态页面转变成支持用户交互并响应相应事件的动态页面。它具有以下主要特点：解释性、 简单性、基于对象、动态性、安全性、跨平台 。,.
3、,相关知识,JavaScript与Java的不同 两种语言是两个公司开发的不同的两个产品。 JavaScript是基于对象的，而Java是面向对象的。 两种语言在其浏览器中所执行的方式不一样。 两种语言所采取的变量是不一样的。 静态联编和动态联编。 代码格式不一样。 嵌入方式不一样。,.,相关知识,编写JavaScript的工具 编写JavaScript脚本程序的工具有多种，主要包括记事本、FrontPage、Dreamweaver、JavaScript Editor和TextPad等。无论使用什么程序，都需用扩展名.html、.css或.js来保存纯文本文件。,.,2.2 【案例4】案例效果
4、,使用“记事本”和外部脚本编写如图2.5所示的JavaScript程序。,图2.5 使用外部脚本编写JavaScript程序,.,代码设计,在“记事本”的工作区域中输入JavaScript代码，并将代码文件保存为“案例4外部脚本.js” 。 document.write(这是使用外部脚本实现的JavaScript程序); 在新文本文档中输入如下所示的代码，并保存为“案例4使用外部脚本编写程序.htm” 。 ,.,相关知识,在网页中添加JavaScript脚本，有以下四种方式。 在HTML的标记中的任何位置。 在HTML的标记中。 在一个.js的单独的文件中。 将程序代码作为某个元素的事件属性值
5、，或超链接的href属性值。,.,相关知识,在脚本中添加注释 注释有助于解释某程序以何种方式解决问题，也有助于别的用户来重用或修改脚本。JavaScript不会将插入的注释解释为脚本命令。/* */可用于比较长的多行注释，/可用于单行注释。养成在脚本中添加注释的习惯是一种很好的做法。,.,相关知识,调试JavaScript程序 程序的出错类型分为语法错误和逻辑错误两种。 1) 语法错误：是在程序开发中使用不符合某种语言规则的语句从而产生的错误。例如，错误地使用了JavaScript的关键字，错误地定义了变量名称等。 2) 逻辑错误：有些时候，程序中不存在语法错误，也没有执行非法操作的语句，可是
6、程序运行的结果却是不正确的，这种错误叫做逻辑错误。,.,2.3 综合实训,在网页中输出两条水平线，在此之间输出文字“欢迎光临我的网站”和当前的时间(使用Date对象)，综合效果图如图2.7所示。,图2.7 综合实训案例运行效果图,.,代码设计, 第2章 综合实训 now=new Date( );/使用Date对象获取当前日期和时间 hours=now.getHours( );/获取当前小时数 mins=now.getMinutes( );/获取当前分钟数 secs=now.getSeconds( );/获取当前秒数 document.write();/输出水平线 document.write(欢迎光临我的网站);/输出文字并另起一段 document.write(“今天是:”+hours+“:”+mins+“:”+secs); /输出当前时间 document.write();/输出水平线 ,
