第五章JavaScript特效在网.pptVIP

第5章 JavaScript特效在网页中的应用;§5.1 JavaScript语言的基本概念和语法;JavaScript的功能 ;JavaScript程序的主要特点;【例5-1】在页面中输出字符串。 html head title第一个JavaScript程序/title script Language=JavaScript !-- document.write(欢迎进入JavaScript 精彩世界!); //输出字符串 -- /script /head /html ;基本语法说明;基本语法说明（续）;如果把脚本放置到head部分，在页面载入的时候，就同时载入了代码。通常这个区域的JavaScript代码是为body区域程序代码所调用的事件处理函数。 如果把脚本放置于body部分后，在页面载入时不属于某个函数的脚本就会被执行，执行后的输出就成为页面的内容。下面给出了位于head部分的代码和位于body部分的代码。 ;位于head部分的代码实例;位于body部分的代码实例;2. JavaScript语言的特点;2. JavaScript语言的特点(续);5.1.2 JavaScript语言的基本语法;【例5-2】输出本身包含双引号的字符串。 html head title带双引号的字符串的输出/title script Language=JavaScript !-- document.write(有人说JavaScript 很精彩!); -- /script /head /html;1．常量（续）;1．常量（续）;2．变量;① 变量的声明;② 变量的类型 JavaScript的变量有以下4种类型：整型变量、实型变量、字符串变量和布尔型变量。分别举例如下： var x= 28; var y=12.5; var name = 张三; var status = true; ;【例5-3】声明变量时不赋值。 html head title声明变量时不赋值/title script Language=JavaScript !-- var aa; aa=声明变量时不赋值; document.write(aa); //输出的是变量aa的值 -- /script /head /html;【例5-4】声明变量时赋值。 html head title声明变量时赋值/title script Language=JavaScript !-- var aa=声明变量时赋值; document.write(aa); -- /script /head /html;说明：;3. 运算符和表达式;① 算术运算符和表达式;算术运算符;【例5-5】使用算术运算符进行计算。 html headtitle使用算术运算符进行计算/title/head body script Language=JavaScript !-- var a=10, b=20; document.write(a=+a+ b=+b+br); document.write(a+b=);document.write(a+b); document.write(br); document.write(a*b=);document.write(a*b); -- /script /body /html;② 比较运算符和表达式;比较运算符;【例5-6】使用比较运算符进行计算。 html headtitle使用比较运算符进行计算/title/head body script Language=JavaScript !-- var a=10, b=20; document.write(a=+a+ b=+b+br); document.write(ab=);document.write(ab); document.write(br); document.write(a!=b=);document.write(a!=b); -- /script /body /html;③ 逻辑运算符和表达式 ;逻辑运算符;【例5-7】使用逻辑运算符进行计算。 html headtitle使用逻辑运算符进行计算/title/head body script Language=JavaScript !-- var a=true, b=false; document.write(a=+a+ b=+b+br); document.write(ab=);document.write(ab); document.write(br); document.write(a||b=);document.write(a||b); document.write(br); docume