05第五章javascript语言在网站设计中的应用教程分析.pptVIP

第五章 JavaScript语言与行为 【本章内容】 5.1 JavaScript简介 5.2 JavaScript对象 5.3 行 为 第5.1节 JavaScript简介 【本节内容】 一.插入JavaScript脚本的方式 二. JavaScript语法基础 三. JavaScript事件 一. 插入JavaScript脚本的方式 脚本（Script）实际上就是一段程序，用来完成某些特殊的功能。脚本程序既可以在服务器端运行（称为服务器端脚本，例如ASP脚本、PHP脚本等），也可以直接在浏览器端运行（称为客户端脚本）。目前JavaScript是使用最广泛的脚本语言。 网页中插入JavaScript脚本的三种方式： 使用Script标记符插入脚本； 直接将脚本嵌入到HTML标记符中； 在链接的外部脚本文件中。 一. 插入JavaScript脚本的方式 1.使用Script标记符插入脚本 方法：把脚本标记符Script…/Script置于网页上的某一个地方，然后在其中加入脚本程序。语法如下： Script Language=JavaScript type=text/JavaScript JavaScript语句； /Script 注意：最好将脚本代码放在HEAD部分以确保容易维护。使用Script标记符时，一般同时用Language属性和Type属性明确规定脚本的类型，以适应不同的浏览器。 一. 插入JavaScript脚本的方式 例： body HTML输出的文字。br/ Script language=JavaScript type=text/JavaScript document.write(JavaScript的Document.write()方法输出的文字。); /* JavaScript注释一：document.write()是在网页中输出文档的方法.*/ /Script /body 一. 插入JavaScript脚本的方式 当Script与/Script之间有多条JavaScript语句时，一般要用!--和--将它们括起来,它的作用是:当浏览器支持JavaScript时,它不起作用；若浏览器不支持JavaScript,将里面的内容全部作为注释,不提示错误。例如网页中含有： Script language=JavaScript type=text/JavaScript !-- document.write(2010年上海世博会成功举办。); alert(上海欢迎您！); // JavaScript注释：alert()是弹出对话框的方法. -- /Script 一. 插入JavaScript脚本的方式 2.在HTML标记符内添加JavaScript脚本 在html标记内直接使用JavaScript语句的一般格式是： JavaScript:脚本命令语句; 有时也省略词语JavaScript:，直接书写语句。 例如有如下网页代码： input type=button value=Click Here onClick=JavaScript:alert(Hello, Beijing Olympic Games !!!); 一. 插入JavaScript脚本的方式 3.链接外部脚本文件 把一段脚本存放在一个单独的扩展名为.js的文件内，然后在需要使用此脚本的网页中链接此文件的路径和文件名。 例、5-3.js内容： function message () { document.write(2010年上海世博会成功举办。); alert(上海欢迎您！); } 一. 插入JavaScript脚本的方式 3.链接外部脚本文件 5-3-1.html： htmlhead titleJs/title Script language=JavaScript type=text/JavaScript src=js5-3.js /Script/head body form input type=button value=Click Here onClick=message(); /form /body/html 二、JavaScript语法基础 1. JavaScript 变量 所谓变量，就是已命名的存储单元。变量的主要作用是存取数据和提供存放信息的容器。与Java和其它一些高级语言（例如C语言）不同，JavaScript并不要求指定变量中包含的数据类型，这种特性通常使 JavaScript 被称为弱类型的语言。 在