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¸öµ¥
Ïà¹ØÎĵµ£º
ÿ´ÎÓõ½Õâ¸ö·½·¨ÎÒ¶¼Òªµ½ÍøÉÏÈ¥ËÑ£¬Òª»¨Ò»¶Îʱ¼ä£¡ÎªÁ˱ÜÃâÖØ¸´ËÑ£¬¾ö¶¨·Åµ½blogÖÐ.
<SCRIPT LANGUAGE=javascript>
function p_del() {
var msg = "ÄúÕæµÄÈ·¶¨ÒªÉ¾³ýÂð£¿\n\nÇëÈ·ÈÏ£¡";
if (confirm(msg)==true){
return true;
}else{
return false;
}
}
</SCRIPT>
µ÷Ó÷½·¨£º
<a href="del.js ......
±Õ°ü£¨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;//»ñµÃ¶ÔÏó
......
/********************
* È¡´°¿Ú¹ö¶¯Ìõ¸ß¶È
******************/
function getScrollTop()
{
var scrollTop=0;
if(document.documentElement&&document.documentElement.scrollTop)
{
......
±íµ¥Ãûfm ±íµ¥ÖÐÓÐÁ½¸ötext :name,no Ò»¸öradio:sex Ò»¸öcheckbox:hobby Ò»¸öÏÂÀÁбí¿ò(ÈÕÆÚ£ºyear month day)
Ò»¸ötextarea ……»¹ÓÐÁ½¸ö°´Å¥ submit ºÍ reset
ÈçºÎÓÃJavaScriptÑéÖ¤ÕâЩÄÚÈݷǿգ¬ÒªÇóµã“Ìá½»”°´Å¥µÄʱºò Ìáʾ·Ç¿Õ£¬ ¾ßÌåhtml´úÂëÈçÏ£º
<html>
<he ......