📄 jsjc5.htm
字号:
<html>
<head>
<title>洪恩在线 - JavaScript教程</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link rel="stylesheet" href="/pub/css/home.css">
<link rel="stylesheet" href="/pc/homepage/homepage.css">
<meta name="keywords" content="电脑乐园,电脑,乐园,交互教程,交互,教程,教育,JavaScript,网页制作">
</head>
<body bgcolor="white" text="black" topmargin="10" leftmargin="0" marginwidth="0" marginheight="10">
<!--顶部开始-->
<script language="JavaScript" src="/pub/js/head.js"></script>
<!--顶部结束-->
<table width="760" height="20" border=0 cellspacing="0" cellpadding="0" align="center">
<tr>
<td height=20 class="p1" bgcolor="#E8E8E8" align="left"><img src="/pc/img/blank.gif" width="12" height="8"><font color="#FF9966">当前位置</font>：<a href="/default.htm" class="under">洪恩在线</a>
-> <a href="/pc/index.htm" class="under">电脑乐园</a> -> JavaScript教程</td>
</tr>
</table>
<table width="760" border=0 cellspacing="0" cellpadding="0" align="center">
<tr>
<td height="15"></td>
</tr>
</table>
<table width="760" cellspacing="0" border=0 cellpadding="0" align="center">
<tr>
<td width="160" valign="top" bgcolor="#E8E8E8" align="left" style="color:blue" class="p1" height="123">
<br>
<table width="145" border="0" cellspacing="0" cellpadding="0" bordercolor="#F8AC0E" height="20">
<tr bgcolor="000099" valign="middle">
<td width="115" align="center" class="p2"> <font color="#FFFFFF"><b>JavaScript</b></font></td>
<td height="20" bgcolor="#E8E8E8" width="13"><img src="/pc/img/title_00.gif" width="13" height="20"></td>
<td height="20" bgcolor="#E8E8E8" width="17"> </td>
</tr>
</table>
<br>
<br>
<p class="p1" style="line-height:16pt" align="left"> <a href="jsjc1.htm">1.JS简介及特点</a><br>
<a href="jsjc2.htm">2.JS与Java的区别</a><br>
<a href="jsjc3.htm">3.JS的运行环境</a><br>
<a href="jsjc4.htm">4.JS的数据类型和变量</a><br>
<font color="#336600">5.JS的语句及语法</font><br>
<a href="jsjc6.htm">6.JS的对象及其属性和方法</a><br>
<a href="jsjc7.htm">7.JS的事件处理</a> </p>
<p class="p1" style="line-height:16pt" align="left"> </p>
<p></p>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr align="center">
<td>
<table width="90%" border="0" cellspacing="0" cellpadding="0" style="line-height:16pt" >
<tr bgcolor="000099">
<td height="27" class=p2 align="center"><font color="#FFFFFF"><b>实例讲解</b></font></td>
</tr>
<tr>
<td class=p1>
<p><br>
<br>
<a href="../index.htm#１">日期时间效果</a><br>
</p>
</td>
</tr>
<tr>
<td class=p1> <a href="../index.htm#2">图片文字效果</a><br>
</td>
</tr>
<tr>
<td class=p1> <a href="../index.htm#3">窗口页面效果</a><br>
</td>
</tr>
<tr>
<td class=p1> <a href="../index.htm#4">鼠标效果</a><br>
</td>
</tr>
<tr>
<td class=p1> <a href="../index.htm#5">菜单及状态栏效果</a><br>
</td>
</tr>
<tr>
<td class=p1> <a href="../index.htm#6">其它</a></td>
</tr>
</table>
</td>
</tr>
</table>
<p class="p1" style="line-height:16pt" align="left"> </p> <p class="p1" style="line-height:16pt" align="left"> </p>
<p align="center" class=p1> <a href=/pc/bin/msg.pl?file_id=k_javascript01 target="_blank"><img src="/pc/img/message.gif" width="64" height="54" alt="请您留言" border="0"><br> 谈谈您的看法</a>
<br>
<script language="JavaScript">
speak_num="za"
</script>
<script language="JavaScript" src=/pc/var/pc_k_javascript01.js>
</script>
<script language="JavaScript">
var num=0
if (!isNaN(speak_num)){
num=speak_num;
}
else{
num=0
}
document.writeln ("已有")
document.writeln (num)
document.writeln ("条发言")
</script>
</p>
<p class="p1" style="line-height:17pt" align="left"> </p>
</td>
<td width=1 bgcolor=#0586D7 height="123"><img src="/pc/img/blank.gif" width="1" height="1">
</td>
<td width=11>
<p> </p>
</td>
<td valign="top" width="579" height="123" class="p2" align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr align="center">
<td height="85">
<table width="579" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width=464> </td>
<td align="left" width="115"><img src="img/logo5.gif" width="87" height="28"></td>
</tr>
</table>
<table width="550" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20" valign="top" align="right"><img src="img/logo1.gif" width="15" height="40"></td>
<td width="96" valign="bottom"><img src="img/logo2.gif" width="96" height="32"></td>
<td width="225" height="59" background="img/logo35.gif" valign="middle" align="center">
</td>
<td width=209><img src="img/logo4.gif" width="148" height="59"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<hr color=#000000 size=2>
</td>
</tr>
<tr background="/pc/img/line.gif">
<td background="/pc/img/line.gif">
<p class="p2"> </p>
<p class="p2"><font color="#000000"> JavaScript所提供的语句分为以下几大类： <br>
1.变量声明，赋值语句：var。<br>
语法如下： var 变量名称 [=初始值] <br>
例：var computer = 32 //定义computer是一个变量，且有初值为32。</font></p>
<p class="p2"><font color="#000000"> 2.函数定义语句：function，return。 <br>
语法如下： function 函数名称 （函数所带的参数） <br>
｛ <br>
函数执行部分 <br>
｝<br>
<br>
return 表达式 //return语句指明将返回的值。 <br>
例：function square ( x ) <br>
{ <br>
return x*x <br>
} </font></p>
<p class="p2"><font color="#000000"> 3.条件和分支语句：if...else，switch。
<br>
if...else语句完成了程序流程块中分支功能：如果其中的条件成立，则程序执行紧接着条件的语句或语句块；否则程序执行else中的语句或语句块。
语法如下： if (条件)<br>
｛ <br>
执行语句1 <br>
｝else{ <br>
执行语句2 <br>
｝ <br>
例：if (result == true)<br>
｛ <br>
response = “你答对了！” <br>
｝else{ <br>
response = “你错了！” <br>
｝<br>
<br>
分支语句switch可以根据一个变量的不同取值采取不同的处理方法。 <br>
语法如下： switch (expression)<br>
{ <br>
case label1: 语句串1； <br>
case label2: 语句串2； <br>
case label3: 语句串3；<br>
... <br>
default: 语句串3；<br>
} <br>
如果表达式取的值同程序中提供的任何一条语句都不匹配，将执行default 中的语句。 </font></p>
<p class="p2"><font color="#000000"> 4. 循环语句：for， for...in，while,break,continue。
<br>
for语句的语法如下： for (初始化部分；条件部分；更新部分)<br>
｛ <br>
执行部分... <br>
｝ <br>
只要循环的条件成立，循环体就被反复的执行。 <br>
for...in语句与for语句有一点不同，它循环的范围是一个对象所有的属性或是一个数组的所有元素。<br>
<br>
for...in语句的语法如下： for (变量 in 对象或数组)<br>
｛ <br>
语句... <br>
} <br>
<br>
while语句所控制的循环不断的测试条件，如果条件始终成立，则一直循环，直到条件不再成立。 <br>
语法如下： while (条件)<br>
</font><font color="#000000">｛ <br>
执行语句... <br>
}</font></p>
<p class="p2"><font color="#000000"> break语句结束当前的各种循环，并执行循环的下一条语句。<br>
<br>
continue语句结束当前的循环，并马上开始下一个循环。</font></p>
<p class="p2"><font color="#000000"> 5.对象操作语句：with，this，new。 <br>
with语句的语法如下：<br>
with (对象名称){<br>
执行语句 <br>
} <br>
作用是这样的：如果你想使用某个对象的许多属性或方法时，只要在with语句的（）中写出这个对象的名称，然后在下面的执行语句中直接写这个对象的属性名或方法名就可以了。
</font></p>
<p class="p2"><font color="#000000"> new语句是一种对象构造器，可以用new语句来定义一个新对象。
<br>
语法是这样的：新对象名称＝ new 真正的对象名 <br>
譬如说，我们可以这样定义一个新的日期对象： var curr＝ new Date()，然后，变量curr就具有了Date对象的属性。
</font></p>
<p class="p2"><font color="#000000"> this运算符总是指向当前的对象。 </font></p>
<p class="p2"><font color="#000000"> 6.注释语句：//，/*...*/。<br>
//这是单行注释 <br>
/*这可以多行注释.... */ </font></p>
<p class="p2"> </p>
<p align="right"><a href="jsjc4.htm">上一节</a> <a href="jsjc6.htm">下一节</a></p>
<p align="center" class=p2><a href=/pc/bin/msg.pl?file_id=k_javascript01 target="_blank"><img src="/pc/img/message.gif" width="64" height="54" alt="请您留言" border="0"><br>
谈谈您的看法</a>
<script language="JavaScript">
speak_num="za"
</script>
<script language="JavaScript" src=/pc/var/pc_k_javascript01.js>
</script>
<script language="JavaScript">
var num=0
if (!isNaN(speak_num)){
num=speak_num;
}
else{
num=0
}
document.writeln ("已有")
document.writeln (num)
document.writeln ("条发言")
</script>
</p>
<p> </p>
</td>
</tr>
</table>
</td>
<td width=12>
<p> </p>
</td>
</tr>
</table>
<!--底部开始-->
<script language="JavaScript" src="/pub/js/foot.js"></script>
<!--底部结束-->
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -