第1章JavaScript概述.ppt

JavaScript程序设计 安徽工商职业学院软件教研室 第1章 JavaScript概述 本章要点 第1章 JavaScript概述 JavaScript的简介 JavaScript的特点 JavaScript相关应用 JavaScript的使用方法 JavaScript的工作原理 编写JavaScript的工具 JavaScript编写、运行与调试 实例：JavaScript基本操作 1.1.1 JavaScript的简介 1.1 JavaScript简述  JavaScript 是一种Web页面中的一种脚本编程语言，也是一种通用的、跨平台的、基于对象和事件驱动并具有安全性的脚本语言。它不需要进行编译，而是直接嵌入到HTML页面中，把静态页面转变成支持用户交互并响应事件的动态页面。 1.1 JavaScript简述  1.1.2 JavaScript的特点 解释型脚本语言（程序运行被逐行解释 ，与HTML类似） 基于对象的语言（基于对象，具有属性、方法交互） 简单性 （基于Java基本语句 ，数据弱类型） 安全性 （不允许访问本地硬盘 ，不能将数据存入服务器 上， 不允许对网络文档进行修改和删除） 动态性 （事件驱动方式 ，直接对用户或客户输入做出响应 ） 跨平台性 （依赖于浏览器，与操作系统环境无关 ） 1.1 JavaScript简述  1.1.3 JavaScript的应用 1.验证数据 2.动画效果 项目演示 项目演示 1.1 JavaScript简述  1.1.3 JavaScript的应用 3.窗口应用 4.结合Flash综合效果 项目演示 项目演示 1.2.1 JavaScript的使用方法 1.2 JavaScript的使用方法与工作原理  script标记的使用格式： script language=JavaScript !-- JavaScript语句； //-- /script 方法一、使用script标签将JavaScript语句直接嵌入文档。 JavaScript使用规则 语句以分号（;）结束 区分大小写 script成对使用 使用空格 使用注释 1.2.1 JavaScript的使用方法 1.2 JavaScript的使用方法与工作原理  html head title欢迎来到 JavaScript 世界!/title /head body script language=javascript //JavaScript代码 document.write(欢迎来到 JavaScript 世界); /script /body /html 【示例1-1】欢迎来到JS 世界（同步练习） 项目演示 1.2.1 JavaScript的使用方法 1.2 JavaScript的使用方法与工作原理  方法二、将JavaScript源文件链接到Html文档 。 html headtitle欢迎来到 JavaScript 世界!/title/head body script language=javascript src=jstest.js/script /body /html 【示例1-2】调用外部js.html （同步练习） 【示例1-2】调用外部jstest.js document.write(欢迎来到 JavaScript 世界); 项目演示 1.2.2 JavaScript的工作原理 1.2 JavaScript的使用方法与工作原理  应用 服务器 IE IE 解析HTML标签和JavaScript脚本 从服务器端下载含JavaScript的页面 返回响应 客户端请求含JS的页面 发送请求 1 用户输入 2 3 1.3.1 记事本编辑JavaScript程序 1.3 编写JavaScript的工具  html head titleHello JavaScript! !/title /head body script language=javascript window.alert(Hello JavaScript!); /script /body /html 【示例1-3】使用记事本编写JavaScript程序（同步练习） 教师演示 1.3.2 使用Dreamweaver编辑JavaScr