JavaScript语句分类大全

发布时间:2025-05-24 09:06:29 发布人:远客网络

JavaScript语句分类大全

一、JavaScript语句分类大全

3、条件分支语句 if...else,switch

4、循环语句 for,for...in,while,break,continue.

5、对象操作语句with,new,delete,this

7、函数定义语句：function,return

var语句声明了一个变量的名称，同时也可以让这个变量具有一个初始值。

如果var语句在一个函数中声明变量，则这个变量的有效区域只限于这个函数，叫局部变量;如果var语句在函数体外，则有效区为整个应用程序，叫全局变量。

在函函数体外声明一个变量可以不用var,给出变量的值就可以了。(但推荐使用var)

varComputer=9//Computer是一个整数变量，初值为9

Computer=9//Computer是一个整数变量，初值为9

return语句指明将由函数返回的值。

如果这里省略了表达式，或者函数结束时根本没有return语句，这个函数就返回一个undefined类型的值。

3、条件分支语句 if...else,switch

2)功能：若表达式为true，则执行语句段1;否则执行语句段2。

·if-else语句是JavaScript中最基本的控制语句，通过它可以改变语句的执行顺序。

·表达式中必须使用关系语句，来实现判断，它是作为一个布尔值来估算的。

·它将零和非零的数分别转化成false和true。

·若if后的语句有多行，则必须使用花括号将其括起来。

在这种情况下，每一级的布尔表述式都会被计算，若为真，则执行其相应的语句，否则执行else后的语句。

vard=confirm("请选择确定或者取消");

分支语句switch可以根据一个变量的不同取值而采取不同的处理方法。

case0:document.write("星期一");break;

case1:document.write("星期二");break;

case2:document.write("星期三");break;

case3:document.write("星期四");break;

case4:document.write("星期五");break;

case5:document.write("星期六");break;

case6:document.write("星期日");break;

4、循环语句 for,for...in,while,break,continue.

2)功能：实现条件循环，当条件成立时，执行语句集，否则跳出循环体。

·初始化参数告诉循环的开始位置，必须赋予变量的初值;

·条件：是用于判别循环停止时的条件。若条件满足，则执行循环体，否则跳出。

·增量：主要定义循环控制变量在每次循环时按什么方式变化。

·三个主要语句之间，必须使用逗号分隔。

这个语句与for语句有一点不同。它循环的范围是一个对象所有的属性或者是一个数组的所有元素。

该语句与For语句一样，当条件为真时，重复循环，否则退出循环。

两种语句都是循环语句，使用For语句在处理有关数字时更易看懂，也较紧凑;而while循环对复杂的语句效果更特别。

document.write("h"+i+"这是"+i+"级标题"+"/h"+i+"");

与C++语言相同，使用break语句使得循环从For或while中跳出，continue使得跳过循环内剩余的语句而进入下一次循环。

5、对象操作语句with,new,delete,this

使用该语句的意思是：在该语句体内，任何对变量的引用被认为是这个对象的属性，以节省一些代码。

所有在with语句后的花括号中的语句，都是在后面object对象的作用域的。

this是对当前的引用，在JavaScript由于对象的引用是多层次，多方位的，往往一个对象的引用又需要对另一个对象的引用，而另一个对象有可能又要引用另一个对象，这样有可能造成混乱，最后自己已不知道现在引用的那一个对象，为此JavaScript提供了一个用于将对象指定当前对象的语句this。

虽然在JavaScript中对象的功能已经是非常强大的了。但更强大的是设计人员可以按照需求来创建自己的对象，以满足某一特定的要求。使用New运算符可以创建一个新的对象。其创建对象使用如下格式：

Newobject=NEW Object(Parameters table);

其中Newobject创建的新对象：object是已经存在的对象; parameters table参数表;new是JavaScript中的命令语句。

birthday=New Data(December 12.1998)

之后就可使NewData、birthday作为一个新的日期对象了。

同new相反，可以删除一个对象的实例。

6、注释语句(只是给人看的，浏览器不执行的语句)

7、函数定义语句：function,return

function用来定义一个函数，让济浏览器知道有这样一个函数，但只有当函数被调用时才会执行。

下面举下个简单的例了来看看吧：

functiongo()//定义一个函名为go的函数

inputtype="button"onclick="go()"value="请点击"

!--单击按钮调用上面定义的函数--

当调用函数时,所用变量或字面量均可作为变量传递。

参数表，是传递给函数使用或操作的值，其值可以是常量，变量或其它表达式。

通过指定函数名(实参)来调用一个函数。

二、求个简单javascript代码谢谢,网站菜单功能

不用说自己菜不菜的，能有这个学习的精神已经很值得鼓励了

呵呵，下面，我来给你介绍几个网站常见的菜单

第一个：仿网易的滑动门导航菜单

<title>仿网易的滑动门技术，用DIV+CSS技术实现</title>

