项目十二使用JavaScript设计网页特效.ppt

项目十二使用JavaScript设计网页特效 任务一 JavaScript入门 【知识目标】 1.了解JavaScript 2.掌握JavaScript使用方式 3.掌握JavaScript基本数据结构 任务一 JavaScript入门 【技能目标】 1.能够利用JavaScript，编辑页面 2.能够利用JavaScript，实现页面输出信息 任务一 JavaScript入门 【项目描述】 日历是不少页面不可以缺少的组成部分，如现今流行的博客。当不同时间、不同地区的用户打开日历页面，所查看到的内容可能有所不同，HTML无法解决上述问题。JavaScript的出现帮助我们解决了这个问题，当我们打开日历页面，出现的是系统当前时间的日历，并且突出显示了当前的天数；还可以通过图片按钮，实现日历翻阅的效果，如图12-1所示。 12.1.1 项目准备 1.JavaScript简介 JavaScript是一种基于对象(Object)和事件驱动(Event-Driven)并具有安全性能的脚本语言 。 2.JavaScript特点 脚本语言 基于对象 简单性 安全性 动态性 跨平台性 3.JavaScript代码嵌入页面 JavaScript代码嵌入网页的方法与CSS相似 代码如下所示： script language =javascript JavaScript语言代码; JavaScript 语言代码; .... /script 4.JavaScript运行方式 直接运行 JavaScript代码直接写入网页文档主体body标签里 内联式运行 JavaScript代码写入网页文档头head标签里，只有当被调用时才会执行 外联式运行 JavaScript程序写入JavaScript文件中，JavaScript文件后缀为.js，只有当文档调用该JS文件时，才运行其中的JavaScript代码。 5.JavaScript基础语法 JavaScript是一种基于对象(Object)和事件驱动(Event-Driven)的脚本语言，其语法与C语言非常相似，但有略有不同： 弱变量类型 JavaScript是一种弱类型脚本语言。所谓弱类型指的是在JavaScript中所有数据类型的变量均用var这个关键词来声明，这样一来，无法通过变量声明来识别该变量是何种数据类型，只有通过赋值方可确定。 function函数 JavaScript对函数的定义代码如下： function 函数名(参数列表) { 代码段; } 函数调用 带返回值的函数 事件 JavaScript与HTML结合，用户通过浏览器访问Web页面时，执行某个操作，触发了JavaScript程序的行为叫做事件驱动，其中执行的操作叫做事件，通常借由鼠标或者键盘进行，而触发的JavaScript程序称之为事件处理程序。 JavaScript事件有很多个，常用的事件有页面载入事件、页面卸载事件、单击事件、鼠标经过事件、鼠标离开事件。 对象 JavaScript中的对象是由属性(properties)和方法(methods)两个基本的元素的构成的。前者是对象在实施其所需要行为的过程中，实现信息的装载单位，从而与变量相关联；后者是指对象能够按照设计者的意图而被执行，从而与特定的函数相联。 常见的对象有： 1.引用JavaScript内部对象（String，Date等）； 2.由浏览器环境中提供（window等） 3.HTML DOM对象（document等） 对象的应用： 关键字new来创建一个对象，并通过点号“.”获取对象的属性或方法 字符串对象String 属性 length 用法：字符串对象.length；返回该字符串的长度。 方法 indexOf() 作用：从字符串对象中指定的位置有哪些信誉好的足球投注网站子字符串 substring() 作用：返回字符串的一部分子字符串 substr() 作用：返回字符串的一部分子字符串 toLowerCase() 作用：把字符串改变为小写 toUpperCase() 作用：把字符串改变为小写 数组对象Array Array对象是一个变量中存储多个值。Array对象的创建有三种方式，如下所示： var 数组名=new Array(); var 数组名=new Array(数组个数); var 数组=new Array(数组成员); 属性 length属性：数组成员个数。示例如下： 方法 join方法：把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。 数学对象Math Math对象没有构造函数Math()，因此Math对象的属性和方法直接以“Math.属性”和“Math.方法