ÈçºÎÕýÈ·µÄ¼ÓÔØjavascriptÎļþ
1£© Ϊʲô¼ÓÔØjavascriptÎļþºÜÖØÒª£¿
javascriptÎļþÊDZȽÏÌØÊâµÄ£¬ÒòΪä¯ÀÀÆ÷¼ÓÔØjavascriptÊÇ´®Ðеġ£ÒÔΪ×ÅÔÚ¼ÓÔØJavascriptÎļþµÄʱºò£¬ÆäËûÒ»ÇÐ×ÊÔ´µÄÏÂÔØ°üÀ¨Ò³ÃæµÄÏÔʾ¶¼»á±»×èÈû¡£
2£© ÈçºÎÕýÈ·µÄ¼ÓÔØJavaScript£¿
a. ½«JavaScriptÎļþ·ÅÔÚÒ³ÃæµÄ×îºó
ÒòΪJavaScriptµÄ¼ÓÔØ»á×èÈûÒ³ÃæµÄÏÔʾ£¬ËùÒÔ½«JavaScriptÎļþ·ÅÖÃÔÚÒ³ÃæµÄ×îºó£¬Ò²¾ÍÊÇ<body>±êÇ©½áÊøÇ°¡£ÕâÑùÓû§¿ÉÒÔ¸ü¿ìµÄ¿´µ½Ò³ÃæµÄÏÔʾ£¬¿ÉÒÔÓиüºÃµÄÓû§ÌåÑé¡£
b. ²¢ÐеļÓÔØJavaScript
Èç¹ûʹÓÃÆÕͨµÄ<script>±êÇ©À´ÒýÓÃÍⲿµÄJSÎļþ£¬ÄÇôJSÎļþµÄÏÂÔØÊÇ´®Ðеģ¬ÕâÑùͨ³£Ð§ÂÊ»á·Ç³£µÍ¡£ÍƼöʹÓÃLABjsÀ´¼ÓÔØJavaScript£¬¿ÉÒÔ´ïµ½JSÎļþµÄ²¢ÐÐÏÂÔØ£¬µ«Í¬Ê±ÓÖÓлúÖÆÀ´±£Ö¤JSÎļþÖ´ÐеÄ˳Ðò¡£
ÏÂÃæ¾ÍÊÇÒ»¸öʹÓÃLABjÀ´¼ÓÔØJavaScriptµÄÀý×Ó
<script>
$LAB
.script("framework.js").wait()
.script("plugin.framework.js")
.script("myplugin.framework.js")
.wait(function(){
myplugin.init();
framework.init();
framework.doSomething();
});
</script>
¾ßÌå¿ÉÒԲ鿴LABjµÄ¹Ù·½ÍøÕ¾£ºhttp://labjs.com/
c. Lazy load
Õâ¸öÍùÍùÊǽ²ÆðÀ´±È½ÏÈÝÒ×£¬×öÆäËû±È½ÏÄÑ¡£ÔÀíºÜ¼òµ¥£¬¾ÍÊÇÒ³ÃæÏÔʾµÄʱºò£¬Ö»¼ÓÔØÐèÒªµÄJSÎļþ£¬È»ºóÔÚÓû§²Ù×÷µÄʱºòÔÙ¼ÓÔØÐèÒªµÄJSÎļþ¡£
d. ÕýÈ·µÄѹËõJSÎļþ
ʹÓÃJSMin»òÕßGoogle ClosureÀ´Ñ¹ËõJSÎļþ£¬Õâ¸öÍùÍù¿ÉÒÔ´ó´ó¼õÉÙJSÎļþµÄ´óС¡£
±¾ÎÄÀ´×ÔCSDN²©¿Í£¬×ªÔØÇë±êÃ÷³ö´¦£ºhttp://blog.csdn.net/Danwang/archive/2010/02/03/5286576.aspx
Ïà¹ØÎĵµ£º
scrollHeight: »ñÈ¡¶ÔÏóµÄ¹ö¶¯¸ß¶È¡£
scrollLeft:ÉèÖûò»ñȡλÓÚ¶ÔÏó×ó±ß½çºÍ´°¿ÚÖÐĿǰ¿É¼ûÄÚÈݵÄ×î×ó¶ËÖ®¼äµÄ¾àÀë
scrollTop:ÉèÖûò»ñȡλÓÚ¶ÔÏó×î¶¥¶ËºÍ´°¿ÚÖпɼûÄÚÈݵÄ×î¶¥¶ËÖ®¼äµÄ¾àÀë
scrollWidth:»ñÈ¡¶ÔÏóµÄ¹ö¶¯¿í¶È
offsetHeight:»ñÈ¡¶ÔÏóÏà¶ÔÓÚ°æÃæ»òÓɸ¸×ø±ê offsetParent ÊôÐÔÖ¸¶¨µÄ¸¸×ø±êµÄ¸ß¶È
offsetL ......
JavaScriptÀï×Ö·û´®ÀàÐÍת»»³ÉÈÕÆÚÀàÐÍ£º
Èç¹û×Ö·û´®ÖÐÓпոñ»òÊÇÆäËû·Ö¸î·û·Ö¸î£¬¿ÉÒÔÓÃsplit·½·¨ÏȲð·Ö£¬·µ»ØÒ»¸öÊý×飬ÔÙ°ÑÕâ¸öÊý×éÀïµÄÄêÔÂÈÕ×÷Ϊ²ÎÊý´«µ½new Date()ÀïÉú³ÉÈÕÆÚÀàÐÍ£»
Èç¹ýûÓÐÌØÊâ·Ö¸ô·û£¬¿ÉÒÔÓÃsubstr£¨x£¬y£©·½·¨À´È¡×Ó×Ö·û´®À´Éú³ÉÈÕÆÚ£¬substr£¨x£¬y£©Àx±íʾȡ×Ö´®µÄ¿ªÊ¼Î»Öã¬y±íʾ×Ó´®µÄ³ ......
prototype ÊÇÔÚ IE 4 ¼°ÆäÒÔºó°æ±¾ÒýÈëµÄÒ»¸öÕë¶ÔÓÚijһÀàµÄ¶ÔÏóµÄ·½·¨£¬¶øÇÒÌØÊâµÄµØ·½±ãÔÚÓÚ£ºËüÊÇÒ»¸ö¸øÀàµÄ¶ÔÏóÌí¼Ó·½·¨µÄ·½·¨£¡ÕâÒ»µã¿ÉÄÜÌýÆðÀ´»áÓеãÂÒ£¬±ð¼±£¬ÏÂÃæÎÒ±ãͨ¹ýʵÀý¶ÔÕâÒ»ÌØÊâµÄ·½·¨×÷ÒÑϽ²½â£º
¡¡¡¡Ê×ÏÈ£¬ÎÒÃÇÒªÏÈÁ˽âÒ»ÏÂÀàµÄ¸ÅÄJavaScript ±¾ÉíÊÇÒ»ÖÖÃæÏò¶ÔÏóµÄÓïÑÔ£¬ËüËùÉæ¼°µÄÔªËØ¸ù¾ÝÆäÊôÐÔµ ......
1£© Ϊʲô¼ÓÔØjavascriptÎļþºÜÖØÒª£¿
javascriptÎļþÊDZȽÏÌØÊâµÄ£¬ÒòΪä¯ÀÀÆ÷¼ÓÔØjavascriptÊÇ´®Ðеġ£ÒÔΪ×ÅÔÚ¼ÓÔØJavascriptÎļþµÄʱºò£¬ÆäËûÒ»ÇÐ×ÊÔ´µÄÏÂÔØ°üÀ¨Ò³ÃæµÄÏÔʾ¶¼»á±»×èÈû¡£
2£© ÈçºÎÕýÈ·µÄ¼ÓÔØJavaScript£¿
a. ½«JavaScriptÎļþ·ÅÔÚÒ³ÃæµÄ×îºó
ÒòΪJavaScriptµÄ¼ÓÔØ»á×èÈûÒ³ÃæµÄÏÔʾ£¬ËùÒÔ½«JavaScrip ......
String.prototype.HTMLEncode = function() {
var temp = document.createElement ("div");
(temp.textContent != null) ? (temp.textContent = this) : (temp.innerText = this);
var output = temp.innerHTML;
temp = null;
return output;
}
String.prototype.HTMLDecode = function() {
var temp = doc ......