JavaScript脚本语言全解.pptVIP

【案例7-15】使用Form对象实现Web页面信息交互。本例要求浏览者输入姓名并检查输入的内容。当不输入任何内容时，单击“提交”按钮会弹出对话框，提示用户输入姓名。本例文件7-15.html在浏览器中显示的效果如图7-21所示。 案例 1．在Web页面中用中文显示当天的日期和星期，如2012年4月21日星期六。请把下面代码加到其他网页中. 2．制作一个Web页面，当鼠标悬停（onMouseOver）在文字链接上时，Web页面从白色自动变为红色（document.bgColor=red）. 3．根据当前计算机系统的时间，显示不同时段的欢迎内容。 4．设计一个简单的报时程序，单击页面中的“报时”按钮，显示当前计算机内的日期和时间。 5．当打开网页时，显示“欢迎光临”对话框；关闭浏览器窗口时，显示“再见”对话框。 6．文字循环向上滚动，当光标移动到文字上时，文字停止滚动；光标移开则继续滚动。 7. 在网页中显示一个工作中的数字时钟。 习题7 7.1 JavaScript简介 7.2 在网页中插入JavaScript的方法及定义 7.3 JavaScript的基本数据类型和表达式 7.4 JavaScript的程序结构 7.5 基于对象的JavaScript语言 7.6 DOM对象及编程 7.7 JavaScript的对象事件处理程序 第7章 JavaScript脚本语言 JavaScript语言的前身叫作LiveScript，自从Sun公司推出著名的Java语言后，Netscape公司引进了Sun公司有关Java的程序概念，将LiveScript重新进行设计，并改名为JavaScript。 目前流行的多数浏览器都支持JavaScript，如Netscape公司的Navigator 3.0以上版本，Microsoft公司的Internet Explorer 3.0以上版本。 JavaScript是一种行为脚本语言，用JavaScript可以创建出运行在多平台和浏览器上的交互行为和效果。 7.1 JavaScript简介 7.2.1 在HTML文档中嵌入脚本程序 JavaScript的脚本程序包括在HTML中，使之成为HTML文档的一部分。其格式为： script language =JavaScript JavaScript语言代码; JavaScript语言代码; … /Script 【案例7-1】在HTML文档中嵌入JavaScript的脚本，本例文件7-1.html在浏览器中显示的效果如图7-1和图7-2所示。 7.2 在网页中插入JavaScript的方法及定义 7.2.2 链接脚本文件 可以把脚本保存在一个扩展名为.js的文本文件中，供需要该脚本的多个HTML文件引用。要引用外部脚本文件，使用script标记的src属性指定外部脚本文件的URL。 其格式为： head … script type=text/javascript src=脚本文件名.js/script … /head 7.2 在网页中插入JavaScript的方法及定义 7.2.3 在标记内添加脚本 可以在HTML表单的输入标记符内添加脚本，以响应输入的事件。 【案例7-2】在标记中添加JavaScript的脚本，本例文件7-2.html在浏览器中显示的效果如图7-3和图7-4所示。 7.2 在网页中插入JavaScript的方法及定义 7.3.1 基本数据类型 JavaScript有4种基本的数据类型。 number（数值）类型：可为整数和浮点数。在程序中并没有把整数和实数分开，这两种数据可在程序中自由转换。整数可以为正数、0或者负数；浮点数可以包含小数点、也可以包含一个“e”（大小写均可，表示10的幂），或者同时包含这两项。 string（字符）类型：字符是用单引号“”或双引号“”来说明的。 boolean（布尔）类型：布尔型的值为true或false。 object（对象）类型：对象也是JavaScript中的重要组成部分，用于说明对象。 7.3 JavaScript的基本数据类型和表达式 7.3.2 常量 常量通常又称为字面常量，它是不能改变的数据。 1．基