易截截图软件、单文件、免安装、纯绿色、仅160KB

JavaScript高级程序设计学习笔记4: 创建对象

1、混合的构造函数/原型方法
用构造函数定义对象的所有非函数属性,用原型方式定义对象的函数属性(方法),结果所有函数都只创建一次,而每个对象都具有自己的对象属性实例。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>混合的构造函数/原型方法</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript">   
function Car(sColor, iDoors, iMpg) {
    this.color = sColor;
    this.doors = iDoors;
    this.mpg = iMpg;
    this.drivers = new Array("Mike", "Sue");
}
Car.prototype.show = function() {
    alert(this.color + " " + this.doors + " " + this.mpg + " " + this.drivers.toString());
}
function test() {
    var oCar1 = new Car("red", 4, 23);
    var oCar2 = new Car("blue", 3, 25);
    oCar2.drivers.push("Tom");
    oCar2.drivers.shift();
    oCar2.drivers.unshift("Jim");
    oCar1.show();  //输出:red 4 23 Mike,Sue
    oCar2.show();  //输出:blue 3 25 Jim,Sue,Tom
}
</script>
</head>
<body>
<input type="button" onclick="test()" value="确定"/>
</body>
</html>
2、动态原型方法
动态原型方法的基本想法与混合的构造函数/原型方式相同,即在构造函数内定义非函数属性,而函数属性则利用原型属性定义。唯一的区别是赋予对象方法的位置,动态原型方法提供更友好的编码风格。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">
<html xmlns


相关文档:

JavaScript判断浏览器类型及版本

      通过分析各类浏览器的userAgent信息,不难得出分辨各类浏览器及其版本的正则表达式。而且,对浏览器类型的判断和版本的判断完全可以合为一体地进行。于是,我们可以写出下面的代码:
    <script type="text/javascript">
       ......

Javascript实现日期时间的倒计时

<html>
<body>
<SCRIPT type="text/javascript">
<!--
var target=[]
var time_id=[]
function ShowDateTime(){
    setTimeout("ShowDateTime()", 1000);
for (var i=0,j=target.length;i<j;i++)
{
    var today=new Date();
    timeo ......

javascript parseInt is broken

javascript parseInt is broken
I was debugging some strange errors in a date conversion function I was writing, and I stumbled upon something that amazed me... a strange bug in parseInt
>>>parseInt('06')
6
>>>parseInt('07')
7
>>>parseInt('08')
0
>>>parseInt ......

Zakas解答Baranovskiy的JavaScript小测试

转载自:http://hikejun.com/blog/?p=536
Zakas 1/22在twitter上分享了Baranovskiy的一篇文章“So, you think you know JavaScript?
”(你认为你够了解javascript吗)标题很叫板。结果5小段代码做的稀里哗啦。
今天Zakas专门撰文解答了这几道题(http://www.nczonline.net/blog/2010/01/26/answering-baranov ......

document 文挡对象 JavaScript脚本语言描述

document 文挡对象 - JavaScript脚本语言描述
---------------------------------------------------------------------
注:页面上元素name属性和JavaScript引用的名称必须一致包括大小写
    否则会提示你一个错误信息 "引用的元素为空或者不是对象"
------------------------------------------- ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号