060901商务网站页面设计技术(3pian_1).docVIP

本章内容提要这一章共分为6节，主要对 本章内容提要 这一章共分为6节，主要对JavaScript进行概要性介绍，以便为后续的进一步学习奠定基础。具体内容包括： JavaScript的概念与发展 JavaScript的特点 内部JavaScript代码的基本操作 外部JavaScript文件的基本操作 JavaScript编程规范、 JavaScript和Java的区别 12.1 JavaScript的概念与发展?? 12.2 JavaScript的特点 1、是一种脚本编写语言 JavaScript是一种脚本语言，可以被嵌入到HTML的文件之中。它采用小程序段的方式实现编程，即可以用很小的程序做大量的事，这实际上也是JavaScript的杰出之处。 7、解释性 像其它脚本语言一样,JavaScript同样也是一种解释性语言,它提供了一个比较容易的开发过程。它的基本结构形式与C、C++、VB、Delphi十分类似。但它不像这些语言一样，需要先编译，而是在程序运行过程中被逐行地解释。它与HTML标记结合在一起，从而方便用户的使用操作。 12.3 内部JavaScript代码的基本操作 内部JavaScript是指JavaScript的代码是置于HTML文件内部的，而无需以独立于HTML文件的形式单独保存。下面我们首先介绍一个内部JavaScript代码的示例，然后说明将内部JavaScript代码嵌入到当前HTML文档的方法。 12.3.1 内部JavaScript代码的示例 为了初步认识和更好地理解JavaScript，下面我们首先来看一个简单的JavaScript的例子。 一、【示例12.1】 本例子的功能是：说明如何在HTML文档中直接嵌入JavaScript脚本代码。有关的源程序文件可参见下面的HTML文件：“E12_1.htm”，在浏览器中的显示效果如图 12.1所示。 【源程序清单：E12_1.htm】 html head titleJavaScript程序的示例/title script language=JavaScript !-- hide script from old browsers document.write (这是一个JavaScript程序的示例br); function getname(str) { alert(hello! + str+ 您好! 欢迎您学习JavaScript); } document. close(); // end hiding contents -- /script /head body p请在下面的文本框中输入你的名字/p form input type=text name=name onBlur=getname(this.value) value= /form /body /html 图 12.1 HTML文档中直接嵌入JavaScript脚本 二、JavaScript脚本代码说明: 在这个例子中(!-- ... --＞) 部分是文档的注释部分，它可以避免旧版本或是不支持 JavaScript 的 WWW 浏览器因为不认识这些函数而产生错误。注释最后一行的开头双斜线 // ，不可以省略，它代表了JavaScript 的注释，若省略了的话， --＞之前的文字会被误认为是 JavaScript 的指令。 Document. write()是文档对象的输出函数，其功能是将括号中的字符或变量值输出到窗口； document. close()是将输出关闭。 这个例子可以让用户在文本框中输入其名字，当文本框失去焦点时，发生 onBlur 事件并调用 getname(this.value)函数，将信息显示在对话窗口上。其中，函数 getname(this.value) 中的 this.value 是用户在文本框中输入的名字。 12.3.2 内部JavaScript代码的嵌入 我们可以把JavaScript的脚本包括在HTML中，使它成为HTML文档的一部分。正是因为JavaScript脚本与HTML标记的结合，才使它成为了一个功能强大的Internet网上编程语言。 上面的例子12.1就例示了如何在HTML文档中直接嵌入JavaScript脚本代码的方法。 一、JavaScript脚本的嵌入位置 JavaScript脚本是直接放在标记Script.../Script内部的，具体位置如下： script language=JavaScript !-- hide script from old browsers JavaScript语言代码； ????JavaScript 语言代码; ?????…… …… …… // end hi