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¸öµ¥
Ïà¹ØÎĵµ£º
¶«Î÷ºÜ¼òµ¥£¬Ö»ÊÇ×Ô¼º¼ÇÐÔ²»ºÃ£¬¾³£Íü¼ÇһЩ¹Ø¼ü×Ö
ËùÒÔ·¢Á˵ãʱ¼äÕûÀíÁËÒ»ÏÂ
/*------------------------------------------------------
*×÷Õߣºxieyu @ 2007-08-14
*JavaScript
*˵Ã÷£ºselectÔªËØjavascript³£ÓòÙ×÷
* 1.ÅжÏÊÇ·ñ´æÔÚÖ¸¶¨valueµÄItem
* 2.¼ÓÈëÒ» ......
CDATA ÄÚ²¿µÄËùÓж«Î÷¶¼»á±»½âÎöÆ÷ºöÂÔ¡£
¼ÙÈçÎı¾Öаüº¬ÁË´óÁ¿µÄ "<" ºÍ "&" ×Ö·û - ¾ÍÏñ±à³Ì´úÂëÖо³£³öÏÖµÄÇé¿öÒ»Ñù - ÄÇôÕâ¸ö XML ÔªËØ¾Í¿ÉÒÔ±»¶¨ÒåΪһ¸ö CDATA ²¿·Ö¡£
CDATA Çø¶Î¿ªÊ¼ÓÚ "<![CDATA["£¬½áÊøÓÚ "]]>"£º
<script type="text/javascri ......
±Õ°ü£¨closure£©ÊÇJavascriptÓïÑÔµÄÒ»¸öÄѵ㣬ҲÊÇËüµÄÌØÉ«£¬ºÜ¶à¸ß¼¶Ó¦Óö¼ÒªÒÀ¿¿±Õ°üʵÏÖ¡£
ÏÂÃæ¾ÍÊÇÎÒµÄѧϰ±Ê¼Ç£¬¶ÔÓÚJavascript³õѧÕßÓ¦¸ÃÊǺÜÓÐÓõġ£
Ò»¡¢±äÁ¿µÄ×÷ÓÃÓò
ÒªÀí½â±Õ°ü£¬Ê×ÏȱØÐëÀí½âJavascriptÌØÊâµÄ±äÁ¿×÷ÓÃÓò¡£
±äÁ¿µÄ×÷ÓÃÓòÎ޷ǾÍÊÇÁ½ÖÖ£ºÈ«¾Ö±äÁ¿ºÍ¾Ö²¿±äÁ¿¡£
JavascriptÓïÑÔµÄÌØÊâÖ®´¦£¬¾ÍÔÚÓ ......
<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 ......