[整理]JavaScript最流行的2种定义类的方式
转自:http://www.cnblogs.com/greki/archive/2009/06/02/1494863.html
其它方式:工厂方式,构造函数方式,原型方式都各有各的大缺陷,这里就不一一介绍了,想了解的可以去看一下这本著作的第3章节。
1. 混合构造函数/原型方式
function Car(sColor, iDoors, iMpg) {
this .color = sColor;
this .doors = iDoors;
this .mpg = iMpg;
this .drivers = new Array(“Mike”, “Sue”);
}
Car.prototype.showColor = function () {
alert( this .color);
};
var oCar1 = new Car(“red”, 4 , 23 );
var oCar2 = new Car(“blue”, 3 , 25 );
oCar1.drivers.push(“Matt”);
alert(oCar1.drivers); // outputs “Mike,Sue,Matt”
alert(oCar2.drivers); // outputs “Mike,Sue”
优点:具有其它方式的优点而没有其它方式的缺点
不足:封装性欠缺
2 . 动态原型方式
function Car(sColor, iDoors, iMpg)
{
this .color = sColor;
this .doors = iDoors;
this .mpg = iMpg;
this .drivers = new Array(“Mike”, “Sue”);
if ( typeof Car._initialized == “undefined”)
{
Car.prototype.showColor = function ()
{
alert( this .color);
} ;
Car._initialized = true ;
}
}
优点:封装性比上一个方式更好
不足:就是看上去奇怪一点,呵呵
总之,以上2种方式是目前最广泛使用的,尽量使用它们避免不必要的问题。
相关文档:
1.document.write( " "); 输出语句
2.JS中的注释为//
3.传统的HTML文档顺序是:document- >html- >(head,body)
4.一个浏览器窗口中的DOM顺序是:window- >(navigator,screen,history,location,document)
5.得到表单中元素的名称和值:document.getElementById( "表单中元素的ID號 ").name(或value)
6.一个 ......
IE可以调用:
<script type="text/javascript">
// 说明:获取页面上选中的文字
// 整理:http://www.CodeBit.cn
function getSelectedText() {
if (window.getSelection) {
// This technique is the most likel ......
近日,知名技术开发网站SYS-CON 媒体列出十个应用最广的javascript框架。文章说,Javascript库已经成为设计优秀网站的基础,当今几乎所有站点都带有Javascript或Ajax元素。在Web2.0开发大潮中,它也许是最关键的要素。
以下十大Javascript框架,你常用其中的几个?
1. script.aculo.us (http://script.aculo.us/)
......
原文:《Speeding
up JavaScript: Working with the DOM》
作者: KeeKim Heng, Google Web Developer
在我们开发互联网富应用(RIA)时,我们经常写一些javascript脚本来修改或者增加页面元素,这些工作最终是DOM——或者说文档对象模
型——来完成的,而我们的实现方式会影响到应用的响应速度。 ......
网页常用小技巧
1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)><td>no</table> 可用于Table
2. <body onselectstart="return false"> 取消选取、防止复制
3. onpaste="return false" 不准粘贴
4. oncopy="return fa ......