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¸öµ¥
Ïà¹ØÎĵµ£º
javascriptÖÐinnerHtmlÓ÷¨
2009-04-21 22:52
<html>
<head>
<script language="javascript">
function Test(){
var str="";
str+="Hello,";
str+="This ......
Ô´Â룺
function resize(img, width, height) {
(img.width > img.height)
? ((img.height = Math.min(height, width * img.height/img.width)) || (img.width = Math.min(width, img.width)))
: ((img.width = Math.min(width, height * img.width/img.height)) || (img.height = Math.min(hei ......
±Õ°ü£¨closure£©ÊÇJavascriptÓïÑÔµÄÒ»¸öÄѵ㣬ҲÊÇËüµÄÌØÉ«£¬ºÜ¶à¸ß¼¶Ó¦Óö¼ÒªÒÀ¿¿±Õ°üʵÏÖ¡£
ÏÂÃæ¾ÍÊÇÎÒµÄѧϰ±Ê¼Ç£¬¶ÔÓÚJavascript³õѧÕßÓ¦¸ÃÊǺÜÓÐÓõġ£
Ò»¡¢±äÁ¿µÄ×÷ÓÃÓò
ÒªÀí½â±Õ°ü£¬Ê×ÏȱØÐëÀí½âJavascriptÌØÊâµÄ±äÁ¿×÷ÓÃÓò¡£
±äÁ¿µÄ×÷ÓÃÓòÎ޷ǾÍÊÇÁ½ÖÖ£ºÈ«¾Ö±äÁ¿ºÍ¾Ö²¿±äÁ¿¡£
JavascriptÓïÑÔµÄÌØÊâÖ®´¦£¬¾ÍÔÚÓ ......
±íµ¥Ãûfm ±íµ¥ÖÐÓÐÁ½¸ötext :name,no Ò»¸öradio:sex Ò»¸öcheckbox:hobby Ò»¸öÏÂÀÁбí¿ò(ÈÕÆÚ£ºyear month day)
Ò»¸ötextarea ……»¹ÓÐÁ½¸ö°´Å¥ submit ºÍ reset
ÈçºÎÓÃJavaScriptÑéÖ¤ÕâЩÄÚÈÝ·Ç¿Õ£¬ÒªÇóµã“Ìá½»”°´Å¥µÄʱºò Ìáʾ·Ç¿Õ£¬ ¾ßÌåhtml´úÂëÈçÏ£º
<html>
<he ......
<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 ......