html第15章HTMLJavaScrit脚本编程.ppt

Chapter 15 JavaScript 脚本编程 JavaScript Programming 15.1 DHTML与JavaScript概念The conception of DHTML JavaScript DHTML（Dynamic HTML）：动态HTML网页的基础是HTML语言，利用CSS进行布局，并利用JavaScript控制网页元素。 DHTML语言3个必备的基本要素： HTML：是DHTML语言的基础，DHTML在传统的HTML语言基础上进行扩充。 CSS：将对布局、字体、颜色、背景和其他图文效果实现更加精确的控制。 JavaScript：是一种Script脚本语言。 15.1 DHTML与JavaScript概念 The conception of DHTML JavaScript 脚本语言(script language)：可以和HTML语言混在一起使用的语言，可以用来在浏览器的客户端进行程序编制，从而控制浏览器等对象操作。 15.1 DHTML与JavaScript概念 The conception of DHTML JavaScript 1）JavaScript概念 JavaScript是一种基于对象和事件驱动并具有安全性能的脚本语言。 使用它的目的是与HTML一起实现在一个Web页面中与Web客户进行交互作用。它是通过嵌入或调入在标准的HTML语言中实现的。 JavaScript是一种比较简单的编程语言，使用方法是向Web页面的HTML文件增加一个脚本，不需单独编译解释，当一个支持JavaScript浏览器打开这个页面时，它会读出这个脚本并执行其指令。 15.1 DHTML与JavaScript概念 The conception of DHTML JavaScript 2）JavaScript特点(the feature of JavaScript) 是一种脚本编写语言 它采用小程序段的方式实现编程，在程序运行过程中被逐行地解释。 基于对象的语言 它是一种基于对象的语言，同时也可以看做一种面向对象的语言，能运用自己已经创建的对象，可以来自于脚本环境中对象的方法与脚本的相互作用。 简单性 首先它是一种基于Java基本语句和控制流之上的简单而紧凑的设计，从而对学习Java是一种很好的过渡。其次它的变量类型是采用弱类型，并未使用严格的数据类型 15.1 DHTML与JavaScript概念 The conception of DHTML JavaScript 2）JavaScript特点(the feature of JavaScript) 安全性 JavaScript是一种安全性语言，它不允许访问本地硬盘，并不能将数据存入到服务器上，不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互，从而有效地防止数据的丢失。 动态性 它可以直接对用户或客户输入做出响应，无须经过Web服务程序。它对用户的反映响应，是采用以事件驱动的方式进行的 15.1 DHTML与JavaScript概念 The conception of DHTML JavaScript 2）JavaScript特点(the feature of JavaScript) 事件驱动：指在主页中执行了某种操作所产生的动作。如：按下鼠标、移动窗口、选择菜单等。 跨平台性 JavaScript是依赖于浏览器本身，与操作环境无关，只要能运行浏览器的计算机，并支持JavaScript的浏览器就可正确执行。 html head TITLE第一个JavaScript脚本/TITLE Script Language =JavaScript !-- alert(这是第一个JavaScript例子!); alert(欢迎你进入JavaScript世界!); alert(今后我们将共同学习JavaScript知识！); /-- /Script /Head BODY H1第一个JavaScript脚本。/H1 /BODY /Html JavaScript与Java的区别The Difference of JavaScript Java JavaScript语言和Java语言是相关的，但它们之间的联系并不像想象中的那样紧密。 二者的区别体现在：　　 首先，它们是两个公司开发的不同的两个产品，Java是SUN公司推出的新一代面向对象的程序设计语言，特别适合于Internet应用程序开发；而JavaScript是Netscape公司的产品，其目的是为了扩展Netscape Navigator功能,而开发的一种可以嵌入Web页面中的基于对象和事件驱动的解释性语言。 　　 其次，JavaScript是基于对象的，而Java