📄 jsjc6.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="159" 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>
<a href="jsjc5.htm">5.JS的语句及语法</a><br>
<font color="#336600">6.JS的对象及其属性和方法</font><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>
<br><br><br><br>
<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=9>
<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/logo36.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>
<td background="/pc/img/line.gif" class=p2>
<p><font color="#000000" class=p2> 在JavaScript中是基于对象的编程，而不是完全的面向对象的编程。 </font><font color="#000000"><br>
<br>
那麽什麽是对象呢？如果你学过一些VB的编程，对这个名词一定不会陌生。通俗的说，对象是变量的集合体，对象提供对于数据的一致的组织手段，描述了一类事物的共同属性。
</font></p>
<p><font color="#000000"> 在JavaScript中，可以使用以下几种对象： <br>
1.由浏览器根据web页面的内容自动提供的对象。 <br>
2.JavaScript的内置对象，如Date,Math等。 <br>
3.服务器上的固有对象。 <br>
4.用户自定义的对象。 </font></p>
<p><font color="#000000"> JavaScript中的对象是由属性和方法两个基本的元素的构成的。对象的属性是指对象的背景色，长度，名称等。对象的方法是指对属性所进行的操作，就是一个对象自己所属的函数，如对对象取整，使对象获得焦点，使对象获得个随机数等等一系列操作。</font></p>
<p><font color="#000000"> 举个例子来说，将汽车看成是一个对象，汽车的颜色，大小，品牌等叫做属性，而发动，刹车，拐弯等就叫做方法。
</font></p>
<p><font color="#000000"> 可以采用这样的方法来访问对象的属性：对象名称.属性名称，例：mycomputer.year=1996，mycomputer.owner
= “me”。</font></p>
<p><font color="#000000"> 可以采用这样的方法，将对象的方法同函数联系起来：对象.方法名字=函数名字或对象.属性.方法名，例：this.display=display，document.writeln（“this
is method”）。 </font></p>
<p><font color="#000000"> 多看或多写一些程序，就会理解对象的方法和属性的含义了！各个<a href="http://netgo.silversand.net/js/js/objects.html">对象</a>的各种<a href="http://netgo.silversand.net/js/js/props.html">属性</a>和<a href="http://netgo.silversand.net/js/js/methods.html">方法</a>，可点击参考！</font>
</p>
<p style="line-height:17pt" align="left"> </p>
<p align="right"><a href="jsjc5.htm">上一节</a> <a href="jsjc7.htm">下一节</a> </p>
<p> </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=13>
<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 + -