久久精选视频,亚洲成人久久久久,日本一区二区三区久久久久久久久不

飞熊 — Wed, 11 Aug 2010 00:30:00 GMT

javascript跨浏览器��d��事�g�l�定 bind()

IE �?strong>事�g�l�定函数�?strong> attachEvent�Q��?Firefox, Safari �?addEventListener�Q�Opera 则两�U�都支持。��用jQuery��可以��用简单的bind()�Q�或�?().click()之类的函数解冻I��而如果不使用JavaScript框架的时候，大家可是使用下面的封装bind()函数。      �?
/************************************
* ��d��事�g�l�定
* @param obj   : 要绑定事件的元素
* @param type : 事�g名称。不�?"on". �?: "click" 而不�?"onclick".
* @param fn    : 事�g处理函数
************************************/
function bind( obj, type, fn ){if( obj.attachEvent){
        obj['e'+type+fn]= fn;
        obj[type+fn]=function(){obj['e'+type+fn]( window.event);}
        obj.attachEvent('on'+type, obj[type+fn]);}else
        obj.addEventListener( type, fn,false);}

例如�l�document��d��一个点��M��件 �?
var fn=function(){alert("Hello, World!!");};
bind(document,"click", fn);

删除事�g�l�定 unbind()

unbind()对于上面的bind()函数
/************************************
* 删除事�g�l�定
* @param obj : 要删除事件的元素
* @param type : 事�g名称。不�?"on". �?: "click" 而不�?"onclick"
* @param fn : 事�g处理函数
************************************/
function unbind( obj, type, fn ){if( obj.detachEvent){
        obj.detachEvent('on'+type, obj[type+fn]);
        obj[type+fn]=null;}else
        obj.removeEventListener( type, fn,false);}

例如删除�W�一个绑定的document点击事�g�Q?br />unbind(document,"click",fn);
摘自�Q?a >http://www.js8.in/408.html

飞熊 2010-08-11 08:30 发表评论

实现JavaScript跨浏览器

飞熊 — Wed, 11 Aug 2010 00:28:00 GMT

开发跨��览器的JavaScript�Q��ƈ不是一件很�Ҏ��的事�Q�下面是一些经验�ȝ��?/p>

一、动态向表中��d��?/p>

问题�Q�IE中，不能��行增加到表table�?
解决�Ҏ��Q�将行增加到表体tbody�?
�C�Z��Q?a >点击查看

二、动态设�|�元素style属�?/p>

问题�Q�IE下支持object.style.cssText="style:value"�Q�Firefox下��用object.setAttribute("style", value)
解决�Ҏ��Q�统一用object.style.属性＝倹{�?
�C�Z��Q?a >点击查看

三、动态设�|�元素的Class属�?/p>

问题�Q�IE下��用object.setAttribute("className", value)�Q�Firefox下��用object.setAttribute("class", value)�?
解决�Ҏ��Q�统一用object.className=value�?
�C�Z��Q?a >点击查看

四、动态创建Input元素

问题�Q�IE中先��d��元素�Q�后讄��的属性不起作用�?
解决�Ҏ��Q�先��d��属性，再添加元素�?
�C�Z��Q?a >点击查看

五、动态设�|�标�{�ֆ��?/p>

问题�Q�IE中用innerText属性，相反圎ͼ�Firefox下用textContent属性�?
解决�Ҏ��Q�先判断��览器类型，再分别设�|�，当然也可以同时设�|�。还有一�U�方法就是用innerHTML来替换�?
�C�Z��Q?a >点击查看

六、增加和删除Option

问题�Q�增加Option�Ӟ��Firefox下不支持object.add�Ҏ��。删除Option�Ӟ��Firefox下不支持object.options .remove�Ҏ��?
解决�Ҏ��Q�增加Option�Ӟ��使用object.options.add�Ҏ��。删除Option�Ӟ��使用object.remove�Ҏ��。另外也可以用DOM的AppendChild和removeChild�Ҏ��?
�C�Z��Q?a >点击查看

七、动态创建单选按�?/p>

问题�Q�IE不能用setAttribute�Ҏ��d��name属性，相反圎ͼ�Firefox下不能用createElement(htmlStr)来添加name属性�?
解决�Ҏ��Q�先判断��览器类型，再分别设�|�。当然也可以同时讄��?
�C�Z��Q?a >点击查看

八、document.formName.item("itemName")

问题�Q�IE下，可以使用 document.formName.item("itemName") �?document.formName.elements ["elementName"]�Q�Firefox下，只能使用document.formName.elements["elementName"]�?
解决�Ҏ��Q�统一使用document.formName.elements["elementName"]�?

九、动态创建单选按�?/p>

问题�Q�IE下，可以使用()或[]获取集合�c�d��象；Firefox下，只能使用 []获取集合�c�d��象�?
解决�Ҏ��Q�统一使用[]获取集合�c�d��象�?

十、自定义属�?/p>

问题�Q�IE下，可以使用获取常规属性的�Ҏ��来获取自定义属性，也可以��?getAttribute() 获取自定义属性；Firefox下，只能使用 getAttribute() 获取自定义属�?
解决�Ҏ��Q�统一通过 getAttribute() 获取自定义属性�?

十一、eval("idName")

问题�Q�IE下，可以使用 eval("idName") �?getElementById("idName") 来取�?id �?idName 的HTML对象�Q�Firefox下，只能使用 getElementById("idName") 来取�?id �?idName 的HTML对象�?
解决�Ҏ��Q�统一�?getElementById("idName") 来取�?id �?idName 的HTML对象�?

十二、event.srcElement

问题�Q�IE下，even对象有srcElement属性，但是没有target属性；Firefox下，even对象有target属性，但是没有srcElement属性�?
解决�Ҏ��Q��用srcObj = event.srcElement ? event.srcElement : event.target;

十三、访问的父元�?/p>

问题�Q�在IE下，使用obj.parentElement或obj.parentNode讉K��obj的父�l�点�Q�在firefox下，使用obj.parentNode讉K��obj的父�l�点�?
解决�Ҏ��Q�因为firefox与IE都支持DOM�Q�因此统一使用obj.parentNode 来访问obj的父�l�点�?

十四、innerText

问题�Q�innerText在IE中能正常工作�Q�但是innerText在FireFox中却不行�?
解决�Ҏ��Q�在非IE��览器中使用textContent代替innerText�?

十五、模态和非模态窗口问�?/p>

问题�Q�IE下，可以通过showModalDialog和showModelessDialog打开模态和非模态窗口；Firefox下则不能�?
解决�Ҏ��Q�直接��?window.open(pageURL,name,parameters) 方式打开新窗口。如果需要将子窗口中的参��C��递回父窗口，可以在子�H�口中��用window.opener来访问父�H�口。如果需要父�H�口控制子窗口的话，使用var subWindow = window.open(pageURL,name,parameters); 来获得新开的窗口对象�?

十六、frame和iframe问题

问题�Q�要讉K��frame对象�Q�IE下��用window.frameId或者window.frameName来访问这个frame对象�Q�Firefox下��用window.frameName来访问这个frame对象�Q?
解决�Ҏ��Q�统一使用 window.document.getElementById("frameId") 来访问这个frame对象。在IE和Firefox中都可以使用window.document.getElementById("frameId").src 或window.frameName.location来切换frame的内容；如果需要将frame中的参数传回父窗口，可以在frame中��用parent关键字来讉K��父窗口�?/li>

飞熊 2010-08-11 08:28 发表评论

setCapture和releaseCapture的小应用

飞熊 — Tue, 22 Jun 2010 09:08:00 GMT

web开发和windows开发最大的区别��是windows开发是有状态的,而web开发是无状态的,在windows�?一切操作都可以��q��序来控制 ,除非强制执行ctrl+alt+del;但web操作��׃��一样了,即��执行很重要的操作,用户一点击��览器关闭按�?��将前面操作成果化�ؓ乌有.��管可以在onunload事�g中加些代�?让用户可以选择是否退�?但不能从�Ҏ��上解决问�?
        前几�?从网上看到setCapture�Ҏ��,了解了一�?大体是这��L��意�?当在IE文档某个区域中��用了�q�个�Ҏ��,�q�且写了onclick或者onmouse***�{�有关的鼠标事�g�Ҏ��,那么它就会监视相应的鼠标操作,即��你的鼠标�U�d��了IE,它也一栯��捕获�?如果你在某div中的onclick事�g中写了一个alert命��o,�q�时,你点�ȝ��关闭按钮,它也一样会弹出alert�H�口.releaseCapture与setCapture�Ҏ��相反,释放鼠标监控.
        利用�q�个�Ҏ�?我们可以延缓IE的关闭窗口等破坏性操�?��一些重要的操作能够在破坏性操作执行之前得到处�?
        有一炚w��?setCapture和releaseCapture 不支持键盘事�?只对onmousedown, onmouseup, onmousemove, onclick, ondblclick, onmouseover, onmouseout�q�样的鼠标事件�v作用.
        下面是一个小例子,若我们要对divMain�q�个div元素里面的内容进行保�?
         1). 对divMain执行setCapture�Ҏ��:
document.getElementById("divMain").setCapture();
2).加入一按钮btnChange,可以�q�行setCapture和releaseCapture切换,定义一全局变量;
var isFreeze = true;
3).在btnChange的onclick事�g�?加入下列代码:
function change_capture(obj)
...{
        isFreeze = !isFreeze;
    if(isFreeze)
    ...{
        obj.value = "releaseCapture";
        document.getElementById("divMain").setCapture();
    }
    else
    ...{
        obj.value = "setCapture";
        alert('保存�Q?);                        //可以执行重要操作
        document.getElementById("divMain").releaseCapture();
    }
}4).divMain的onclick事�g�?加入下列代码:
function click_func()
...{
    if(event.srcElement.id == "divMain")
    ...{
        alert("处理�?..");                                                            //常规操作
        document.getElementById("divMain").setCapture();
    }
    else
    ...{
        if(isFreeze && event.srcElement.id != "btnChange")
        ...{
            alert('未执行releaseCapture,不能点击');
            document.getElementById("divMain").setCapture();
        }
    }
}5).对ALT+F4�q�行处理,在body的onkeydown事�g中加入下列代�?
function keydown_func()
...{
    if (event.keyCode==115 && event.altKey)            //ALT+F4
    ...{
        if(isFreeze)
        ...{
                alert('保存�Q?);                                        //可以执行重要操作
               }
            //window.showModelessDialog("about:blank","","dialogWidth:1px;dialogheight:1px");
        //return false;
        }
        document.getElementById("divMain").setCapture();
}完整代码如下:


        setCapture和releaseCapture的小应用

            点一下IE的菜单或者按钮看�?) 又或者IE�H�口外的地方

注意:该实例仅能应用于IE

本文来自CSDN博客�Q��{载请标明出处�Q?a >http://blog.csdn.net/redleaf1995/archive/2008/03/06/2154784.aspx

飞熊 2010-06-22 17:08 发表评论

call、apply、caller、callee使用�Ҏ��

飞熊 — Tue, 22 Jun 2010 09:06:00 GMT

一、call �Ҏ��
调用一个对象的一个方法，以另一个对象替换当前对�?其实��是更改对象的内部指针，��x��变对象的this指向的内�?�?
Js代码
call([thisObj[,arg1[, arg2[, [,.argN]]]]])
参数
thisObj
可选项。将被用作当前对象的对象�?
arg1, arg2, , argN
可选项。将被传递方法参数序列�?
说明
call �Ҏ��可以用来代替另一个对象调用一个方法。call �Ҏ��可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。如果没有提�?thisObj 参数�Q�那�?Global 对象被用�?thisObj�?
Js代码

复制代码代码如下:

Code
function Obj(){this.value="对象�Q?;}
var value="global 变量";
function Fun1(){alert(this.value);}
window.Fun1(); //global 变量
Fun1.call(window); //global 变量
Fun1.call(document.getElementById('myText')); //input text
Fun1.call(new Obj()); //对象�Q?/div>
Js代码
Code

复制代码代码如下:

var first_object = { 
num: 42 
}; 
var second_object = { 
num: 24 
}; 
function multiply(mult) { 
return this.num * mult; 
} 
multiply.call(first_object, 5); // returns 42 * 5 
multiply.call(second_object, 5); // returns 24 * 5

二、apply�Ҏ��
apply�Ҏ��的第一个参��C��是要传入�l�当前对象的对象�Q�即函数内部的this。后面的参数都是传递给当前对象的参数�?
对于apply和call两者在作用上是相同的，但两者在参数上有区别的。对于第一个参数意义都一��P��但对�W�二个参敎ͼ�apply传入的是一个参数数�l�，也就是将多个参数�l�合成�ؓ一个数�l�传入，而call则作为call的参��C��入（从第二个参数开始）�?
�?func.call(func1,var1,var2,var3)对应的apply写法为：func.apply(func1,[var1,var2,var3])同时使用apply的好处是可以直接��当前函数的arguments对象作�ؓapply的第二个参数传入�?
Js代码

复制代码代码如下:

var func=new function(){this.a="func"} 
var myfunc=function(x,y){ 
var a="myfunc"; 
alert(this.a); 
alert(x + y); 
} 
myfunc.call(func,"var"," fun");// "func" "var fun" 
myfunc.apply(func,["var"," fun"]);// "func" "var fun"

三、caller 属�?
�q�回一个对函数的引用，卌��用了当前函数的函��C��?
functionName.caller :functionName 对象是所执行函数的名�U��?
说明:
对于函数来说�Q�caller 属性只有在函数执行时才有定义�?如果函数是由 JScript �E�序的顶层调用的�Q�那�?caller 包含的就�?null 。如果在字符串上下文中��?caller 属性，那么�l�果�?functionName.toString 一��P��也就是说�Q�显�C�的是函数的反编译文本�?
Js代码

复制代码代码如下:

function CallLevel(){ 
if (CallLevel.caller == null) 
alert("CallLevel was called from the top level."); 
else 
alert("CallLevel was called by another function:\n"+CallLevel.caller); 
} 
function funCaller(){ 
CallLevel(); 
} 
CallLevel(); 
funCaller()

四、callee属�?
�q�回正被执行�?Function 对象�Q�也��是所指定�?Function 对象的正文�?
[function.]arguments.callee:可选项 function 参数是当前正在执行的 Function 对象的名�U��?
说明:
callee 属性的初始值就是正被执行的 Function 对象�?
callee 属性是 arguments 对象的一个成员，它表�C�对函数对象本��n的引用，�q�有利于�?
函数的递归或者保证函数的��装性，例如下边�C�Z��的递归计算1到n的自然数之和。而该属�?
仅当相关函数正在执行时才可用。还有需要注意的是callee拥有length属性，�q�个属性有�?
用于验证�q�是比较好的。arguments.length是实参长度，arguments.callee.length�?
形参长度�Q�由此可以判断调用时形参长度是否和实参长度一致�?
Js代码

复制代码代码如下:

//callee可以打印其本�w?
function calleeDemo() { 
alert(arguments.callee); 
} 
//用于验证参数 
function calleeLengthDemo(arg1, arg2) { 
if (arguments.length==arguments.callee.length) { 
window.alert("验证形参和实参长度正���！"); 
return; 
} else { 
alert("实参长度�Q? +arguments.length); 
alert("形参长度�Q?" +arguments.callee.length); 
} 
} 
//递归计算 
var sum = function(n){ 
if (n <= 0) 
return 1; 
else 
return n �Q�arguments.callee(n - 1) 
}

五、bind
Js代码

复制代码代码如下:

var first_object = { 
num: 42 
}; 
var second_object = { 
num: 24 
}; 
function multiply(mult) { 
return this.num * mult; 
} 
Function.prototype.bind = function(obj) { 
var method = this, 
temp = function() { 
return method.apply(obj, arguments); 
}; 
return temp; 
} 
var first_multiply = multiply.bind(first_object); 
first_multiply(5); // returns 42 * 5 
var second_multiply = multiply.bind(second_object); 
second_multiply(5); // returns 24 * 5

六、JS闭包(Closure)
所谓“闭包”，指的是一个拥有许多变量和�l�定了这些变量的环境的表辑ּ��Q�通常是一个函敎ͼ��Q�因而这些变量也是该表达式的一部分�?
关于闭包�Q�最��单的描述��是 ECMAScript 允许使用内部函数�Q�－卛_��数定义和函数表达式位于另一个函数的函数体内。而且�Q�这些内部函数可以访问它们所在的外部函数中声明的所有局部变量、参数和声明的其他内部函数。当其中一个这��L��内部函数在包含它们的外部函数之外被调用时�Q�就会�Ş成闭包。也��是��_��内部函数会在外部函数�q�回后被执行。而当�q�个内部函数执行�Ӟ��它仍然必需讉K��其外部函数的局部变量、参��C��及其他内部函数。这些局部变量、参数和函数声明�Q�最初时�Q�的值是外部函数�q�回时的��|��但也会受到内部函数的影响�?
��而言之，闭包的作用就是在out function执行完�ƈ�q�回后，闭包使得Javascript的垃圑֛�收机制GC不会收回out function所占用的资源，因�ؓout function的内部函数inner function的执行需要依赖out function中的变量�?
闭包的两个特点：
1、作��Z��个函数变量的一个引�?- 当函数返回时�Q�其处于�Ȁ�zȝ��态�?
2、一个闭包就是当一个函数返回时�Q�一个没有释放资源的栈区�?
�?�Q?
Html代码

复制代码代码如下:

�?�Q?
Html代码

复制代码代码如下:

�?�Q?
Js代码

复制代码代码如下:

说明�Q�其中的关键技巧在于通过执行一个单行（in-line�Q�函数表辑ּ�创徏一个额外的执行环境�Q�而将该函数表辑ּ��q�回的内部函��C��为在外部代码中��用的函数。此�Ӟ��~�冲数组被定义�ؓ函数表达式的一个局部变量。这个函数表辑ּ�只需执行一�ơ，而数�l�也只需创徏一�ơ，��可以供依赖它的函数重复使用�?
七、原型链
ECMAScript �?Object �c�d��定义了一个内�?[[prototype]] 属性。这个属性不能通过脚本直接讉K��Q�但在属性访问器解析�q�程中，则需要用到这个内部[[prototype]] 属性所引用的对象链�Q�－卛_��型链。可以通过一个公��q�� prototype 属性，来对与内部的 [[prototype]] 属性对应的原型对象�q�行赋值或定义�?
�?�Q?

飞熊 2010-06-22 17:06 发表评论

Div样式�ȝ��

飞熊 — Fri, 19 Mar 2010 01:48:00 GMT

摘要: 1 2 3 阅读全文

飞熊 2010-03-19 09:48 发表评论

Opener�Q�parent�Q�top�Q�self�{�窗体属性的比较

飞熊 — Thu, 18 Mar 2010 07:52:00 GMT

1.Opener�Q�获取创建本�H�口的窗口的引用�Q�不在本�H�口的对象层�ơ体�p�M��

只能在用window.open打开的页面中�H�口中可以访问到opener属性，而对于用showModalDialog和showModalessDialog弹出的窗口则不能讉K��刎ͼ�其opener属性引用�ؓ�I��?/p>

2.parent�Q�top�Q�获取的是对本窗口中对象层次元素的引用，对于用iframe或者frame的较有实际意�?br />对于用window.open和showModalDialog以及showModalessDialog打开的窗口而言�Q�返回的是本�H�口对象层次的元素引用，对于�q�种情况�Q�parent�Q�top�Q�self三者的引用相同�Q�都是当前的�H�体自��n�Q�但对于�H�体中的frame和iframe加蝲的页面元素来��_��q�回的则不相同。parent �q�回的时包含该iframe的页面窗口引用，top则返回最上层的窗口引用，self当然�q�回的仍然是自��n的引用�?br />
3.self�Q�window都是获取当前��面�H�口自��n对象的引�?br />每个��面自��n代码中访问页面自�w�窗体可以采用self和window来访问到�?br />
4.利用window参数传递和dialogArguments来获取弹出窗口的�H�口引用
��Z��能够在用showModalDialog和showModalessDialog弹出�H�口中引用到弹出�H�口的引用，我们可以在showModalDialog和showModalessDialog的第二个参数传入window�Q�然后再弹出的页面中用dialogArguments来获取刚才传入的window�Q�即弹出�H�口的窗口的引用�?br />转蝲�Q?a href="/standlww/archive/2009/04/28/267807.html">http://www.aygfsteel.com/standlww/archive/2009/04/28/267807.html

飞熊 2010-03-18 15:52 发表评论

js常用代码

飞熊 — Tue, 09 Mar 2010 03:07:00 GMT

1. oncontextmenu="window.event.returnValue=false" ��彻底屏蔽鼠标右键特�?br />no 可用于Table

2. 取消选取、防�?b style="COLOR: black; BACKGROUND-COLOR: #99ff99">复制 javascript技�?/span>

3. onpaste="return false" 不准�_�脓技�?/span>

4. oncopy="return false;" oncut="return false;" 防止复制的javascirpt�Ҏ��

5.

功能�Q?b style="COLOR: black; BACKGROUND-COLOR: #a0ffff">��止右键、禁选择、禁�_�脓、禁shift、禁ctrl、禁alt

JavaScript">

在JSP标准的语法中�Q�如果pageEncoding属性存在，那么JSP��面的字�W�编码方式就由pageEncoding军_��Q�否则就由contentType属性中的charset军_��Q�如果charset也不存在�Q�JSP��面的字�W�编码方式就采用默认的ISO-8859-1�?

//��d��到收藏夹
function AddToFavorite()
{
    if (document.all){
       window.external.addFavorite(document.URL,document.title);
    }else if (window.sidebar){
       window.sidebar.addPanel(document.title, document.URL, "");
    }
}

//设�ؓ首页
function setHomepage(){
    if (document.all){
    document.body.style.behavior='url(#default#homepage)';
    document.body.setHomePage(document.URL);
  }else if (window.sidebar){
        if(window.netscape){
       try{
          netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
       }catch (e){
                    alert( "该操作被��览器拒�l�，如果惛_��用该功能�Q�请在地址栏内输入 about:config,然后��项 signed.applets.codebase_principal_support ��D��为true" );
       }
        }
    var prefs = Components.classes['@mozilla.org/preferences-service;1'].getService(Components. interfaces.nsIPrefBranch);
    prefs.setCharPref('browser.startup.homepage',document.URL);
    }
}

飞熊 2010-03-09 11:07 发表评论

JS注意事项

飞熊 — Sat, 30 Jan 2010 16:25:00 GMT

JS中onpropertychange事�g和onchange事�g区别�Q?br /> 当一个HTML元素的属性用js改变的时候，都能通过 onpropertychange来捕莗��例如一�?对象的value属性被��面的脚本修改的时候，onchange无法捕获刎ͼ�而onpropertychange却能够捕莗��?
也就是说�Q�onpropertychange事�g在用键盘每改变一下文本框的值或用js改变其��g��会触发一下，而onchange只有在用键盘改变其��|��然后在失�ȝ��?onblur)后才触发�Q�用js改变其��g��能触�?onpropertychange和onchange都不��文本框中的实际值有没有变，只要有改的相应操作就可能触发。有时当上面两时间都不能满��需求时�Q�可以考虑只用onblur�?br /> IE下，当一个HTML元素的属性改变的时候，都能通过 onpropertychange来捕莗��例如一�?对象的value属性被��面的脚本修改的时候，onchange无法捕获刎ͼ�而onpropertychange却能够捕莗��?br />也就是说�Q�onpropertychange能及时捕获属性值的变化�Q�而onchange在属性值改变时�q�必��M��得当前元素失�ȝ��?onblur)才可以激�z�该事�g�Q?span style="COLOR: red">onpropertychange事�g只能在IE下��?/span>�?img src ="http://www.aygfsteel.com/kyleYang/aggbug/311360.html" width = "1" height = "1" />

飞熊 2010-01-31 00:25 发表评论

javaScript常用例子

飞熊 — Sat, 30 Jan 2010 16:19:00 GMT

1.取消按钮按下时的虚线�?
　　在input里添加属性�?hideFocus 或�?HideFocus=true
2.只读文本框内�?/strong>
      在input里添加属性�?readonly
3.防止退后清�I�的TEXT文档(可把style内容做做为类引用)
　　
4.ENTER键可以让光标�U�d��下一个输入框
　　
5.只能��Z��?有闪�?
　　         onkeydown="if(event.keyCode==13) event.keyCode=9">
6.只能为数�?有闪�?
　　
7.只能为数�?无闪�?
　　         onkeydown="if(event.keyCode==13) event.keyCode=9" onKeyPress="if ((event.keyCode<48
         event.keyCode>57)) event.returnValue=false">
