JavaScript HTML DOM ¶ÔÏó
³ýÁËÄÚÖÃµÄ JavaScript ¶ÔÏóÒÔÍ⣬Ä㻹¿ÉÒÔʹÓà JavaScript ·ÃÎʲ¢´¦ÀíËùÓÐµÄ HTML DOM ¶ÔÏó¡£
¸ü¶à JavaScript ¶ÔÏó
µã»÷ÒÔÏÂÁ´½Ó£¬¿ÉÒÔ»ñµÃÒÔ϶ÔÏóµÄ¸ü¶àÐÅÏ¢£¬°üÀ¨ËüÃǵļ¯ºÏ¡¢ÊôÐÔ¡¢·½·¨ÒÔ¼°Ê¼þ¡£
¶ÔÏóÃèÊö
Window
JavaScript ²ã¼¶ÖеĶ¥²ã¶ÔÏó¡£Windows ¶ÔÏó»á³ÊÏÖ (represent) Ò»¸öä¯ÀÀÆ÷´°¿Ú¡£Ã¿µ± <body> »òÕß <frameset> ±êÇ©³öÏÖ£¬Window ¶ÔÏó¾Í»á±»×Ô¶¯´´½¨¡£
Navigator
°üº¬¿Í»§¶Ëä¯ÀÀÆ÷µÄÐÅÏ¢¡£
Screen
°üº¬¿Í»§¶ËÏÔʾÆÁµÄÐÅÏ¢¡£
History
°üº¬ÁËä¯ÀÀÆ÷´°¿Ú·ÃÎʹýµÄ URL¡£
Location
°üº¬Á˵±Ç°URLµÄÐÅÏ¢¡£
HTML DOM
HTML DOM ÊÇ W3C ±ê×¼£¨ÊÇ HTML Îĵµ¶ÔÏóÄ£Ð͵ÄÓ¢ÎÄËõд£¬Document Object Model for HTML£©¡£
HTML DOM ¶¨ÒåÁËÓÃÓÚ HTML µÄһϵÁбê×¼µÄ¶ÔÏó£¬ÒÔ¼°·ÃÎʺʹ¦Àí HTML ÎĵµµÄ±ê×¼·½·¨¡£
ͨ¹ý DOM£¬¿ÉÒÔ·ÃÎÊËùÓÐµÄ HTML ÔªËØ£¬Á¬Í¬ËüÃÇËù°üº¬µÄÎı¾ºÍÊôÐÔ¡£¿ÉÒÔ¶ÔÆäÖеÄÄÚÈݽøÐÐÐ޸ĺÍɾ³ý£¬Í¬Ê±Ò²¿ÉÒÔ´´½¨ÐµÄÔªËØ¡£
HTML DOM ¶ÀÁ¢ÓÚÆ½Ì¨ºÍ±à³ÌÓïÑÔ¡£Ëü¿É±»Èκαà³ÌÓïÑÔÖîÈç Java¡¢JavaScript ºÍ VBScript ʹÓá£
µã»÷ÏÂÃæµÄÁ´½Ó£¬¿É»ñµÃ¸ü¶à¹ØÓÚÈçºÎʹÓà JavaScript À´·ÃÎʺʹ¦Àí DOM ¶ÔÏóµÄ֪ʶ£º
¶ÔÏóÃèÊö
Document
´ú±íÕû¸ö HTML Îĵµ£¬ÓÃÀ´·ÃÎÊÒ³ÃæÖеÄËùÓÐÔªËØ¡£
Anchor
´ú±í <a> ÔªËØ¡£
Area
´ú±íͼÏñµØÍ¼ÖÐµÄ <area> ÔªËØ¡£
Base
´ú±í <base> ÔªËØ¡£
Body
´ú±íͼÏñµØÍ¼ÖÐµÄ <body> ÔªËØ¡£
Button
´ú±í <button> ÔªËØ¡£
Event
´ú±íʼþµÄ״̬
Form
´ú±í <form> ÔªËØ
Frame
´ú±í <frame> ÔªËØ
Frameset
´ú±í <frameset> ÔªËØ
Iframe
´ú±í <iframe> ÔªËØ
Image
´ú±í <img> ÔªËØ
Input button
´ú±í HTML ±íµ¥Öеİ´Å¥
Input checkbox
´ú±í HTML ±íµ¥ÖеÄÑ¡Ôñ¿ò
Input file
´ú±í HTML ±íµ¥ÖÐµÄ fileupload ¡£
Input hidden
´ú±í HTML ±íµ¥ÖеÄÒþ²ØÓò¡£
Input password
´ú±í HTML ±íµ¥ÖеÄÃÜÂëÓò¡£
Input radio
´ú±í HTML ±íµ¥Öеĵ¥Ñ¡¿ò¡£
Input reset
´ú±í HTML ±íµ¥ÖеÄÖØÖð´Å¥¡£
Input submit
´ú±í HTML ±íµ¥ÖеÄÈ·Èϰ´Å¥¡£
Input text
´ú±í HTML ±íµ¥ÖеÄÎı¾ÊäÈëÓò¡£
Link
´ú±í <link> ÔªËØ
Meta
´ú±í <meta> ÔªËØ
Object
´ú±íÒ»¸ö <Object> ÔªËØ
Option
´ú±í <option> ÔªËØ
Select
´ú±í HTML ±íµ¥ÖеÄÑ¡ÔñÁÐ±í¡£
Style
´ú±íij¸öµ¥
Ïà¹ØÎĵµ£º
CDATA ÄÚ²¿µÄËùÓж«Î÷¶¼»á±»½âÎöÆ÷ºöÂÔ¡£
¼ÙÈçÎı¾Öаüº¬ÁË´óÁ¿µÄ "<" ºÍ "&" ×Ö·û - ¾ÍÏñ±à³Ì´úÂëÖо³£³öÏÖµÄÇé¿öÒ»Ñù - ÄÇôÕâ¸ö XML ÔªËØ¾Í¿ÉÒÔ±»¶¨ÒåΪһ¸ö CDATA ²¿·Ö¡£
CDATA Çø¶Î¿ªÊ¼ÓÚ "<![CDATA["£¬½áÊøÓÚ "]]>"£º
<script type="text/javascri ......
Ëæ×Åä¯ÀÀÆ÷°²È«ÐÔµÄÌá¸ß£¬ÒªÊµÏÖͼƬԤÀÀÒ²Ô½À´Ô½À§ÄÑ¡£
²»¹ýȺÖÚµÄÖÇ»ÛÊÇÎÞÏ޵ģ¬ÍøÉÏÒ²Óкܶà±äͨ»òÏȽøµÄ·½·¨À´ÊµÏÖ¡£
ÔÚÑо¿Á˸÷ÖÖÔ¤ÀÀ·½·¨ºó£¬×÷Ϊ×ܽᣬдÁËÕâ¸ö³ÌÐò£¬¸ú´ó¼ÒÒ»Æð·ÖÏí¡£
ÉÏ´ÎдµÄ¼ò±ãÎÞË¢ÐÂÎļþÉÏ´«ÏµÍ³×î³õµÄÄ¿µÄ¾ÍÊÇÓÃÀ´ÊµÏÖÕâ¸öͼƬԤÀÀЧ¹û¡£
¼æÈÝ£ºie6/7/8, firefox 3.5.5
ºǫ֧́³ÖÏ»¹¼æÈÝ ......
ÔÚÕâ¸öjs¿ò¼ÜËæ´¦ÂÒÅܵÄʱ´ú£¬ÄãÊÇ·ñ¿¼Âǹýдһ¸ö×Ô¼ºµÄ¿ò¼Ü£¿ÏÂÃæµÄÄÚÈÝÒ²Ðí»áÓеã°ïÖú¡£
Ò»¸ö¿ò¼ÜÓ¦¸Ã°üº¬ÄÄЩÄÚÈÝ£¿
1.ÓïÑÔÀ©Õ¹
¡¡¡¡´ó²¿·ÖÏÖÓеĿò¼Ü¶¼ÌṩÁËÕⲿ·ÖÄÚÈÝ£¬ÓïÑÔÀ©Õ¹Ó¦µ±ÊÇÒÔECMAScriptΪ»ù´¡½øÐе쬲»Ó¦µ±ÒÀÀµÈκÎËÞÖ÷»·¾³£¬Ò²¾ÍÊÇ˵£¬×÷Ϊһ¸ö¿ò¼ÜµÄÉè¼ÆÕߣ¬ÄãÓ¦µ±±£Ö¤Ä ......
<script type="text/javascript">
function fnOnPageChanged(page) {
var url = '<?=url('ShowFront','Search',$Request);?>' + '&page=' + page;
//alert(url);
document.location.href = url;
}
</script>
<select id="selectPage" onChange="fnOnPageC ......
¾¡¹Ü JavaScript ÀúÊ·ÉÏʹÓÃÈß³¤¶øÁîÈËÉúÑáµÄ´úÂë¿éÀ´±êµÄÌØ¶¨ä¯ÀÀÆ÷µÄʱÆÚÒѾ½áÊøÁË£¬µ«ÊÇż¶ûʹÓÃһЩ¼òµ¥µÄ´úÂë¿éºÍ¶ÔÏó¼ì²âÀ´È·±£Ò»Ð©´úÂëÔÚÓû§»úÆ÷ÉÏÕý³£¹¤×÷ÒÀÈ»ÊDZØÒªµÄ¡£
ÕâÆªÎÄÕÂÖУ¬ÎÒ»áÂÔÊöһϠInternet Explorer ºÍ Firefox ÔÚ JavaScript Óï·¨Éϲ»Í¬µÄ 7 ¸ö·½Ãæ¡£
1. CSS “float” ÊôÐÔ
»ñÈ¡ ......