ÈçºÎÕýÈ·µÄ¼ÓÔØ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ÎļþµÄ´óС¡£
Ïà¹ØÎĵµ£º
scrollHeight: »ñÈ¡¶ÔÏóµÄ¹ö¶¯¸ß¶È¡£
scrollLeft:ÉèÖûò»ñȡλÓÚ¶ÔÏó×ó±ß½çºÍ´°¿ÚÖÐĿǰ¿É¼ûÄÚÈݵÄ×î×ó¶ËÖ®¼äµÄ¾àÀë
scrollTop:ÉèÖûò»ñȡλÓÚ¶ÔÏó×î¶¥¶ËºÍ´°¿ÚÖпɼûÄÚÈݵÄ×î¶¥¶ËÖ®¼äµÄ¾àÀë
scrollWidth:»ñÈ¡¶ÔÏóµÄ¹ö¶¯¿í¶È
offsetHeight:»ñÈ¡¶ÔÏóÏà¶ÔÓÚ°æÃæ»òÓɸ¸×ø±ê offsetParent ÊôÐÔÖ¸¶¨µÄ¸¸×ø±êµÄ¸ß¶È
offsetL ......
×Ô¼ºÔÚ¿ª·¢ÖÐÅöµ½µÄ+ÁËһЩÔÚÍøÉÏËѵ½µÄ¡£¡£ºÍ´ó¼Ò·ÖÏíÏ¡£
DropdownlistÎÞˢеÄÀý×Ó¡£xml.
ÀýÈçÎı¾ÑéÖ¤!
ÏÂÃæÊÇÒ»¸öµ¥Ñ¡°´Å¦Ç°Ì¨²»Ë¢ÐµÄÀý×Ó.ÓкõľÍÍùÉÏÌù
<mce:script language="javascript"><!--
function SetButton()
{
if(document.all.rdoByHuman.checked==true)
{
......
JavaScript¾ÍÕâô»ØÊÂ1£º»ù´¡ÖªÊ¶
1 ´´½¨½Å±¾¿é
1: <script language=”JavaScript”>
2: JavaScript code goes here
3: </script>
2 Òþ²Ø½Å±¾´úÂë
1: <script language=”JavaScript”>
2: <!--
3: document.write(“Hello”);
4: // -->
5: </script ......
var o = ['Äã', 'da', 'Äã', 123, 'fm', 'fm', 'da', 123, 'fm', 123];
var n = [];
var s = -1;
var t = null;
o.sort();
for(var i = 0; i < o.length; i++)
{
if(o[i] != t)
{
s += 1;
n[s] = [];
}
......
JavaScriptÀï×Ö·û´®ÀàÐÍת»»³ÉÈÕÆÚÀàÐÍ£º
Èç¹û×Ö·û´®ÖÐÓпոñ»òÊÇÆäËû·Ö¸î·û·Ö¸î£¬¿ÉÒÔÓÃsplit·½·¨ÏȲð·Ö£¬·µ»ØÒ»¸öÊý×飬ÔÙ°ÑÕâ¸öÊý×éÀïµÄÄêÔÂÈÕ×÷Ϊ²ÎÊý´«µ½new Date()ÀïÉú³ÉÈÕÆÚÀàÐÍ£»
Èç¹ýûÓÐÌØÊâ·Ö¸ô·û£¬¿ÉÒÔÓÃsubstr£¨x£¬y£©·½·¨À´È¡×Ó×Ö·û´®À´Éú³ÉÈÕÆÚ£¬substr£¨x£¬y£©Àx±íʾȡ×Ö´®µÄ¿ªÊ¼Î»Öã¬y±íʾ×Ó´®µÄ³ ......