JavaScript教程:基于对象的JS语言范例
JavaScript语言是基于对象的（Object-Based），而不是面向对象的（object-oriented）。之所以说它是一门基于对象的语言，主要是因为它没有提供象抽象、继承、重载等有关面向对象语言的许多功能。而是把其它语言所创建的复杂对象统一起来，从而形成一个非常强大的对象系统。
网页教学网
虽然JavaScript语言是一门基于对象的，但它还是具有一些面向对象的基本特征。它可以根据需要创建自己的对象，从而进一步扩大JavaScript的应用范围，增强编写功能强大的Web文文件。
三、范例 Webjx.Com
下面是一个时钟显示的JavaScript文檔。在文文件中用了非常多的函数。
Test4_1.htm
<html>
<head>
<style TYPE="text/css"> 网页教学网
<style>
</style> 网页教学网
<title>时钟</title>
<script LANGUAGE="JavaScript">
function showClock() {
}
function hideClock() { Webjx.Com
}
var timerID = null
var timerRunning = false
function stopClock() {
if(timerRunning)
clearTimeout(timerID);
timerRunning = false
document.clock.face.value = "";
} Webjx.Com
function showTime() {
网页教学网
var now = new Date();
var year = now.getYear();
var month = now.getMonth() + 1;
网页教学网
var date = now.getDate(); 网页教学网
var hours = now.getHours();
var mins = now.getMinutes();
var secs = now.getSeconds();
Webjx.Com
var timeVal = "";
timeVal += ((hours <= 12) ? hours : hours - 12); 网页教学网
timeVal += ((mins < 10) ? ":0" : ":") + mins; Webjx.Com
timeVal += ((secs <= 10) ? ":0" : ":") + secs;
timeVal += ((hours < 12) ? "AM" : "PM");
timeVal += ((month < 10) ? " on 0" : " on ") + month + "-";
timeVal += date + "-" + year;
document.clock.face.value = timeVal; 网页教学网
timerID = setTimeout("showTime()", 1000);
timerRunning = true Webjx.Com
} Webjx.Com
function startClock() {
stopClock();
showTime();
}
function windowOpener( indexnum ){
var loadpos="date.html"+"#"+indexnum; 网页教学网
controlWindow=window.open(loadpos,"date","toolbar=no,location=no,directories=no,
status=no,menubar=no,scrollbars=yes,resizable=yes,width=620,height=400"); Webjx.Com
}
</script>
</head>
<body onLoad="startClock()" >
<p align="center"><big><span style="background-color: rgb(45,45,45)"><font face="Arial">form</font> <font face="宋体">时钟</font></span></big></p> 网页教学网
<p align="center"></p>
<div align="center"><center>
<table border="0" cellspacing="0" cellpadding="0">
<tr> 网页教学网
<td width="100%"><form NAME="clock" onSubmit="0">
<div align="center"><center><p><input TYPE="text" NAME="face" size="20" VALUE style="background-color: rgb(192,192,192)"> </p>
</center></div> 网页教学网
</form>
</td>
</tr>
Webjx.Com
</table>
</center></div>
</body>
</html>
见图所示：
本讲介绍了基于对象的JavaScript中常用内部对象属性、方法的使用。
文章评论
共有 0 位网友发表了评论 查看完整内容