JavaScript教程:基于对象的JS语言范例- Javascript

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JavaScript教程:基于对象的JS语言范例

Javascript: JavaScript 继承详解（四）; 兼容IE/Firefox/Opera/Safari的检测页面装载完毕的脚本Ext.onReady的实现; js 实现无缝滚动兼容IE和FF; js 对象是否存在判断; 优化 JavaScript 代码的方法小结; 表单元素事件 (Form Element Events); js 动态创建 html元素; prototype 学习笔记整理; JavaScript 创建对象; javascript 全角转换实现代码; DOM 基本方法; 用showModalDialog弹出页面后，提交表单总是弹出一个新窗口; javascript 动态创建 Option选项; javascript 7行代码画出一个围棋棋盘; 比较简单的异步加载JS文件的代码; javascript 层隐藏和显示的代码; 自定义滚动条3.0; javascript iframe内的函数调用实现方法; Prototype Class对象学习; Prototype RegExp对象学习

No. « ‹ 146 147 148 149 › »

技术文章搜索

关键字

Javascript 中的 JavaScript教程:基于对象的JS语言范例

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-28 浏览: 161 ::

收藏到网摘: n/a

JavaScript教程:常用对象的属性和方法 JavaScript教程:对象的定义

JavaScript语言是基于对象的（Object-Based），而不是面向对象的（object-oriented）。之所以说它是一门基于对象的语言，主要是因为它没有提供象抽象、继承、重载等有关面向对象语言的许多功能。而是把其它语言所创建的复杂对象统一起来，从而形成一个非常强大的对象系统。

虽然JavaScript语言是一门基于对象的，但它还是具有一些面向对象的基本特征。它可以根据需要创建自己的对象，从而进一步扩大JavaScript的应用范围，增强编写功能强大的Web文文件。

三、范例

下面是一个时钟显示的JavaScript文檔。在文文件中用了非常多的函数。

Test4_1.htm

<html>

<head>

<style>

</style>

function showClock() {

}

function hideClock() {

}

var timerID = null

var timerRunning = false

function stopClock() {

if(timerRunning)

clearTimeout(timerID);

timerRunning = false

document.clock.face.value = "";

}

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();

var timeVal = "";

timeVal += ((hours <= 12) ? hours : hours - 12);

timeVal += ((mins < 10) ? ":0" : ":") + mins;

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

}

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");

}

</script>

</head>

<tr>

</center></div>

</form>

</td>

</tr>

</table>

</center></div>

</body>

</html>

见图所示：

本讲介绍了基于对象的JavaScript中常用内部对象属性、方法的使用。

JavaScript教程:常用对象的属性和方法 JavaScript教程:对象的定义

Javascript 中的 JavaScript教程:基于对象的JS语言范例

评论 (0) All