JavaScript基础(3.1)讲解.ppt

Page ? * 本作品采用知识共享署名-非商业性使用 2.5 中国大陆许可协议进行许可。 专业交流 模板超市 设计服务 本作品的提供是以适用知识共享组织的公共许可（ 简称“CCPL” 或 “许可”） 条款为前提的。本作品受著作权法以及其他相关法律的保护。对本作品的使用不得超越本许可授权的范围。 如您行使本许可授予的使用本作品的权利，就表明您接受并同意遵守本许可的条款。在您接受这些条款和规定的前提下，许可人授予您本许可所包括的权利。 查看全部… NordriDesign?中国专业PowerPoint媒体设计与开发 网页互动制作 课程介绍 课程名称：《 网页互动制作》（Javascript） 开课专业：多媒体技术 课程性质：专业课程（必修） 开课学期：第二学期 总 学 时：54学时 考核 课程总评成绩 平时30% 考勤10% 期末考核 60% 什么是JavaScript？ JavaScript是web页面中的一种脚本编程语言。 也是一种通用的、跨平台的、基于对象和事件驱动的、具有安全性的解释型脚本语言。 不需要编译，直接嵌入在HTML页面中。 可以将静态页面转变成支持用户交互并响应的动态页面。 在web程序开发中经常用于：数据验证（表单的操作）、日历插件、时间戳文档等等 JavaScript的基本特点 解释性—不需要编译。浏览器直接解释执行。 基于对象—可以直接使用JS已经创建的对象。如：Math String等 事件驱动—可以直接对用户或客户输入做出响应，无须经过服务器端程序。 跨平台—依赖于浏览器本身，与操作系统无关。 安全性-不允许访问本地硬盘，不能将数据写入到服务器上。 JavaScript与Java的区别 JavaScript与Java是毫无关系的。 基于对象面向对象 解释编译 弱变量强变量 var i=3; var str=hello; int i=3;js中是错误的 JavaScript 历史与发展 JavaScript语言最初称为LiveScript语言，是Netscape公司的 Brendan Erich开发的。由于当时Java技术炙手可热，于是在Netscript Navigator2.0发布之前，Netscape将LiveScript将LiveScript更名为 JavaScript，也就是最初的JavaScript1.0版本，希望借助Java这个名称 使JavaScript迅速流行起来。 JavaScript语言和ActionScript语言系出同一标准机构(ECMA— European CompuTer Manufacturer’s Association,欧洲计算机制造商 协会) JavaScript 从最初的1.0发展现在浏览器普遍支持的最新版本1.5。 JavaScript的作用 验证用户输入的内容 JavaScript的作用 动画效果 菜单特效 背景特效 图像特效 文字特效 逐隐逐现的文字特效 打字效果的文字特效 窗口的应用 从天而降的窗口 定时打开网页 JavaScript的构成 一个完整的JavaScript实现由三个不同的部分组成： 核心（ECMAScript） 文档对象模型（DOM） 浏览器对象模型（BOM） JavaScript的构成 ECMAScript 它规定了JavaScript这门语言的一些组成部分：语法、类型、语句、关键字、保留字、操作符、对象。它与WEB浏览器之间没有依赖关系。 DOM-文档对象模型 是针对XML但经过扩展用于HTML的应用程序编程接口。DOM把整个页面映射为一个多层节点结构。 JavaScript的构成 DOM通过创建树来表示文档，从而使开发者对文档的内容和结构具有空前的控制力。用DOM API可以轻松地删除、添加和替换节点。 html head titleSample page/title /head body pHello World!/p /body /html JavaScript的构成 BOM-浏览器对象模型 可以对浏览器窗口进行访问和操作，由于没有相关的BOM 标准，每种浏览器都有自己的BOM实现。这个问题在HTML5中 得到了解决，HTML5致力于把很多BOM功能写入正式规范。 主要实现： 1、弹出新窗口 2、移动、缩放和关闭浏览器窗口 3、提供浏览器详细信息 4、对Cookie的支持 JavaScript的开发工具 JavaScript中可以使用的开发工具主要有两大类，一类 是基本的文本编辑工具，一类是专业可视化开发工具