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»ÏÔʾ
·½·¨¶þÒþ²Øºó Ò³ÃæµÄλÖò»±»Õ¼ÓÃ
Ïà¹ØÎĵµ£º
The ExternalInterface API
֮ǰÎÒÃÇʹÓÃflashµ÷ÓÃjavascriptº¯Êý£¬Ò»°ãʹÓÃÕâÑùµÄ·½·¨£º
´úÂë:
getURL(¡°javascript:alert(¡®hello zhang-chao.com¡¯);¡±); //×¢Òâ×Ö·û´® Ë«ÒýºÅ ÀïÃæ¼Óµ¥ÒýºÅ
µ«ÊÇʹÓÃÕâÖÖ·½·¨´Óflashµ÷ÓÃjavascriptº¯ÊýÈÔ´æÔÚÐí¶àÀ§ÄÑ ......
ÕýÔò±í´ïʽһ°ãÓÐÒÔϹ¦ÄÜ:
²âÊÔ×Ö·û´®µÄij¸öģʽ¡£ÀýÈ磬¿ÉÒÔ¶ÔÒ»¸öÊäÈë×Ö·û´®½øÐвâÊÔ£¬¿´ÔÚ¸Ã×Ö·û´®ÊÇ·ñ´æÔÚÒ»¸öµç»°ºÅÂëģʽ»òÒ»¸öÐÅÓÿ¨ºÅÂëģʽ¡£Õâ³ÆÎªÊý¾ÝÓÐЧÐÔÑéÖ¤
Ìæ»»Îı¾¡£¿ÉÒÔÔÚÎĵµÖÐʹÓÃÒ»¸öÕýÔò±í´ïʽÀ´±êÊ¶ÌØ¶¨ÎÄ×Ö£¬È»ºó¿ÉÒÔÈ«²¿½«Æäɾ³ý£¬»òÕßÌæ»»Îª±ðµÄÎÄ×Ö
¸ù¾ÝģʽƥÅä´Ó×Ö ......
±¾ÎÄת×Ô£ºhttp://hi.baidu.com/gle_el/blog/item/43d0f6f464577a68dcc47431.html
event.x £¬event.y:Óë´¥·¢Ê¼þµÄ¶ÔÏóÏà¹ØµÄÊó±êλÖõÄXY×ø±ê;
offsetTop
»ñÈ¡¶ÔÏóÏà¶ÔÓÚ°æÃæ»òÓÉ offsetParent ÊôÐÔÖ¸¶¨µÄ¸¸×ø±êµÄ¼ÆËã¶¥¶ËλÖá£
offsetLeft
»ñÈ¡¶ÔÏóÏà¶ÔÓÚ°æÃæ»òÓÉ offsetParent ÊôÐÔÖ¸¶¨µÄ¸¸×ø±êµÄ¼ÆËã ......
metaÊÇhtmlÓïÑÔheadÇøµÄÒ»¸ö¸¨ÖúÐÔ±êÇ©¡£¼¸ºõËùÓеÄÍøÒ³ÀÎÒÃÇ¿ÉÒÔ¿´µ½ÀàËÆÏÂÃæÕâ¶ÎµÄhtml´úÂ룺
¡¡¡¡£¼head£¾
¡¡¡¡£¼meta http-equiv="content-Type" content="text/html; charset=gb2312"£¾
¡¡¡¡£¼/head£¾
¡¡¡¡Ò²ÐíÄãÈÏΪÕâЩ´úÂë¿ÉÓпÉÎÞ¡£ÆäʵÈç¹ûÄãÄܹ»ÓúÃmeta±êÇ©£¬»á¸øÄã´øÀ´ÒâÏë² ......
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"; ......