JavaScript+jQuery网页特效设计任务驱动教程 全套PPT课件.pptx

网页特效设计任务驱动教程;单元?1设计基本网页特效;图1-1网页的底部导航栏与版权信息;表1-1实现网页底部导航栏与版权信息的HTML代码;表1-2中的代码解释如下。

（1）JavaScript脚本程序必须置于script与/script标签中。;（2）04行的符号“!--”和10行的符号“//--”针对不支持脚本的浏览器，从而忽略其间的脚本程序。

（3）05～09行共有5条语句，每一条语句都以“;”结束。这些语句都按其出现的先后顺序执行，即程序结构为顺序结构。

（4）05行为声明变量语句：声明1个变量，变量名为footerContent。

;（5）06行为变量赋值语句：将一个字符常量值赋值给变量footerContent，赋值运算符为“=”。

（6）07～08行都是赋值语句，使用的是复合赋值运算符“+=”，将两个字符串连接后重新赋值给变量footerContent。

（7）09行使用文档对象document的write方法向网页中输出变量的值footerContent，即输入一个字符串，该JavaScript语句会在页面加载时执行。

;（8）JavaScript区分字母的大小写。

在同一个程序中使用大写字母和小写字母表示不同的意义，不能随意将大写字母写成小写，也不能随意将小写字母写成大写。例如，05行中声明的变量“footerContent”，该变量名的第7个字母为大写“C”，在程序中使用该变量时该字母必须统一写成大写“C”，而不能写成小写“c”。如果声明变量时，变量名称为“footercontent”形式，全为小写字母，则在程序中使用该变量时，也不能写成大写。也就是说，使用变量时的名称应与声明变量的名称完全一致。;任务1-2jQuery实现网页收藏

网页中包含如下所示的HTML代码。

divclass=topLinks

spanaid=favoritehref=#添加收藏/a/span

/div

;用IE11浏览器浏览该网页时，单击网页中的“添加收藏”超链接，会弹出如图1-2所示的【添加收藏】对话框，在该对话框中单击【添加】按钮，则会将对应网页添加到收藏夹。

;用非IE浏览器浏览该网页时，单击网页中的“添加收藏”超链接，会弹出如图1-3所示的【添加失败】对话框。

;这里的“添加收藏”功能采用jQuery方式实现，代码如表1-3所示。;表1-3中的代码解释如下。

（1）01行引用了一个外部的JS文件jquery.js。

（2）为了防止文档在完全加载（就绪）之前运行jQuery代码，jQuery函数应位于ready方法中，如下所示。

$(document).ready(function(){

//函数代码

});

（3）05行表示单击id=favorite的按钮时，触发该按钮的单击事件，调用一个函数，执行该函数中的程序代码。;（4）if…else…语句为选择结构，针对IE浏览器和非IE浏览器执行不同的语句。

（5）06行中的表达式“window.ActiveXObject||ActiveXObjectinwindow”用于判断当前浏览器的类型为IE浏览器。

;（6）07行使用window.external.addFavorite方法实现IE浏览器的添加收藏功能。

（7）09行的alert()方法用于打开一个信息对话框，该方法是window对象的常用方法之一，可以写作window.alert()。其作用是弹出一个对话框，显示所指定的内容。括号中的字符串参数为对话框将要显示的内容，该对话框只有一个【确定】按钮。

;知识必备

1.1JavaScript简介

JavaScript是一种基于对象和事件驱动的脚本语言。使用它的目的是与HTML（超文本标记语言）一起实现网页中的动态交互功能。通过嵌入或调用JavaScript代码在标准的HTML中实现其功能。它与HTML标签结合在一起，弥补了HTML的不足，使网页变得更加生动。

;JavaScript是一种轻量级的编程语言，JavaScript插入HTML页面后，可由所有的主流浏览器执行。JavaScript由布兰登·艾奇（BrendanEich）发明，于1995年出现在Netscape中（该浏览器已停止更新），并于1997年被ECMA（欧洲计算机制造协会）采纳，将JavaScript制订为标准，称为ECMAScript，ECMA-262是JavaScript标准的官方名称。

JavaScript的基本语法与C语言类似，但运行过程中不需要单独编译，而是逐行解释执行，运行快。JavaScript具