8.只能输入英文和数�?有闪�?
　　         onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(
         /[^\d]/g,''))">
9.屏蔽输入�?/strong>
　　         onkeydown="if(event.keyCode==13)event.keyCode=9">
10. 只能输入数字�Q�小数点�Q�减��P��-�Q?字符(无闪�?
　　
11. 只能输入两位��数�Q�三位小�?有闪�?
　　         onkeyup="if(value.match(/^\d{3}$$/)) value=value.replace(value,parseInt(value/10))
         ;value=value.replace(/\.\d*\./g,'.')" onKeyPress="if((event.keyCode<48
         event.keyCode>57) && event.keyCode!=46 && event.keyCode!=45 value.match(/^\d{3}$$/)
         /\.\d{3}$$/.test(value)) {event.returnValue=false}" id=text_kfxe name=text_kfxe>
12.只能输入��数

13.只能输入整数


飞熊 2010-01-31 00:19 发表评论

飞熊 — Fri, 22 Jan 2010 07:05:00 GMT

�W�一�U�办法就是用一�l�数�l�来模拟二维数组.感觉�q�样不是很好,有点�ȝ��,而且�Ҏ��出错

�W�二�U�办�?��一�l�数�l�的分项又定义�ؓ一个一�l�数�l? �q�种办法看�v来似乎不�?主要实现�Ҏ��如下:
javascript定义二维数组的方法�?br />javascript本��n只支持一�l�数�l�，
有时非要用到二维数组的时候，
可以��一�l�数�l�的分项又定义�ؓ一个数�l�，
二维数组��是用数�l�构成的数组
Var aa=new Array(); //定义一�l�数�l��?br />for(i=1;i<=10;i++)
{
    aa[i]=new Array(); //��每一个子元素又定义�ؓ数组
    for(n=0;n<=10;n++)
    {
        aa[i][n]=i+n; //此时aa[i][n]可以看作是一个二�U�数�l��?br />    }
}

飞熊 2010-01-22 15:05 发表评论

Math对象应用详解

飞熊 — Fri, 22 Jan 2010 07:01:00 GMT

JavaScript中的Math对象提供了大量的��术�q�算功能和数值操作方法�?/p>
JavaScript中的Math对象的与众不同之处在于，它是一个全局对象。在使用Math对象之前�Q�既不需要将一个变量声明�ؓMath对象�Q�也不需要定义一个新的Math对象�Q�JavaScript��自动地创徏好Math对象�Q�我们只��ȝ��接��用它卛_��。这使得Math对象使用��h��很容易�?/p>
Math对象的属性中包含一些经�怋�用的数学帔R��Q�如PI属�?卛_��周率�q�似�?.141592653589793)。通常情况下，要访问这些属性，只须在Math之后加上一个点�?.)�Q�然后写��讉K��的属性名。例如，要计��一个圆的面�U�，可以使用如下代码�Q?/p>
var radius = prompt("Give the radius of the circle", "");

