DW第13章 JavaScript脚本基础

第13章 JavaScript脚本基础
教学内容：JavaScript语言是网页中广泛使用的一 种脚本语言，使用JavaScript可以使网页产生动态 效果，JavaScript以其小巧简单而备受用户的欢迎 。本章将介绍JavaScript的基本概念、语言特点、 基本语法。



教学重点 JavaScript的历史 JavaScript特点 JavaScript的放置位置 JavaScript基本语法
13.3 JavaScript的基本语法

JavaScript语言有自己的常量、变量、表达式、 运算符以及程序的基本框架，下面将一一进行 介绍。
13.3.1

常量和变量
在JavaSቤተ መጻሕፍቲ ባይዱript中数据可以是常量或者是变量。
13.3.2

表达式和运算符
在定义完变量后，就可以对其进行赋值、改变、计 算等一系列操作，这一过程通过表达式来完成，而 表达式中的一大部分是在做运算符处理。
13.1

JavaScript简介
JavaScript 为网页设计人员提供了极大的灵活 性，它能够将网页中的文本、图形、声音和动 画等各种媒体形式捆绑在一起，形成一个紧密 结合的信息源。
13.1.1 JavaScript的历史


Java和JavaScript语言虽然在语法上很相似，但它们仍 然是两种不同的语言。JavaScript仅仅是一种嵌入到 HTML文件中的描述性语言，它并不编译产生机器代码 ，只是由浏览器的解释器将其动态地处理成可执行的 代码。而Java语言与JavaScript相比，则是一种比较复 杂的编译性语言。 由于JavaScript由Java集成而来，因此它是一种面向对 象的程序设计语言。它所包含的对象有两个组成部分 ，即变量和函数，也称为属性和方法。
13.3.3 基本语句

在 JavaScript 中主要有两种基本语句，一种是循 环语句，如for、while；一种是条件语句，如if等 。另外还有一些其他的程序控制语句，下面就 来详细介绍基本语句的使用。
13.3.4 函数

函数是拥有名称的一系列 JavaScript语句的有效组合 。只要这个函数被调用，就意味着这一系列 JavaScript语句被按顺序解释执行。一个函数可以有 自己的参数，并可以在函数内使用参数。







13.2 JavaScript的放置位置

JavaScript 作为一种脚本语言可以放在 HTML 页面 中的任何位置，但是浏览器解释 HTML 时是按先 后顺序的，所以放在前面的程序会被优先执行。
13.2.1 <scrip/>使用方法


在HTML中输入JavaScript时，需要使用<script>标签 。在<script>标签中，language特性声明要使用的脚 本语言，language特性一般被设置为JavaScript，不 过也可用它声明JavaScript的确切版本，如JavaScript 1.3。 当浏览器载入网页Body部分的时候，就执行其中的 JavaScript语句，执行之后输出的内容就显示在网页 中。
13.2.2 位于网页之外的单独脚本文件

如果很多网页都需要包含一段相同的代码，最好 的方法，是将这个JavaScript程序放到一个后缀 名为.js的文本文件里。此后，任何一个需要该功 能的网页，只需要引入这个js文件就可以了。
13.2.3

直接位于事件处理部分的代码中



一些简单的脚本可以直接放在事件处理部分的代码 中。如下所示直接将JavaScript代码加入到OnClick事 件中。 <input type="button" name="fullscreen" value="全屏 显示" onclick="window.open(document.location, 'big', 'fullscreen=yes')"> 这里，使用<input>标签创建一个按钮，点击它时调 用onclick()方法。onclick特性声明一个事件处理函 数，即响应特定事件的代码。
13.1.2 JavaScript的特点
JavaScript具有以下语言特点： JavaScript是一种脚本编写语言，采用小程序段的方式实现编程，开 发过程非常简单。 JavaScript是一种基于对象的语言，它能运用已经创建的对象。 JavaScript具有简单性。首先它是一种基于Java基本语句和控制流之 上的简单而紧凑的设计语言，其次它的变量类型采用弱类型，并未 使用严格的数据类型。 JavaScript是动态的，它可以直接对用户或客户的输入做出响应，无 需经过Web服务程序。 JavaScript是一种安全性语言，它不允许访问本地硬盘，并且不能将 数据存入到服务器上，不允许对网络文档进行修改和删除，只能通 过浏览器实现信息浏览或动态交互，从而有效地防止数据丢失。 JavaScript具有跨平台性。它依赖于浏览器本身，与操作环境无关。