Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

javascript ¿ØÖÆ htmlÔªËØ ÏÔʾ/Òþ²Ø


javascript ¿ØÖÆ htmlÔªËØ ÏÔʾ/Òþ²Ø
1¡£±àдjsº¯Êý
 <script type="text/javascript">
function display(y){$(y).style.display=($(y).style.display=="none")?"":"none";} 
function $(s){return document.getElementById(s);}
 </script>
2. ÒªÏÔʾ/Òþ²ØµÄhtmlÔªËØ¼ÓÉÏ id ÊôÐÔ
<table>
   <tr id="menu" >   
      <td>¿ØÖÆÕâ¸ötrµÄÏÔʾ/Òþ²Ø</td>
  </tr>
</table>
3£¬Ìí¼Ó°´Å¥£¬Á´½ÓµÈ´¥·¢ js º¯Êý
<input type="button" onclick="display('menu')"  value="ÏÔʾ/Òþ²Ø"/>
<a href="#"  onclick="display('menu')"  >ÏÔʾ/Òþ²Ø</a>
javascriptÏÔʾÒþ²Ø²ã<div id="layer" style="display:none;">¹ã¸æ</div>
<input type="botton" onclick="display(layer)">
¶þ:javascript¿ØÖÆÒ³Ãæ¿Ø¼þÒþ²ØÏÔʾµÄÁ½ÖÖ·½·¨
javascript¿ØÖÆÒ³Ãæ¿Ø¼þÒþ²ØÏÔʾµÄÁ½ÖÖ·½·¨£¬·½·¨µÄ²»Í¬Ö®´¦ÔÚÓڿؼþÒþ²ØºóÊÇ·ñ»¹ÔÚÒ³ÃæÉÏռλ
·½·¨Ò»£º
document.all["PanelSMS"].style.visibility="hidden"; 
document.all["PanelSMS"].style.visibility="visible";
·½·¨¶þ£º
document.all["PanelSMS"].style.display="none"; 
document.all["PanelSMS"].style.display="inline";
·½·¨Ò»Òþ²Øºó Ò³ÃæµÄλÖû¹±»¿Ø¼þÕ¼Óà ֻÊDz»ÏÔʾ 
·½·¨¶þÒþ²Øºó Ò³ÃæµÄλÖò»±»Õ¼ÓÃ


Ïà¹ØÎĵµ£º

JavaScriptµ÷ÓÃswfÖк¯Êý

The ExternalInterface API
        ֮ǰÎÒÃÇʹÓÃflashµ÷ÓÃjavascriptº¯Êý£¬Ò»°ãʹÓÃÕâÑùµÄ·½·¨£º
´úÂë:
getURL(¡°javascript:alert(¡®hello zhang-chao.com¡¯);¡±); //×¢Òâ×Ö·û´® Ë«ÒýºÅ ÀïÃæ¼Óµ¥ÒýºÅ
µ«ÊÇʹÓÃÕâÖÖ·½·¨´Óflashµ÷ÓÃjavascriptº¯ÊýÈÔ´æÔÚÐí¶àÀ§ÄÑ ......

javascriptµÄÕýÔò±í´ïʽ

ÕýÔò±í´ïʽһ°ãÓÐÒÔϹ¦ÄÜ:
 ²âÊÔ×Ö·û´®µÄij¸öģʽ¡£ÀýÈ磬¿ÉÒÔ¶ÔÒ»¸öÊäÈë×Ö·û´®½øÐвâÊÔ£¬¿´ÔÚ¸Ã×Ö·û´®ÊÇ·ñ´æÔÚÒ»¸öµç»°ºÅÂëģʽ»òÒ»¸öÐÅÓÿ¨ºÅÂëģʽ¡£Õâ³ÆÎªÊý¾ÝÓÐЧÐÔÑéÖ¤
 Ìæ»»Îı¾¡£¿ÉÒÔÔÚÎĵµÖÐʹÓÃÒ»¸öÕýÔò±í´ïʽÀ´±êÊ¶ÌØ¶¨ÎÄ×Ö£¬È»ºó¿ÉÒÔÈ«²¿½«Æäɾ³ý£¬»òÕßÌæ»»Îª±ðµÄÎÄ×Ö
 ¸ù¾ÝģʽƥÅä´Ó×Ö ......

HtmlÖÐDocumentºÍEventÀï¸÷ÖÖ×ø±êµÄ¶¨Òå

±¾ÎÄת×Ô£ºhttp://hi.baidu.com/gle_el/blog/item/43d0f6f464577a68dcc47431.html
event.x   £¬event.y:Óë´¥·¢Ê¼þµÄ¶ÔÏóÏà¹ØµÄÊó±êλÖõÄXY×ø±ê;
offsetTop
»ñÈ¡¶ÔÏóÏà¶ÔÓÚ°æÃæ»òÓÉ offsetParent ÊôÐÔÖ¸¶¨µÄ¸¸×ø±êµÄ¼ÆËã¶¥¶ËλÖá£
offsetLeft
»ñÈ¡¶ÔÏóÏà¶ÔÓÚ°æÃæ»òÓÉ offsetParent ÊôÐÔÖ¸¶¨µÄ¸¸×ø±êµÄ¼ÆËã ......

HTMLÖ®meta

 metaÊÇhtmlÓïÑÔheadÇøµÄÒ»¸ö¸¨ÖúÐÔ±êÇ©¡£¼¸ºõËùÓеÄÍøÒ³ÀÎÒÃÇ¿ÉÒÔ¿´µ½ÀàËÆÏÂÃæÕâ¶ÎµÄhtml´úÂ룺
¡¡¡¡£¼head£¾
¡¡¡¡£¼meta http-equiv="content-Type" content="text/html; charset=gb2312"£¾
¡¡¡¡£¼/head£¾
¡¡¡¡Ò²ÐíÄãÈÏΪÕâЩ´úÂë¿ÉÓпÉÎÞ¡£ÆäʵÈç¹ûÄãÄܹ»ÓúÃmeta±êÇ©£¬»á¸øÄã´øÀ´ÒâÏë² ......

ÓÃjavascript¶¯Ì¬ÉèÖÃcssÑùʽµÄÖµ

 css¿ØÖÆÎ»Öãº
´¿Êý×Ö
el.style.posLeft = 0;
el.style.posTop = 0;
Êý×Ö+µ¥Î»
el.style.left = "0px";
el.style.top = "0px";
css¿ØÖÆÔªËصÄÑùʽ£º
document.getElementById("para").style.fontWeight ="bold";
»ò£¨ÆäËûÒ²ÊÇÕâÑù£©£º
document.getElementById("para").className ="strong"; ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