var area = (Math.PI)*radius*radius;

document.write("The area is " + area);

除加(+)、减(�?、乘(*)、除(/) 4个标准算术运��外�Q�Math对象�q�包含一些复杂的数学�Ҏ��Q�用于完成算术运��无法实现的复杂计算�Q�例如cos()�Ҏ��用于计算弧度参数的余弦函数。下面将介绍一些常见的数学�Ҏ��?/p>
1�Q�abs()�Ҏ��

abs()�Ҏ��q�回所传入参数的绝对倹{��实际上�Q�绝对值就是一个数��L��正负号之后的数倹{��例如，�?的绝对值是1�Q��?的绝对值是4�{�。对于正敎ͼ�其绝对值就是该正数本��n�Q�例如，1的绝对值就�?�?/p>
例如�Q�下面的代码对�?01取绝对��|��q�把�l�果输出在页面上�Q?/p>
var myNumber = -101;

document.write(Math.abs(myNumber));

2�Q�ceil()�Ҏ��

ceil()�Ҏ��用于向上取整�Q�它把一个数值向上舍入到最接近的最��整敎ͼ�卛_��于Math.ceil(n)�Ҏ��Q�它��返回大于或�{�于n的最��整数。例如，10.01向上取整后�ؓ11�Q��?.99向上取整后�ؓ�?(�q�是因�ؓ对于负数�Q��?大于�?0)。ceil()�Ҏ��只有一个参敎ͼ�即需要向上取整的数倹{�?/p>
ceil()�Ҏ��的��用与�W?章中介绍�q�的parseInt()�Ҏ��是不同的。parseInt()�Ҏ��只是��单地截断��数点之后的所有数字，把整数部分保留下来。而ceil(n)�Ҏ��向上取��_��q�回大于或等于n的最��整数�?/p>
例如�Q�下面的代码��在��面上输��Z��行信息，�W�一行�ؓceil()�Ҏ��?01.01向上取整的结�?02�Q�第二行为parseInt()�Ҏ��取整的结�?01:

var myNumber = 101.01;

document.write(Math.ceil(myNumber) + "
");

document.write(parseInt(myNumber));

3�Q�floor()�Ҏ��

与ceil()�Ҏ��c�M��Q�floor()�Ҏ��也用于对一个数字进行取��_��所不同的是�Q�floor()�Ҏ��用于向下取整�Q�它把一个数值向下舍入到最接近的最大整敎ͼ�卛_��于Math.floor(n)�Ҏ��Q�它��返回小于或�{�于n的最大整数。例如，Math.floor(10.01)��返�?0�Q�而Math.floor(�?.99)��返回�?0�?/p>
4�Q�round()�Ҏ��

round()�Ҏ��用于对一个数��D��行四舍五入，卛_��一个数��数部分大于�{�于0.5�Ӟ��则向上舍入，��于�{�于0.5时则向下舍入�?/p>
例如�Q�对于如下代码：

var myNumber = 44.5;

document.write(Math.round(myNumber) + "
");

myNumber = 44.49;

document.write(Math.round(myNumber));

对于44.5��四舍五入�ؓ45�Q�而对�?4.49则四舍五入�ؓ44�?/p>
5�Q�关于取整方法的��结

正如上面所�q�ͼ�ceil()�Ҏ��?floor()�Ҏ��和round()�Ҏ��都可以进行取整操作。但各个�Ҏ��的取整操作是不同的。对于floor(n)�Ҏ��Q�它�q�回��于或等于n的最大整敎ͼ�对于ceil(n)�Ҏ��Q�它�q�回大于或等于n的最��整敎ͼ�而round(n)�Ҏ��对n�q�行四舍五入。这几个�Ҏ��可能�Ҏ��h��Q�表4-3格则用实例进行了说明�Q�它昄��了一列数��|��以及��这些数��g��为参数分别传入parseInt()函数、ceil()�Ҏ��、floor()�Ҏ��和round()�Ҏ��时的�q�回倹{�?/p>
表�?4-3

参  �?�?/p>

parseInt()

�Ҏ��的返回�?/p>

ceil()

�Ҏ��的返回�?/p>

floor()

�Ҏ��的返回�?/p>

round()

�Ҏ��的返回�?/p>

10.25

10

11

10

10

10.75

10

11

10

11

10.5

10

11

10

11

�?0.25

�?0

�?0

�?1

�?0

�?0.75

�?0

�?0

�?1

�?1

�?0.5

�?0

�?0

�?1

�?0

注意�Q�与表中其他的方法不同的是：parseInt()函数是一个JavaScript内置对象�Q�而不是Math对象的一个方法�?/p>

飞熊 2010-01-22 15:01 发表评论

CSS��动属性Float详解

飞熊 — Wed, 16 Dec 2009 15:28:00 GMT

CSS��动属性Float详解

什么是CSS Float�Q?/h2>
float �?css 的定位属�?/strong>。在传统的印刷布局中，文本可以按照需要围�l�图片。一般把�q�种方式�U�Cؓ“文本环�l�”。在�|�页设计中，应用了CSS的float属性的��面元素��像在印刷布局里面的被文字包围的图片一栗��Q动的元素仍然是网��|��的一部分。这与��用绝�?定位的页面元素相比是一个明昄��不同。绝对定位的��面元素被从�|�页��里面移除了�Q�就像印刷布局里面的文本框被设�|��ؓ无视��面环绕一栗��绝对定位的元素不会影响其它元素�Q�其它元素也不会影响它，无论它是否和其它元素挨着�?/p>
像这样在一个元素上用CSS讄��动�Q?/p>

#sidebar { float: right; }

fload属性有四个可用的��|��Left 和Right 分别��动元素到各自的方向�Q�None (默认�? 使元素不��动�Q�Inherit ��会从父�U�元素获取float倹{�?/p>
Float的用�?/h2>
除了��单的在图片周围包围文字，��动可用于创建全部网��布局�?/p>

Float对小型的布局同样有用。例如页面中的这个小区域。如果我们在我们的小头像囄��上��用Float�Q�当调整囄��大小的时候，盒子里面的文字也��自动调整位�|�：

同样的布局可以通过在外容器使用相对定位�Q�然后在头像上��用绝对定位来实现。这�U�方式中�Q�文本不会受头像囄��大小的媄响，不会随头像图片的大小而有相应变化�?/p>

清除Float

清除(clear)是��Q�?float)的相兛_��?一个设�|�了清除Float的元素不会如��动所讄��的一��P��向上�U�d��到Float元素的边界，而是会忽视��Q动向下移动。如下，一��N��千言�?span id="more-11034">

上例中，侧栏向右��动�Q��ƈ且短于主内容区域。页�?footer)于是按��Q动所要求的向上蟩��C��可能的空间。要解决�q�个问题�Q�可以在��脚(footer)上清除��Q动，以�ə�脚(footer)待在��动元素的下面�?/p>

#footer { clear: both; }

清除(clear)也有4个可能倹{��最常用的是 both�Q�清楚左右两边的��动。left �?right 只能清楚一个方向的��动。none 是默认��|��只在需要移除已指定的清除值时用到。inherit 应该时第五个��|��不过很奇怪的�?IE 不支�?�q�个不奇怪吧�Q�IE 从来都这么特立独行吧 �Q�糖伴西�U�柿�?。只清除左边或右边的��动�Q�实际中很少见，不过�l�对有他们的用处�?/p>

伟大的塌�?/h2>
使用��动(float)的一个比较疑惑的事情是他们怎么影响包含他们的父元素的。如果父元素只包含��Q动元素，那么它的高度��׃��塌羃为零。如果父元素不包含�Q何的可见背景�Q�这个问题会很难被注意到�Q�但是这是一个很重要的问题�?/p>

塌陷的直观对立面更不好，看看下面的情况：

当上面的块��元素自动扩展以适应��动元素�Ӟ��D�落间的文本��中会出现非自然的空白换行，而且没有有效的方法来修正�q�个问题。对于这�U�情况，设计师的抱怨会更甚于对塌陷的抱怨（没理解，不是设计完成之后才会�q�行��面�~�码吗？�Q?�p�伴西红柿）�?/p>
��Z��防止怪异的布局和跨��览器的问题�Q�塌陷问题几乎��L��被要处理的。我们在容器中的��动元素之后�Q�容器结束之前来清除��动�?/p>
清除��动的技�?/h2>
如果你很明确的知道接下来的元素会是什么，可以使用 clear:both; 来清除��Q动。这个方法很不错�Q�它不需�?hack�Q�不��d��额外的元素也使得它有良好的语义性。当然事情�ƈ不是都可以这栯��决的�Q�工��L��中还是需要另外几个清除��Q动的工具�?/p>

�I�div�Ҏ��从字面来看，是一个空�?div�?br />。有时可能会�?br />或者一些其他元素，但是 div 是最常用的，因�ؓ它没有浏览器默认样式�Q�没有特�D�功能，而且一般不会被 css 样式化。这个方法因为只是�ؓ了表玎ͼ�寚w��面没有上下文涵义而被�U�语义论者嘲�W�。诚�Ӟ��从严格的角度来说他们是对的，但是�q�个�Ҏ��有效而且没有��M��伤害�?

overflow �Ҏ��在父元素上设�|?overflow �q�个 css 属性。如果父元素的这个属性设�|��ؓ auto 或�?hidden�Q�父元素��׃��扩展以包含��Q动。这个方法有着较好的语义性，因�ؓ他不需要额外元素。但是，如果需要增加一个新�?div 来��用这个方法，其实��和�I?div �Ҏ��一��h��有语义了。而且要记住，overflow 属性不是�ؓ了清除��Q动而定义的。要��心不要覆盖住内�Ҏ��者触发了不需要的滚动条�?

��单清除方�?/strong>使用了一个聪明的 css 伪选择�W?:after)来清除��Q动。比起在父元素上讄�� overflow�Q�只需要给它增加一个额外的�c�M��于”clearfix”的�c�R��这个类使用如下 css:
.clearfix:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; }
�q�会在清除��Q动的父元素之后应用一点看不见的内宏V��这不是全部内容�Q�还需要一些额外的代码来适应那些老旧的浏览器�?

不同的情况需要不同的��动清除�Ҏ��。以一个具有不同样式块的网��gؓ例�?/p>

��Z��从视觉上较好的把�怼�的块联系��h��Q�需要在必要的地方开启新行，�q�里是颜色改变的地方。如果每个颜色组都有一个父元素的话�Q�我们可以��?overflow 或�?��单清除方法。或者，在每�l�之间用一个空div�Ҏ��。额外的 div 之前�q�不存在�Q�可以自��p��试来看看哪个�Ҏ��好�?/p>

��动的问�?/h2>
��动因脆��p��饱受诟病。大多数的脆弱性来自于 IE6 及其一�p�d��的��Q动相�?bug。因��来越多的设计师不再支�?IE6 了，你也可以不关注它了。不�q�对于那些要��x��的�h来说�Q�这里有些大概�?/p>

推�?/strong>是��Q动元素内的元素（大多是图片）比��Q动元素本�w�宽造成的现象。大多数的浏览器会在��动之外渲染囄��Q�但是不会有伸出来的部分影响其他布局。IE 会扩展��Q动来包含囄��Q�精彩大�q�度地媄响布局。一个普遍的例子是突破��Z��内容之外把侧栏推��C��面�?img class="aligncenter" title="CSS��动属性Float详解" alt="pushdown2 CSS��动属性Float详解" src="http://paranimage.com/images/css-float/pushdown2.png" />

快速修�?/strong>�Q�确保不是图片造成�q�种情况�Q��?overflow:hidden 来切除多余的部分�?

双倍边距bug处理 IE6 �Ӟ��另一个需要记住的事情是，如果在和��动方向相同的方向上讄��外边�?margin)�Q�会引发双倍边�?/a>。快速修正：�l��Q动设�|?display:inline; 而且不用担心�Q�它依然是块�U�元素�?

3像素间距是指挨着��动元素的文本会��奇的被�t�出�?像素�Q�好像��Q动元素的周围有一个奇怪的力场一栗��快速修正：在受影响的文本上讄��宽度或高度�?

IE7 中，底边�?bug是当��动父元素有��动子元素时�Q�这些子元素的底边距会被父元素忽略掉。快速修正：用父元素的底内补�?padding)代替�?

摘自�Q?a >http://paranimage.com/css-float-attribute/

CSS�?clear:both;可以�l�结在出��C��之前的��Q�?CSS�?clear:both;可以�l�结在出��C��之前的��Q�?br />

例如

1

2

3

4

飞熊 2009-12-16 23:28 发表评论

JavaScript面向对象�~�程�Q?�Q?- �cȝ��定义

飞熊 — Tue, 08 Dec 2009 07:40:00 GMT
最�q�这一�D�|��间事情太多了�Q�没有时间再�l�箋写，�q�好�q�两天有点小�Ԍ��先小写一下JavaScript中面向对象一中推荐的�Ҏ��。本文承接上一��?a href="/kyleYang/archive/2009/12/08/305173.html">JavaScript面向对象�~�程�Q?�Q?-- 基础�?br />
    上篇说过�Q�JavaScript没有�cȝ��概念�Q�需要通过函数来实现类的定义。先通过一个例子说明：

function myClass()
{
    var id = 1;
    var name = "johnson";

    //properties
    this.ID = id;
    this.Name = name;

    //method
    this.showMessage = function()
    {
        alert("ID: " + this.ID + ", Name: " + this.Name);
    }
}

var obj1 = new myClass();
var obj2 = new myClass();

    function的定义实际上相当于类的构造函敎ͼ�最后两句是创徏�q�个�cȝ��实例。先分析�W�一句：var obj1 = new myClass(); 当用new创徏�cȝ��实例�Ӟ��解释器首先会创徏一个空的对象。然后运行这个myClass函数�Q��ƈ��this指针指向�q�个�cȝ��实例。当��到this.ID = id;�?span id="Codehighlighter1_19_250_Open_Text">this.Name = name;�?span id="Codehighlighter1_19_250_Open_Text">this.showMessage = function(){...}�Ӟ��便会创徏�q�两个属性，和这个方法，�q�把变量id�Q�name的��g��U�函数的定义赋给�q�两个属性及�q�个函数对象�Q�shwoMessage�Q�。这个过�E�相当于初始化这个对象，�c�M��于C# 中的构造函数。最后new�q�回�q�个对象。再看第二句�Q?span style="COLOR: #0000ff">var obj2 = new myClass(); 执行�q�程与上一句代码相同，卛_��Z��个空对象�Q�然后执行myClass�q�个函数�Q�定义两个属性和一个方法�?/span>

    从上面的分析中可以看刎ͼ�上面�q�种实现�cȝ��方式�Q�即在函数的定义中定义类的属性方法。存在着弊端。如果需要创��Z��个或更多�q�个�cȝ��实例�Ӟ��上文是两个，�q�些属性会被重复的创徏多次�?br />
    那么如何避免�q�种情况呢？上一��中也曾提到�q�用prototype。prototype和它的名字一��h��一个原型，每一个function都有一个子对象prototype�Q�它其实表示�q�个function对象的成员的集合�Q�由于这里我们��用function实现�cȝ��Q�所以可以说prototype其实��是便是�cȝ��成员的集合。prototype定义的属性和�Ҏ��执行在函数的构造体执行之前�Q�所以当new一个对象之前，其实prototype的成员已�l�执行过了。先看一个例子：
function myClass()
{
    //构造函�?/span>
}

myClass.prototype =
{
    ID: 1,
    Name: "johnson",
    showMessage: function()
    {
        alert("ID: " + this.ID + ", Name: " + this.Name);
    }
}

var obj1 = new myClass();
var obj2 = new myClass();

    �cȝ��l�构�q�是和前面的例子相同�Q�只不过�q�里是利用了prototype来实现。还是先看最后两句，前面说过�Q�prototype是执行在函数构造体之前�Q�即执行�?span style="COLOR: #0000ff">var obj1 = new myClass();之前�Q�这个类已经有了ID�Q�Name属性和showMessage�Ҏ��。执行者一句时执行�q�程如下�Q�注意和前一个例子比较：首先�q�是创徏一个空的对象，�q�把this指针指向�q�个对象。然后将函数的prototype对象的所有成员都赋给�q�个对象�Q�注意没有再创徏�q�些成员�Q�。然后执行函��C��。最后new�q�回�q�个对象。执行下一句时�Q�同��h��行此�q�程�Q�不会重复创��些成员�?br />
    上面的代码还只是一个例子，在实际的��目中，可能出现的是�c�M��有大量的成员�Q�同时可能需要创建大量的实例。这是prototype��׃��昄��其优��性了。另外上面的代码中��用了大括可��法定义了prototype的成员，�q�样看�v来代码更清晰。这是一�U�比较推荐的�cȝ��设计模式。当然在众多的项目中�Q�可能还会发现更好的模式�Q�我们也希望能有更优化的JavaScript的编�E�模式不断推陈出斎ͼ�也希望随着旉��的推�U�，各主��浏览器也对JavaScript的解析都标准�Q�统一�?br />
    上面说过prototype定义的成员是发生在构造体之前�Q�可以证明一下，在上面的例子中，构造体是空的，在构造函��C��加入一�?span style="FONT-SIZE: 10pt; COLOR: black; FONT-FAMILY: 'Verdana','sans-serif'">alert(this.Name);�Q�当执行�?span style="FONT-SIZE: 10pt; COLOR: blue; FONT-FAMILY: 'Verdana','sans-serif'">var obj1 = new myClass();�Ӟ��会看到弹出对话框�Q�显�C�正��的属性倹{�?br />
      写了�q�段文字之后承蒙多�ؓ兄弟的点评，收获匪浅。对上面的例子进一步讨论，如下代码�Q?br />
function subClass(){ }
subClass.prototype =
{
    Name: "sub"
}

function myClass()
{
    //构造函�?/span>
}

myClass.prototype =
{
    ID: 1,
    Name: "johnson",
    SubObj: new subClass(),
    showMessage: function()
    {
        alert("ID: " + this.ID + ", Name: " + this.Name + "SubObj.Name:" + this.SubObj.Name);
    }
}

var obj1 = new myClass();
obj1.SubObj.Name = "XXX";
obj1.showMessage();
var obj2 = new myClass();
obj2.showMessage();
    �q�里在myClass中定义了一个引用类型，其类型是我们自定义的一个subClass�c�，�q�个子类中有一个Name属性。由于prototype对象是共享的�Q�按照我们上面的分析�Q�在执行var obj1 = new myClass();�Ӟ��会把myClass的prototype中的成员复制�l�这个obj1实例。但�q�里SubObj是一个引用类型，在执行到var obj2 = new myClass();�Ӟ��prototype中的ID�Q�Name成员会复制到obj2中，但SubObj�q�个属性不会复制过去，而是引用了prototype中的SubObj�Q�所以因��Z��一句修改了obj1.Subobj.Name的��|��所以在用new生成obj2实例�Ӟ��引用��C��修改后的倹{�?br />
    所以借用prototype定义�c�L��Q�依焉��要将属性定义在构造体中，而将�Ҏ��定义在该构造体的原型上。如下：
function myClass(id, name)
{
    this.ID = id;
    this.Name = name;
}

myClass.prototype =
{
    showMessage: function()
    {
        alert("ID: " + this.ID + ", Name: " + this.Name);
    },
    showMessage2: function()
    {
        alert("Method2");
    }
}

var obj1 = new myClass(1, "johnson");
obj1.showMessage();
obj1.Name="John";
obj1.showMessage();
var obj2 = new myClass(2, "Amanda");
obj2.showMessage();

     关于�U�有成员�Q�共有成员以及静态成员，�cȝ��l�承�Q�抽象类�Q�虚�Ҏ��Q�类的反��等实现�Ҏ��Q�以后还会坚持写下去。不�q�我觉得需要说一下的是，我打��写的是JavaScript面向对象的基��实现�Q�如果需要深入的学习��参考李战老哥的“甘露模型”�?br />

飞熊 2009-12-08 15:40 发表评论

飞熊 — Tue, 08 Dec 2009 07:39:00 GMT
自从有了Ajax�q�个概念�Q�JavaScript作�ؓAjax的利器，其作用一路飙升。JavaScript最基本的��用，以及语法、浏览器对象�{�等东东在这里就不篏赘了。把主要��幅攑֜�如何实现JavaScript的面向对象编�E�方面�?img alt="" src="http://www.cnblogs.com/Emoticons/msn/wink_smile.gif" />

    1. 用JavaScript实现�c?br />       JavaScritpt没有专门的机制实现类�Q�这里是借助它的函数允许嵌套的机制来实现�cȝ��。一个函数可以包含变量，又可以包含其它函敎ͼ��q�样�Q�变量可以作为属性，内部的函数就可以作�ؓ成员�Ҏ��了。因此外层函数本�w�就可以作�ؓ一个类了。如下：

function myClass()
{
    //此处相当于构造函�?/span>
}
�q�里 myClass��是一个类。其实可以把它看成类的构造函数。至于非构造函数的部分�Q�以后会详细描述�?br />
    2. 如何获得一个类的实�?br />      实现了类��应该可以获得类的实例，JavaScript提供了一个方法可以获得对象实例。即 new操作�W�。其实JavaScript中，�c�d��函数是同一个概念，当用new操作一个函数时��p��回一个对象。如下：
var obj1 = new myClass();

    3. 对象的成员的引用
       在JavaScript中引用一个类的属性或�Ҏ��的方法有以下三种�?br />       1> 点号操作�W?br />            �q�是一�U�最普遍的引用方式，��׃��累赘。即如下形式�Q?br />
对象�?属性名;
对象�?�Ҏ��?

      2> �Ҏ��号引�?br />           JavaScript中允许用�Ҏ��号引用对象的成员。如下：
对象名["属性名"];
对象名["�Ҏ��?/span>"];
            �q�里�Ҏ��号内是代表属性或�Ҏ��名的字符�Ԍ��不一定是字符串常量。也可以使用变量。这样就可以使用变量传递属性或�Ҏ��名。�ؓ�~�程带来了方�ѝ��在某些情况下，代码中不能确定要调用那个属性或�Ҏ��Ӟ��可以采用这�U�方式。否则，如果使用点号操作�W�，�q�需要��用条件判断来调用属性或�Ҏ��?br />       另外�Q��用方括号引用的属性和�Ҏ��名还可以以数字开��_��或者出现空��|��而��用点号引用的属性和�Ҏ��名则遵��@标示�W�的规则。但一般不提倡��用非标示�W�的命名�Ҏ��?br />
      3> 使用eval函数
           如果不希望��用变量传递变量或�Ҏ��名，又不想��用条件判断，那么eval函数是一个好的选择。eval接收一个字�W�串�c�d��的参敎ͼ�然后��这个字�W�串作�ؓ代码在上下文中执行，�q�回执行的结果。这里正是利用了eval的这一功能。如下：
alert(eval("对象�?" + element.value));

     4. 对对象属性，�Ҏ��的添加、修改和删除操作
         JavaScript中，在生成对象之后还可以为对象动态添加、修改和删除属性和�Ҏ��Q�这与其它面向对象的语言是不同的�?br />        1> ��d��属性和�Ҏ��
              先创��Z��个对象，�I�对象创建后没有��M��属性和�Ҏ��Q�然而我们可以在代码中创建�?br />
var obj1 = new Object();
//��d��属�?/span>
obj1.ID = 1;
obj1.Name = "johnson";

//��d��Ҏ��
obj1.showMessage = function()
{
    alert("ID: " + this.ID + ", Name: " + this.Name);
}

      2> 修改属性与�Ҏ��
            与添加属性和�Ҏ��c�M��Q�例如接着上面的例子：
// 修改属�?/span>
obj1.ID = 2;
obj1.Name = "Amanda";

// 修改�Ҏ��
obj1.showMessage = function()
{
    alert("ID: " + this.ID");
}

      3> 删除属性与�Ҏ��
            直接��要删除的属性或�Ҏ��赋��gؓundefined卛_��Q?br />
obj1.ID = 1;
obj1.Name = undefined;

obj1.showMessage = undefined;

     5. 创徏无类型对象�?br />        �c�M��于C#3.0里的Anonymous Types�Q�JavaScript 也可以创建无�c�d��的对象。�Ş式如下：
var obj1 = {};
var obj2 =
{
    ID: 1,
    Name: "Johnson",
    showMessage: function()
    {
        alert("ID: " + this.ID + "Name: " + this.Name);
    }
}
       �q�里定义了两个无�c�d��的对象，obj1和obj2。其中obj1是一个空对象。obj2包括两个属性ID, Name和一个方法showMessage。每个属性和�Ҏ��用逗号分割。属�?�Ҏ��)名和其��g��间用分号分割�?br />       用这�U�方式创建属性方法时�Q�也可以用字�W�串定义属性方法的名字。如�Q?br />
var obj2 =
{
    "ID" : 1,
    "Name": "Johnson"
}

      6. prototype
          每个函数对象都具有一个子对象prototype�Q�因为函��C��可以表示�c�，所以prototype表示一个类的成员的集合。当new 一个对象时�Q�prototype对象的成员都会被实例化成对象的成员。先看一个例子：
function myClass()
{ }

myClass.prototype.ID = 1;
myClass.prototype.Name = "johnson";
myClass.prototype.showMessage = function()
{
    alert("ID: " + this.ID + "Name: " + this.Name);
}

var obj1 = new myClass();
obj1.showMessage();
      使用prototype对象创徏�c�L��一个好处。如果将所有的成员直接写在�cȝ��声明中，如下�Q?br />
function myClass()
{
    //��d��属�?/span>
    this.ID = 1;
    this.Name = "johnson";

    //��d��Ҏ��
    this.showMessage = function()
    {
        alert("ID: " + this.ID + ", Name: " + this.Name);
    }
}

var obj1 = new myClass();
var obj2 = new myClass();
        在上面的代码中，定义了一个类myClass�Q�在�c�M��直接定义了两个属性和一个方法。然后实例化了两个对象，�q�里的两个属性和一个方法，每创��Z��ơmyClass对象都会被创��Z��ơ，��费了内存空间。而用prototype以后��可以解册��个问题，每new一个函数时�Q�其prototype对象的成员都会自动赋�l�这个对象，当new多个对象时不会重复创建�?br />        �׃��prototype的初始化发生在函��C��执行之前�Q�用以下代码可以证明�Q?br />
function myClass()
{
    //此处相当于构造函�?/span>
    this.ID = 1;
    this.Name1 = this.Name;
    this.showMessage();
}
myClass.prototype.Name = "johnson";
myClass.prototype.showMessage = function()
{
    alert("ID: " + this.ID + ", Name: " + this.Name);
}

var obj1 = new myClass();
        执行以上代码可以发现当new�q�个�c�d��的对象时�Q�即弹出了对话框�?br />        最后只得一提的是，prototype有一个方法，在面向对象的设计中用得到。即�Q�constructor属性，是对构造函数的调用�Q�这里的构造函数即上文提到的类的声明里的代码。如�Q?br />
function myClass()
{
    //此处相当于构造函�?/span>
    alert("this is in constructor");
}
myClass.prototype.constructor();

var obj1 = new myClass();
   执行以上代码你会发现对话框弹��Z��两次。由此可见，prototype可专门用于设计类的成员，实际上在JavaScript面向对象的设计中�Q�很多时候都会用到prototype�?br />

飞熊 2009-12-08 15:39 发表评论

飞熊 — Sat, 24 Oct 2009 17:44:00 GMT
function ValidtorTime()
    {
        var   d1   = new Date(document.getElementById('txbFromDate').value.replace(/\-/g, "\/"));
        var   d2   = new Date(document.getElementById('txbToDate').value.replace(/\-/g, "\/"));
        if(d1>d2)
        {
            alert("�l�束旉��必须在开始时间之�?");
            return false;
        }
      return true;
    }

飞熊 2009-10-25 01:44 发表评论

JS日期比较

飞熊 — Sat, 24 Oct 2009 16:11:00 GMT
function CompareDate(inputDate){
     var currentDate = new Date();
     if(currentDate.getYear() > inputDate.getYear())
       return -1;
     else if(currentDate.getYear() < inputDate.getYear())
       return 1;

     if(currentDate.getMonth() > inputDate.getMonth())
       return -1;
     else if(currentDate.getMonth() < inputDate.getMonth())
       return 1;

     if(currentDate.getDate() > inputDate.getDate())
       return -1;
     else if(currentDate.getDate() < inputDate.getDate())
       return 1;

     return 0;
    }

    function Compare() {
    var sday = document.getElementById("day").value.split('-');
     var inputDate = new Date(sday[0],sday[1]-1,sday[2]);
     if(isNaN(inputDate)){
       alert("不是日期");
    return;
     }
     var result = CompareDate(inputDate);
     if(result < 0)
       alert(inputDate.toLocaleString() + "��于当前日期");
     else if(result > 0)
       alert(inputDate.toLocaleString() + "大于当前日期");
     else
       alert(inputDate.toLocaleString() + "�{�于当前日期");
    }

飞熊 2009-10-25 00:11 发表评论

参 �?�?/p>	parseInt() �Ҏ��的返回�?/p>	ceil() �Ҏ��的返回�?/p>	floor() �Ҏ��的返回�?/p>	round() �Ҏ��的返回�?/p>
10.25	10	11	10	10
10.75	10	11	10	11
10.5	10	11	10	11
�?0.25	�?0	�?0	�?1	�?0
�?0.75	�?0	�?0	�?1	�?1
�?0.5	�?0	�?0	�?1	�?0

久久精选视频,亚洲成人久久久久,日本一区二区三区久久久久久久久不

javascript跨浏览器��d��事�g�l�定 bind()

删除事�g�l�定 unbind()

实现JavaScript跨浏览器

setCapture和releaseCapture的小应用

call、apply、caller、callee使用�Ҏ��

Div样式�ȝ��

Opener�Q�parent�Q�top�Q�self�{�窗体属性的比较

js常用代码

JS注意事项

javaScript常用例子

Math对象应用详解

1�Q�abs()�Ҏ��

2�Q�ceil()�Ҏ��

3�Q�floor()�Ҏ��

4�Q�round()�Ҏ��

5�Q�关于取整方法的���结

CSS���动属性Float详解

清除Float

JavaScript面向对象�~�程�Q?�Q?- �cȝ��定义

JS日期比较

5�Q�关于取整方法的��结

CSS��动属性Float详解