.sec1{ background-color:#FFFFCC;}

.sec2{ background-color:#00CCFF;}

for(i=0;i<menu.childNodes.length;i++)

menu.childNodes[i].className="sec1";

menu.childNodes[n].className="sec2";

for(i=0;i<main.childNodes.length;i++)

main.childNodes[i].style.display="none";

main.childNodes[n].style.display="block";

<li class="block">第一个内容</li>

<li class="unblock">第二个内容</li>

<li class="unblock">第三个内容</li>

<li class="unblock">第四个内容</li>

这里基本上是使用Css与Div的结合，在整个布局中已层为单位，实行滑动菜单的是一个javascript脚本函数，调用就可以了，看不懂不要紧，日渐积累才是重要

第二个：经典实用的触发型导航（这是鼠标单击事件控制）

<title>网页特效代码|JsCode.CN|---经典实用的触发型导航菜单</title>

<STYLE type=text/css>.sec1{

BORDER-RIGHT: gray 1px solid; BORDER-TOP:

#ffffff 1px solid; BORDER-LEFT:#ffffff 1px

solid; CURSOR: hand; COLOR:#000000; BORDER-

BOTTOM:#ffffff 1px solid; BACKGROUND-COLOR:

BORDER-RIGHT: gray 1px solid; BORDER-TOP:

#ffffff 1px solid; FONT-WEIGHT: bold; BORDER-

LEFT:#ffffff 1px solid; CURSOR: hand; COLOR:

#000000; BACKGROUND-COLOR:#d4d0c8

BORDER-RIGHT: gray 1px solid; BORDER-

LEFT:#ffffff 1px solid; COLOR:#000000; BORDER-

BOTTOM: gray 1px solid; BACKGROUND-COLOR:#d4d0c8

for(i=0;i<secTable.cells.length;i++)

secTable.cells[n].className="sec2";

for(i=0;i<mainTable.tBodies.length;i++)

<TD class=sec2 onclick=secBoard(0) width="10%">关于TBODY标记</TD>

<TD class=sec1 onclick=secBoard(1) width="10%">关于cells集合</TD>

<TD class=sec1 onclick=secBoard(2) width="10%">关于tBodies集合</TD>

<TD class=sec1 onclick=secBoard(3) width="10%">关于display属性</TD></TR></TBODY></TABLE>

<BR>注释：TBODY要素是块要素，并且需要结束标

签。<BR>即使如果表格没有显式定义TBODY

要素，该要素也提供给所有表。<BR><BR>

参考：《动态HTML参考和开发应用大全》（人民邮电出

<BR><BR></TD></TR></TB

ODY></TABLE></TD></TR></T

BODY>

align=middle><BR><BR>

cellPadding=0 width=490 border=0>

表中所有单元格的集合。<BR>应用于TR、TABLE。

<BR><BR>参考：《动态HTML参考和开发应

<BR><BR></TD></TR></TB

ODY></TABLE></TD></TR></T

BODY>

align=middle><BR><BR>

cellPadding=0 width=490 border=0>

对象的集合。对象在该集合中按照HTML源顺序排列。

<BR>应用于TABLE。<BR><BR>参考：

《动态HTML参考和开发应用大全》（人民邮电出版社

<BR><BR></TD></TR></TB

ODY></TABLE></TD></TR></T

BODY>

align=middle><BR><BR>

cellPadding=0 width=490 border=0>

是否被提供。<BR>可能的值为block、none、

inline、list-item、table-header-group、table-

footer-group。<BR>该特性可读写，块要素默认

值为block，内联要素默认值为inline；层叠样式表

（CSS）属性不可继承。<BR><BR>参考：《

动态HTML参考和开发应用大全》（人民邮电出版社

北京华中兴业科技发展有限公司译）

href="" target=_blank>点击此处

</A>可参阅微软<A href="" target=_blank>MSDN在线</A>上的解释。

</TD></TR></TBODY></TABLE>

;</TD></TR></TBODY></TABLE&g

这里跟上面不同的区别在与这是鼠标移动和滑动的事件区别！

第三个：仿拍拍的切换效果菜单（里面的图片是我放上去的，所以会看不到图片的，呵呵继续）

<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""">

<title>网页特效|网页特效代码(JsHtml.cn)---仿拍拍paipai.com首页产品图片随机轮显切换效果</title><style>

#sale{right:206px;top:0;width:260px;background:#fff}

#saleTitle{text-align:right;padding-top:5px;padding-right:5px;width:255px;height:20px;background:url("images/saleTitle.gif") no-repeat}

#saleList.saleTwo{height:108px;background:url("images/salelineH.gif") bottom repeat-x;}

#saleList a{display:block;height:108px;width:86px;text-align:center;float:left;overflow:hidden}

#saleList a.saleItem{background:url("images/salelineV.gif") right repeat-y;}

#saleList a:hover{background-color:#EBFFC5}

rnd.seed=(rnd.seed*9301+49297)% 233280;

return Math.ceil(rnd()*number)-1;

else if(saleNum<0) saleNum=2;

document.getElementById("saleList"+i).style.display="none";

document.getElementById("saleList"+saleNum).style.display="";