《基于新信息技术的JavaScript程序设计基础》课件_第1章.pptx

项目1JavaScript初体验;

任务1先导知识：JavaScript概述;

JavaScript的性质可以概括如下：

(1)是一种直译式脚本语言(代码不进行预编译)。

(2)主要用来向HTML页面添加交互行为。

(3)可以直接嵌入HTML页面，但写成单独的js文件，以利于结构和行为的分离。

(4)在绝大多数浏览器的支持下可以在多种平台(如Windows、Linux、Android、iOS等)下运行。;

1.1.2JavaScript的使用场景

1.表单数据合法性验证

使用JavaScript脚本语言能有效地验证客户端提交的表单上的数据的合法性，若数据合法则进行下一步操作，否则返回错误提示信息，如图1.1所示。;

;

2.网页特效

使用JavaScript脚本语言，结合DOM和CSS能创建绚丽多彩的网页特效，如各种闪烁的文字、滚动的广告图片、页面轮换效果等，如图1.2所示。;

;

3.交互式菜单

使用JavaScript脚本语言可以创建具有动态效果的交互式菜单，这种菜单完全可以与用Flash制作的页面导航菜单相媲美，如图1.3所示。;

;

1.1.3JavaScript的特点

JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言，主要用于创建具有较强交互性的动态页面。JavaScript主要具有如下特点：

基于对象：JavaScript是基于对象的脚本编程语言，能通过DOM(文档结构模型)及自身提供的对象及操作方法来实现所需的功能。

事件驱动：JavaScript采用事件驱动方式响应键盘事件、鼠标事件及浏览器窗口事件等，并执行指定的操作。;

解释性语言：JavaScript是一种解释性脚本语言，无须专门的编译器编译，在嵌入JavaScript脚本的HTML文档载入时被浏览器逐行解释，大量节省了客户端与服务器端进行数据交互的时间。

实时性：JavaScript事件处理是实时的，无须经服务器就可以对客户端的事件做出响应，并用处理的结果实时更新目标页面。

动态性：JavaScript提供简单高效的语言流程，能灵活处理对象的各种方法和属性，同时及时响应文档页面的事件，实现页面的交互性和动态性。;

跨平台：JavaScript的正确运行依赖于浏览器，而与具体的操作系???无关。只要客户端装有支持JavaScript的浏览器，JavaScript运行结果就能正确反映在客户端浏览器平台上。

使用简单：JavaScript的基本结构类似于C语言，采用小程序段的方式进行编程，并具有简易的开发平台和便捷的开发流程，可嵌入HTML文档中供浏览器解释执行。同时JavaScript的变量类型是弱类型，使用不严格。;

相对安全：JavaScript是客户端脚本，通过浏览器解释并执行。JavaScript不允许用户访问本地的硬盘，并且不能将数据存到服务器上，不允许对网络文档进行修改或删除，只能通过浏览器实现信息浏览或动态交互，从而有效地防止数据的丢失。;

1.1.4JavaScript的未来

tackOverflow在2017年所做的调查显示，JavaScript是最常用的编程语言，如图1.4所示。;

;

从以上数据可以看出，JavaScript不可能在短期内消失。在开发交互式网页时，JavaScript仍然是最好的选择之一，而且它是所有主要浏览器都支持的编程语言。

另一个重要的细节是，JavaScript已从一个可以将一些交互性带入网页的工具发展成为一个可以进行高效服务器端开发的工具。Node.js是一个开放源码的运行环境，允许使用JavaScript创建服务器端代码。几十个基于Node.js的框架(如Meteor和Derby)使这种技术几乎适用于任何类型的项目，并提供了构建高度可扩展的Web应用程序所需的功能。;

任务2JavaScript编写初体验;

;

1.2.2编写简单的滚动字幕程序

将代码保存为.html(或.html)格式文件并双击打开，系统调用谷歌浏览器解释执行，运行结果如图1.6所示。;

;

任务3JavaScript脚本编写的注意事项;

1.3.2引入脚本代码到HTML文档中

将JavaScript脚本嵌入HTML文档中有3种标准方法：

(1)将代码包含于script和/script标记对，然后嵌入HTML文档中；

(2)通过script标记的src属性连接外部的JavaScript脚本文件；

(3)通过JavaScript伪URL地址引入。;

1.通过script与/script标记对引入

浏览器载入嵌有JavaScript脚本