文档介绍:第13章 在网页中加入神奇的效果
在学习过HTML和CSS之后,设计者就可以制作出一些精美的网页了。但未来的网站不仅仅要求页面美观,更要求网页能实现和客户的互动。为了让网页能和用户交互,IE提供了Dynamic HTML技术,简称为DHTML。
DHTML主要由3个部分组成,分别为HTML网页标记、Script语言与CSS。而最常用的脚本语言则是JavaScript,可以说是一个优秀设计者在页面开发世界立足的一把“利剑”。
本章主要的知识点有:
脚本语言的概念、常用的两种脚本语言
JavaScript和Java的差别
JavaScript基本语法,包括标识符、基本数据类型、运算符、表达式、流程控制,以及函数
JavaScript基本语法的使用案例
什么是脚本语言
脚本语言是一种解释性语言,不需要编译,一般用来编写嵌入在网页中的程序,由浏览器负责解释执行。浏览器一般由相对应的脚本引擎来解释执行,所以支持脚本程序的浏览器需要集成用于解释脚本程序的模块。
在HTML网页中,脚本程序代码放在<script>标签之间,浏览器正是通过该标签来识别脚本程序。将脚本程序与普通文本区分开来,更方面页面管理。<script>标签的介绍可参照第12章的内容。
脚本语言一般以文本形式存在,而不像C、C++那样可以编译成二进制代码,。开发者经常使用的脚本语言有VBScript、JavaScript和ActionScript等。目前最常用的两种脚本语言是VBScript和JavaScript。
初识VBScript
VBScript基于微软Microsoft公司的Visual Basic,广泛应用于网页和ASP程序中。其与Visual Basic有紧密联系,所以有过Visual Basic开发经验的程序员很容易学会VBScript。。
【本节示例参考:资料光盘\第13章\13-1 】。
学习JavaScript的起步
JavaScript是Netscape公司借鉴Sun公司的Java的相关概念,将其自身的Livescript进行重新设计之后推出的。因此JavaScript的很多语法都与C++、Java的风格非常相似。学习过这些编程语言将有助于学习JavaScript。
与C++、Java等编程语言类似,在JavaScript中也包含类、对象、变量、函数等,而且使用的流程控制也基本相似。不同之处在于JavaScript的语法规则更松散,不像编程语言那么复杂。
例如对变量的定义,在JavaScript中只需通过var定义即可,不必像编程语言中定义其为int或char。此外,由于JavaScript代码不会被编译为二进制代码文件,只是作为一种网页文件(本书中指HTML文件)的一部分由浏览器解释执行。因此,修改起来也要比编程语言在集成平台中方便。所以JavaScript是一种简单易学却又功能强大的语言。,效果和前面用VBScript编写的页面效果完全一样。
JavaScript和Java的区别
,JavaScript与目前盛行的编程语言Java比较相似,然而对于学习者来说,必须明确JavaScript与Java是不一样的。JavaScript并不是Java的子集,而是有很大的区别,不理解这点就很可能会掉入混为一谈的误区。在日常工作、学习中,就经常有编程者把Java中出现的问题提交到JavaScript的学习交流社区,或者将JavaScript的难题求助于Java学习社区。
JavaScript和Java是来自两个不同公司的产品,两者之间必然有很大的差异。Java是SUN公司推出的一种面向对象的程序设计语言,非常适合于Internet应用程序的开发。而JavaScript是Netscape公司为了扩展Netscape Navigator功能而开发的产品,是一种基于对象和事件驱动的解释性语言,通常嵌入在Web页面中。
JavaScript的基本语法
前面介绍了JavaScript的定义和的特点,并且通过一个简单的JavaScript示例实现了单击按钮弹出对话框的功能。对比之前讲过的HTML,设计者可以初步体验到JavaScript与用户互动的特效功能。
这个示例只是冰山一角,还不足以完全展现JavaScript的魅力。从本节开始将详细学习JavaScript。像其他编程语言一样,我们需要先从基本语法开始讲起。