1、情境 1:Javascript 概述自主学习单情境描述:了解什么是 JavaScript 和 JavaScript 的作用、基本特点,JavaScript 的软硬件环境要求,熟悉编写 JavaScript 所需的工具,能够独立编写一个 JavaScript 程序学习目标:1.2.2.1 网页美工技术、1.2.2.3 HTML 技术、1.2.2.4 JavaScript 技术、2.1.2.2 明确学习内容、2.2.2.2 建立知识、单元之间的联系、2.2.3.1 分析问题、2.2.4.1 具有丰富的想象力和发散思维、3.2.2.1 提出具有说服力的论点、3.2.6.3 能有效地回答问题、3.2.
2、7.3 倾听他人、欣赏他人、4.2.1.1 行业发展特征、4.2.1.2 行业发展趋势工作任务一:初识 Javascript1、 什么是脚本语言?脚本语言,又叫动态语言。是一种编程语言控制软件应用程序。脚本通常以文本(如 ASCII)保存,只在被调用时进行解释或编译。 脚本语言是一种应用程序扩展语言,用于系统的扩展,使其按用户的意愿去运行。 所有的基础功能由系统提供,脚本语言在更高一层次描述如何调用系统的接口。 解释执行。 2、 什么是 javascript?JavaScript 是 Web 页面中的一种脚本编程语言,也是一种通用的、跨平台的、基于对象和事件驱动并具有安全性的脚本语言。它不需要
3、进行编译,而是直接嵌入在HTML 页面中,把静态页面转变成支持用户交互并响应相应事件的动态页面。 3、 Javascript 和 Java 的关系虽然 Javascript 与 Java 有紧密的联系,但却是两个公司开发的不同的两个产品。Java 是 Sun 公司推出的新一代面向对象的程序设计语言。特别适合于 Internet 应用程序开发;而 Javascript 是 Sun 与 Netscape 公司联合推出的产品,是为了扩展Netscape Navigator 功能而开发的一种可以嵌入 Web 页面中的基于对象和事件驱动的解释性语言。且它的前身是 Live Script,而 Java 的
4、前身是 Oak 语言。比较如下:(1)基于对象和面向对象Java 是一种真正地面向对象的语言,即使是开发简单的程序,也必须设计对象。Javascript是一种脚本语言,它可以用来制作与网络无关的,实现与用户交互的复杂软件。它是一种基于对象(Object Based)和事件驱动(Event Driver)的编程语言。因而它本身提供了非常丰富的内部对象供设计人员使用。(2)解释和编译两种语言在其浏览器中所执行的方式不一样。Java 的源代码在传递到客户端执行之前,必须经过编译,因而在客户端上必须有运行于相应平台之上的*器或解释器。它可以通过编译器或解释器实现独立于某个特定平台而不受编译代码的束缚。
5、Javascript 是一种解释件编程语言,其源代码在发往客户端执行之前不需经过编译,而是将文本格式的字符代码发送到客户端由浏览器解释执行。(3)强变量和弱变量两种语言所采用的变量是不一样的。Java 采用强类型变量,即所有变量在编译之前必须作声明。JavaScript 中,采用弱类型,即变量在位用前不需作声明,而由解释器在运行时检查其数据类型 (4)代码格式不一样Java 是一种与 HIML 无关的格式,必须通过像 HTML 中引用外媒体那样进行装载,其代码以字节代码的形式保存在独立的文档中。JavaScript 的代码是一种文本字符格式,可以直接嵌入 HTML 文档中,并且可动态装载。编写
6、 HTML 文档就像编辑文本文件一样方便。(5)嵌入方式不一样在 HTML 文档中,两种编程语言的标识不同,JavaScript 使用“”来标识,而 Java 使用“.”来标识。(6)静态联编和动态联编Java 采用静态联编,即 Java 的对象引用必须在编译时进行,以使编译器能够实现强类型检查。JavaScript 采用动态联编,即 JavaScript 的对象引用在运行时进行检查,如不经编译则无法实现对象引用的检查。JavaScript 是被嵌入在 HTML 几中的,并成为了 HTML 文档的一部分。4、 Javascript 的发展史(1)早期的脚本语言有 Netscape 的 Live
7、Script、JScript (Microsoft)(2)ECMA 在此基础上产生 Javascript,正式名称是 “ECMAScript“。5、 Javascript 的主要特点(1)解释性JavaScript 不同于一些编译性的程序语言,例如 C、C+ 等,它是一种解释性的程序语言,它的源代码不需要经过编译,而直接在浏览器中运行时被解释。(2)基于对象JavaScript 是一种基于对象的语言。这意味着它能运用自己已经创建的对象。因此,许多功能可以来自于脚本环境中对象的方法与脚本的相互作用。(3)事件驱动JavaScript 可以直接对用户或客户输入做出响应,无须经过 Web 服务程序。
8、它对用户的响应,是以事件驱动的方式进行的。所谓事件驱动,就是指在主页中执行了某种操作所产生的动作,此动作称为“事件” 。比如按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后,可能会引起相应的事件响应。(4)跨平台JavaScript 依赖于浏览器本身,与操作环境无关,只要能运行浏览器的计算机,并支持 JavaScript 的浏览器就可正确执行。(5)安全性JavaScript 是一种安全性语言,它不允许访问本地的硬盘,并不能将数据存入到服务器上,不允许对网络文档进行修改和删除,只能通过浏览器实现信息浏览或动态交互。这样可有效地防止数据的丢失。 6、 你所知道的 Javascript 的主要应用(1)前台页面验证(2)Url 跳转控制(3)Ajax 应用(4)HMTL 对象控制.如变更样式,设置值. 创建对象等等 .(5)动画特效、文字特效等.javascript 是一门非常强大的语言 .未来也是 web 应用的关键语言之一. 7、 Javascript 的环境要求8、 编写 Javascript 的工具记事本、dreamweaver、frontpage 等9、 javaScript 代码在 HTML 文档中的位置有几种?有何不同?(1)之间(2)中的任意位置(3)外部文件引入10、 动手编写自己的第一个 javascript 程序学习总结