第2章 JavaScript概述.pptVIP

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