js温习整理.docx

运算符： 1.加减乘除： 通过JavaScript在页面中定义变量，再通过算术运算符计算变量的运行结果。? title运用JavaScript运算符/title script type=text/javascript var num1=120,num2 = 25; //定义两个变量 document.write(120+25= + (num1+num2)+br); //计算两个变量的和 document.write(120-25=+(num1-num2)+br); //计算两个变量的差 document.write(120*25=+(num1*num2)+br); //计算两个变量的积 document.write(120/25=+(num1/num2)+br); //计算两个变量的余数 document.write((120++)=+(num1++)+br); //自增运算 document.write(++120=+(++num1)+br); /script /head body /body /html ? 运行上面代码观察输出结果。 2.比较运算符 应用比较运算符计算实现两个数值之间的大小比较。 ? script var age = 25; //定义变量 document.write(age变量的值为：+age+br); //输出变量值 document.write(age=20：+(age=20)+br); //实现变量值比较 document.write(age20：+(age20)+br); document.write(age!=20：+(age!=20)+br); document.write(age20：+(age20)+br); /script ? 运行上面代码，观察输出结果。 3.字符运算符 例如，在网页中弹出一个提示对话框，显示进行字符串运算后变量的值，代码如下： ? var a=One +world ; //将两个字符串连接后的值赋值给变量a a+=One Dream //连接两个字符串，并将结果赋给第一个字符串 alert(a); ? 运行上面代码，观察输出结果。 4.运用逻辑运算符比较表达式的值。 ? title逻辑运算符使用实例/title script var age = 27; //定义变量 document.write(age = +age +br); //输出变量的值 document.write(age 30 age40 :+(age 30 age40) +br); //运用逻辑与运算符 document.write(age 30 || age40 :+(age 30 || age40) +br); //运用逻辑或运算符 document.write(!age 30 +(!age 30)); //运用逻辑非运算符 /script /head 2、提高练习——改变超级链接的背景色 在一些网页中为了突出超级链接被选中时的状态，需要设置超级链接的背景颜色，以使超级链接更具有焦点性。本实例实现了当鼠标移动到超级链接时，设置超级链接的背景颜色为红色。 开发步骤 （1）当鼠标移动到超级链接时，显示超级链接的背景色，代码如下： script language=javascript function setbackcolor1() { yyy.style.backgroundColor=red;//设置一个样式名称，使它的style样式的backgroundColor属性#FF0000 } /script （2）当鼠标移出超级链接时，将超级链接背景色设置为白色，代码如下： script language=javascript function setbackcolor2() { yyy.style.backgroundColor=#FFFFFF;//设置一个样式名称(与上面的名称相同)，使它的style样式的backgroundColor属性# FFFFFF } /script （3）在页面中添加一个超级链接，并将onMouseMove和onMouseOut设置为JavaScript所定义的setbackcolor1()函数和setbackcolor2()函数，代码如下： body vlink=#0066FF a name=样式名称 href= onmouseover=setbackcolor1() onmouseout=setbackcolor2(); style= text- decoration:none; font-s