JavaScriptÖÐsetAttributeÓ÷¨
ÎÒÃǾ³£ÐèÒªÔÚJavaScriptÖиøElement¶¯Ì¬Ìí¼Ó¸÷ÖÖÊôÐÔ£¬Õâ¿ÉÒÔͨ¹ýʹÓÃsetAttribute()À´ÊµÏÖ£¬Õâ¾ÍÉæ¼°µ½ÁËä¯ÀÀÆ÷µÄ¼æÈÝÐÔÎÊÌâ¡£
setAttribute(string name, string value)£ºÔö¼ÓÒ»¸öÖ¸¶¨Ãû³ÆºÍÖµµÄÐÂÊôÐÔ£¬»òÕß°ÑÒ»¸öÏÖÓеÄÊôÐÔÉ趨Ϊָ¶¨µÄÖµ¡£
1¡¢ÑùʽÎÊÌâ
setAttribute(class, value)ÖÐclassÊÇÖ¸¸Ä±äclassÕâ¸öÊôÐÔ£¬ËùÒÔÒª´øÒýºÅ¡£
vName´ú±í¶ÔÑùʽ¸³Öµ¡£
ÀýÈç:
var input = document.createElement(input);
input.setAttribute(type, text);
input.setAttribute(name, q);
input.setAttribute(class,bordercss);
Êä³öʱ£º,¼´£¬input¿Ø¼þ¾ßÓÐbordercssÑùʽÊôÐÔ
×¢Ò⣺classÊôÐÔÔÚW3C DOMÖаçÑÝןÜÖØÒªµÄ½ÇÉ«£¬µ«ÓÉÓÚä¯ÀÀÆ÷²îÒìÐÔÈÔÈ»´æÔÚ¡£
ʹÓÃsetAttribute(class, vName)Óï¾ä¶¯Ì¬ÉèÖÃElementµÄclassÊôÐÔÔÚfirefoxÖÐÊÇÐеÄͨµÄ£¬µ«ÔÚIEÖÐÈ´²»ÐС£ÒòΪʹÓÃIEÄں˵Ää¯ÀÀÆ÷²»ÈÏʶclass£¬Òª¸ÄÓÃclassName£»
ͬÑù£¬firefox Ò²²»ÈÏʶclassName¡£ËùÒÔ³£Óõķ½·¨ÊǶþÕ߼汸£º
element.setAttribute(class, value); //for firefox
element.setAttribute(className, value); //for IE
2¡¢·½·¨ÊôÐÔµÈÎÊÌâ
ÀýÈ磺
var bar = document.getElementById(testbt);
bar.setAttribute(onclick, javascript:alert('This is a test!'););
ÕâÀïÀûÓÃsetAttributeÖ¸¶¨eµÄonclickÊôÐÔ£¬¼òµ¥£¬ºÜºÃÀí½â¡£
µ«ÊÇIE²»Ö§³Ö£¬IE²¢²»ÊDz»Ö§³ÖsetAttributeÕâ¸öº¯Êý£¬¶øÊDz»Ö§³ÖÓÃsetAttributeÉèÖÃijЩÊôÐÔ£¬ÀýÈç¶ÔÏóÊôÐÔ¡¢¼¯ºÏÊôÐÔ¡¢Ê¼þÊôÐÔ£¬Ò²¾ÍÊÇ˵ÓÃsetAttributeÉèÖÃstyleºÍonclickÕâЩÊôÐÔÔÚIEÖÐÊÇÐв»Í¨µÄ¡£
Ϊ´ïµ½¼æÈݸ÷ÖÖä¯ÀÀÆ÷µÄЧ¹û£¬¿ÉÒÔÓõã·ûºÅ·¨À´ÉèÖÃElementµÄ¶ÔÏóÊôÐÔ¡¢¼¯ºÏÊôÐÔºÍʼþÊôÐÔ¡£
document.getElementById(testbt).className = bordercss;
document.getElementById(testbt).style.cssText = color: #00f;;
document.getElementById(testbt).style.color = #00f;
document.getElementById(testbt).onclick= function () { alert(This is a test!); }
ÓÉ´ËÑÓÉìµÄÎÊÌâ:
Ò»¸öinputµÄtext,µ±½«html¸³ÖµÎªÄ³¸ödivµÄinnerHTMLʱ,Óöµ½Ò»¸öÏÖÏó,µ±ÔÚfirefoxÏÂʱ(IEϲ»´æÔÚ´ËÎÊÌâ), ¸³ÖµºóµÄinnerHTMLÀï²»º¬ÓÐvalue,¼´µ±ÄãÔÚÎı¾¿òÊäÈëÄÚÈݺó,ÄãÏ뽫¸³Öµ¸ødivʱ,Ö»»áµÃµ½,ÕâÀï×ÜÊǻὫvalueÇå³ý.
Õâʱ,setAttributeÆð×÷ÓÃÁË,ÔÚinputÄÚ¼ÓÉÏ:onkeyup=t
Ïà¹ØÎĵµ£º
ÕâÁ½ÌìÔÚ×öÒ»¸ö¿Ø¼þµÄʱºòÓöµ½Òª´¥·¢onchangeʼþµÄÎÊÌ⣬±¾À´ÒÔΪֵһµ©¸ü¸Ä¾Í»á´¥·¢onchangeʼþ£¬µ«Êµ¼ÊÉϲ»ÊÇÏëÏóÖеÄÄÇÑù¡£
¶ÔÓÚonBlurºÍonFocus¿ÉÒÔÖ±½Óµ÷ÓÃobject.Blur()ºÍobject.Focus()£¬µ«javascriptÖÐûÓÐobject.Changeʼþ¡£ÓÚÊǾÍÔÚÍøÉϲéÁËһϣ¬·¢ÏÖobject.fireEvent()¿ÉÒÔ´¥·¢Ê¼þ£¬Èç´¥·¢onchangeʼþÔòÊ ......
ÏÖÔÚµÄRIA£¨Rich Internet
applications)Ô½À´Ô½Á÷ÐУ¬JavascriptÔÚÕâÖмäÆðµ½Á˲»¿ÉºöÊÓµÄ×÷Óã¬Õâ¸öÊÀ½çÉÏ£¬ÍêÈ«²»ÓÃJSµÄÍøÕ¾Ó¦¸ÃºÜÉÙÁË£¬Ò»Ð©Óû§ÌåÑéºÃ
µÄÍøÕ¾£¬´ó¶à²ÉÓÃÁËFlash»òÕßJS£¬¶øÒÔJS¾Ó¶à¡£±ÈÈçÏñQunar£¬¾ÍÊÇÒÔJavascript +
AjaxΪÖ÷µÄÍøÕ¾£¬Ç°Ì¨Ò³ÃæÖ÷ÒªÊÇHTML£¬ºǫ́Éú³ÉJSONÊý¾Ý¡£ÔÙ±ÈÈç˵Ajax×îÔç´ó¹ ......
JavaScript µÄ³É¹¦ÈÃÈ˽ò½òÀÖµÀ£¬Îª Web ÍøÒ³±àд JavaScript ´úÂëÒѾÊÇËùÓÐ Web Éè¼ÆÊ¦µÄ»ù±¾¹¦£¬ÕâÃÅÓÐȤµÄÓïÑÔÔ̲Ø×ÅÐí¶à²»ÎªÈËÊìÖªµÄ¶«Î÷£¬¼´Ê¹¶àÄêµÄ JavaScript ³ÌÐòÔ±£¬Ò²Î´ÄÜÍêÈ«³Ô͸¡£±¾ÎÄ´Ó7¸ö·½Ãæ½²Êö JavaScript ÖÐÄÇЩÄã²»ºÜÊìÖªµ«·Ç³£ÊµÓõļ¼ÇÉ¡£
¼òÂÔÓï¾ä
JavaScript ¿ÉÒÔʹÓüòÂÔÓï¾ä¿ìËÙ´´½¨¶ÔÏóºÍÊý× ......
window.onload= someFunction();//Ò³Ãæ±¨ÉÐδʵÏÖ´íÎóʱ²»·ÀÓÃÏÂÃæµÄÊÔÒ»ÏÂ
window.onload = someFunction;
window.onload = function (){someFunction();};
window.onload = Function("someFunction();"); ......
½ñÌìÒ»¸öͬÊÂÐèҪʵÏÖÕâôһ¸öЧ¹û£¬ÓÚÊǾͲâÊÔÁËһϣ¬ÖмäµÄÂß¼ÓÃÁ˺ݳ¤Ê±¼ä£¬²»¹ý×îÖÕ»¹ÊǸã³öÀ´ÁË£¡´úÂëÓеãÓ·Ö×£¬Ã»Ê±¼äÓÅ»¯£¬ÓÐÓõ½ÀàËÆ¹¦ÄܵÄÅóÓÑ¿ÉÒÔ×Ô¼ºÓÅ»¯Ò»Ï£¡£¨Ðè¼ÓÈë×Ô¼ºµÄjqueryÎļþ£©
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tran ......