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¸öµ¥
Ïà¹ØÎĵµ£º
<input type=button onclick="aaa();" value="È·¶¨">
<iframe name="frame1">
<script language=javascript>
function aaa()
{
docume ......
±Õ°ü£¨closure£©ÊÇJavascriptÓïÑÔµÄÒ»¸öÄѵ㣬ҲÊÇËüµÄÌØÉ«£¬ºÜ¶à¸ß¼¶Ó¦Óö¼ÒªÒÀ¿¿±Õ°üʵÏÖ¡£
ÏÂÃæ¾ÍÊÇÎÒµÄѧϰ±Ê¼Ç£¬¶ÔÓÚJavascript³õѧÕßÓ¦¸ÃÊǺÜÓÐÓõġ£
Ò»¡¢±äÁ¿µÄ×÷ÓÃÓò
ÒªÀí½â±Õ°ü£¬Ê×ÏȱØÐëÀí½âJavascriptÌØÊâµÄ±äÁ¿×÷ÓÃÓò¡£
±äÁ¿µÄ×÷ÓÃÓòÎ޷ǾÍÊÇÁ½ÖÖ£ºÈ«¾Ö±äÁ¿ºÍ¾Ö²¿±äÁ¿¡£
JavascriptÓïÑÔµÄÌØÊâÖ®´¦£¬¾ÍÔÚÓ ......
1.»ñµÃÖ¸¶¨idµÄ¶ÔÏó£ºdocument.getElementById ("id")£¬idÐèΨһ£¬name²»±ØΨһ¡£
2.»ñµÃÖ¸¶¨nameµÄ¶ÔÏóÊý×飺document.getElementsByname("name")£¬·ÃÎʾßÌå¶ÔÏóÓÃϱê±íʾ£ºdocument.getElementsByname("name")[0]
3. »ñµÃ´¥·¢Ê¼þµÄ¶ÔÏó£º
function getEventElement(ev){
ev = ev||window.event;//»ñµÃ¶ÔÏó
......
˽ÓбäÁ¿ ÔÚ¶ÔÏóÄÚ²¿Ê¹ÓÃ'var'¹Ø¼ü×ÖÀ´ÉùÃ÷£¬¶øÇÒËüÖ»Äܱ»Ë½Óк¯ÊýºÍÌØȨ·½·¨·ÃÎÊ¡£
˽Óк¯Êý ÔÚ¶ÔÏóµÄ¹¹Ô캯ÊýÀïÉùÃ÷£¨»òÕßÊÇͨ¹ývar functionName=function(){...}À´¶¨Ò壩£¬ËüÄܱ»ÌØȨº¯Êýµ÷Ó㨰üÀ¨¶ÔÏóµÄ¹¹Ô캯Êý£©ºÍ˽Óк¯Êýµ÷Óá£
ÌØȨ·½·¨ ͨ¹ýthis.methodName=function(){...}À´ÉùÃ÷¶øÇÒ¿ÉÄܱ»¶ÔÏóÍⲿµÄ´úÂëµ ......