Ò׽ؽØͼÈí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

HTML±êÇ© optgroup ¡¾select ʹÓá¿


ѧÎÞÖ¹¾³£¡£¡£¡
 
½ñÌìÔÚÂÛ̳»Ø´ðÌû×Ó£¬Ñ§µ½ÁËÒ»ÕУ¬selectÔ­À´¿ÉÒÔʹÓÃoptgroup ±êÇ©£¬¶Ôoption½øÐзÖÀ࣡
 
ÌØÒâ´ÓÍøÉÏժ¼ÁËÏÂÃæµÄÎÄÕÂ...
ÔÚ htmlÀï,optgroupÕâ¸öÔªËضÔÓÚÎÒÀ´ËµºÜÉÙÓõ½¡£×î½üÔÚ¹«Ë¾×öÏîĿʱʹÓÃÁËһϣ¬¸Ð¾õ²»´í£¬¿ÉÒÔ¶ÔÊý¾Ý½øÐзÖÀà¡£µ«ÔÚʹÓÃJavaScript Ìí¼Óoptgroupʱ,ÔÚIEÓëFirefoxÏ·ֱð³öÏÖÁ˲»Í¬µÄBug¡£ÎªÁ˽ñºóÔÙÓöµ½ÕâÎÊÌ⣬·¢µ½ÕâÀï×÷Ϊ±¸ÍüÓá£
ÎÒÃÇÏÈ¿´ÒÔÏ´úÂ룺
window.onload = function () {
var selObj = document.getElementById('demo');
var optionGroupObj = document.createElement('optgroup');
optionGroupObj.label = 'optionGroup';
selObj.appendChild(optionGroupObj);
var optionObj = new Option('optionText','optionValue');
selObj.options[selObj.options.length] = optionObj;
}
<select id="demo">
<option value="-1">please select</option>
</select>
ÔÚIEÏÂÏÔʾµÄ½á¹¹ÊÇ£º
<SELECT id=demo>
<OPTION value=-1 selected>please select</OPTION>
<OPTGROUP label=optionGroup>
<OPTION value=optionValue>optionText</OPTION>
</OPTGROUP>
</SELECT>
¶øÔÚFirefoxÏÂÏÔʾµÄ½á¹¹È´ÊÇ£º
<select id="demo">
<option value="-1">please select</option>
<optgroup label="optionGroup"/>
<option value="optionValue">optionText</option>
</select>
´ÓÕâ¶Î´úÂë¿´ÆðÀ´£¬Ã»ÓÐÈκÎÎÊÌâ¡£ÔÚIEÏ£¬°Ñoptgroup×÷Ϊoption¸¸½áµã£¬ÕâÊÇÕýÈ·µÄ¡£¶øFirefoxÈ´°Ñoptgroup×÷ΪoptionµÄÐֵܽáµã£¬ÕâÏÔÈ»²»ÊÇÎÒÃÇËùÒªµÄ½á¹û¡£
ÓÚÊÇ£¬ÓÖ³¢ÊÔ×ÅÓñê×¼DOMµÄ²Ù×÷·½Ê½½øÐиÄд¡£
½«µÚ7ÐдúÂë¸Ä³É“optionGroupObj.appendChild(optionObj);”
ÔÚIEÏÂÏÔʾµÄ½á¹¹ÊÇ£º
<SELECT id=demo>
<OPTION value=-1 selected>please select</OPTION>
<OPTGROUP label=optionGroup>
<OPTION value=optionValue></OPTION>
</OPTGROUP>
</SELECT>
FirefoxÕý³£ÁË¡£µ«ÔÚIEÏ£¬ÔÚoptionÔªËØȴûÓÐ’optionText’ÏÔʾÎı¾¡£
×îºó£¬¸Äд³ÉÈçÏ´úÂ룬½â¾öÁËÕâ¸öBug¡£
ÍêÕû´úÂëÈçÏ£º
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN


Ïà¹ØÎĵµ£º

JavaScript HTML DOM ¶ÔÏó

³ýÁËÄÚÖÃµÄ JavaScript ¶ÔÏóÒÔÍ⣬Ä㻹¿ÉÒÔʹÓà JavaScript ·ÃÎʲ¢´¦ÀíËùÓÐµÄ HTML DOM ¶ÔÏó¡£
¸ü¶à JavaScript ¶ÔÏó
µã»÷ÒÔÏÂÁ´½Ó£¬¿ÉÒÔ»ñµÃÒÔ϶ÔÏóµÄ¸ü¶àÐÅÏ¢£¬°üÀ¨ËüÃǵļ¯ºÏ¡¢ÊôÐÔ¡¢·½·¨ÒÔ¼°Ê¼þ¡£
¶ÔÏóÃèÊö
Window
JavaScript ²ã¼¶ÖеĶ¥²ã¶ÔÏó¡£Windows ¶ÔÏó»á³ÊÏÖ (represent) Ò»¸öä¯ÀÀÆ÷´°¿Ú¡£Ã¿µ± <body& ......

HTML語·¨´óÈ«

<! - - ... - -> Åú×¢ 
<!> ÅÜÂíµÆ 
<marquee>...</marquee>ÆÕͨ¾í¶¯ 
<marquee behavior=slide>...</marquee>»¬¶¯ 
<marquee behavior=scroll>...</marquee>Ô¤Éè¾í¶¯ 
<marquee beh ......

htmlÒ³ÃæÖ®¼äµÄ²ÎÊý´«µÝµÄ¾ÖÏÞÐÔ

Á½ÖÖ·½·¨:´óͬСÒì /*
*º¯Êý¹¦ÄÜ£º´Óhref»ñµÃ²ÎÊý
*sHref:   http://www.cscenter.com.cn/arg.htm?arg1=d&arg2=re
*sArgName:arg1, arg2
*return:  the value of arg. d, re
*/
function GetArgsfromHref(sHref, sArgName)
{
   ......

HTMLÖÐmetaµÄ×÷ÓÃ

Ô´ÎÄ£ºhttp://www.pconline.com.cn/pcedu/sj/wz/html/0401/293106.html
metaÊÇÓÃÀ´ÔÚHTMLÎĵµÖÐÄ£ÄâHTTPЭÒéµÄÏìӦͷ±¨ÎÄ¡£meta ±êÇ©ÓÃÓÚÍøÒ³µÄ<head>Óë</head>ÖУ¬meta ±êÇ©µÄÓô¦ºÜ¶à¡£meta µÄÊôÐÔÓÐÁ½ÖÖ£ºnameºÍhttp-equiv¡£nameÊôÐÔÖ÷ÒªÓÃÓÚÃèÊöÍøÒ³£¬¶ÔÓ¦ÓÚcontent£¨ÍøÒ³ÄÚÈÝ£©£¬ÒÔ±ãÓÚËÑË÷ÒýÇæ»úÆ÷È˲éÕ ......

ÍøÕ¾ÓÅ»¯³£ÓõÄHTML±êÇ©

ÍøÕ¾ÓÅ»¯
³£ÓõÄHTML±êÇ©:
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<body>
<h1>H1±êÇ©£¬¶¨ÒåÎÄÕ±êÌ⣬һ¸öÒ³ÃæÖ»ÒªÒ»¸ö</h1>
<h2>H2±êÇ©£¬¶¨ÒåÎÄÕ±êÌ⣬һ¸öÒ³ÃæÖ»ÒªÒ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