1.´´½¨½Úµã²¢Ìí¼ÓÄÚÈÝ:ʹÓõķ½·¨:createElementºÍcreateTextNode
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>HTML DOM</title>
<script type=text/javascript>
function Message()
{
var op=document.createElement("p");
var oText=document.createTextNode("hello world!");
op.appendChild(oText);
document.body.appendChild(op);
}
</script>
</head>
<body onload="Message();">
</body>
</html>
2,ɾ³ý½Úµã ·½·¨:getElementsByTag ......
ÔÚ×Ô¼ºµÄÍøÕ¾ÉϸüÐÂÎÄÕÂʱһ¸ö±È½Ï³£¼ûµÄÎÊÌâÊÇ£ºÎÄÕ²åͼ̫¿í£¬Ê¹Õû¸öÍøÒ³¶¼±äÐÎÁË¡£Èç¹û¶Ôÿ¸ö²åͼ¶¼ÏȽøÐÐËõ·ÅÔÙ²åÈëµÄ»°£¬Ì«Âé·³ÁË¡£
ÎÒǰ¶Îʱ¼äдµÄһƪÎÄÕ¾ÍÓöµ½¹ýÕâÖÖÊÂÇ飬ºóÀ´ÓÃCSSµÄoverflowºÍmax-widthÊôÐÔÔÝʱ½â¾öÁËÒ³Ãæ±äÐεÄÎÊÌâ¡£ÕâÖÖ·½·¨ºÃ´¦ÊǼòµ¥£¬µ«»µ´¦ÊÇ»áÆÆ»µÄ³Ð©Ï¸½ÚµÄЧ¹û¡£
Èçoverflow£ºhidden£¬Òâ˼Êǵ±ÄÚ²¿ÔªËØ¿í¶È´óÓÚ¸¸¿ò¼ÜʱÒþ²Ø³¬³ö¿í¶ÈµÄ²¿·Ö¡£ÕâÑù×ö¿ÉÄÜ»áÊÇһЩÄÚÈÝͻȻ½Ø¶Ï£¬±»Òþ²ØÁË£¬ºÜ¶Ô²»Æð¹ÛÖÚ¡£
ͨ¹ýmax-widthÊôÐÔÏÞÖÆÎÄÕ²åͼ×î´ó¿í¶ÈµÄ»°£¬ÐèÒª¿¼ÂǸ÷ä¯ÀÀÆ÷µÄ¼æÈÝÐÔ¡£IE6ÊDz»Ö§³ÖÕâ¸öÊôÐԵģ¬ÔÚÎÒÓ¡ÏóÖУ¬Ò»Ð©ä¯ÀÀÆ÷ËäȻ֧³ÖÕâ¸öÊôÐÔ£¬µ«Í¼Æ¬²»ÊǵȱÈËõ·ÅµÄ£¨ºÃÏñÊÇSafariºÍOpera£¬¼Ç²»ÇåÁË£©£¬ÕâÑù×öµÄ»°¶ÔÕâЩä¯ÀÀÆ÷µÄÓû§ºÜ²»¹«Æ½¡£
Òò´Ë£¬ÎÒ×îÖÕÑ¡ÔñµÄÊÇͨ¹ýJavaScript¶¯Ì¬¸Ä±äͼƬ³ß´ç¡£ÕâÖÖ·½·¨¶Ô¸÷ÖÖä¯ÀÀÆ÷¼æÈÝÐÔÁ¼ºÃ£¨ÏÖÔÚÓ¦¸ÃºÜÉÙÈË»á½ûÓÃJavaScript°É£¿£©£¬Èç¹û»»Ö÷ÌâµÄ»°£¬Ò²¿ÉÒÔÁé»îµØ¸Ä±äÎÄÕ²åͼµÄ×î´ó³ß´ç¡£
·½°¸ÓÐÁ½¸ö£¬ÓÉÓÚÎÒʹÓõÄÖ÷ÌâÊǼÓÔØÁËjQuery¿âµÄ£¬Òò´Ë¿ÉÒÔÓÃÒÔÏ´úÂëʵÏÖ£º
ÒÔÏÂΪÒýÓõÄÄÚÈÝ£º
$(document).ready(function()
{
$('.post img').each(function()
{
......
ÕýÔò±í´ïʽÊÇÒ»¸öÃèÊö×Ö·ûģʽµÄ¶ÔÏó¡£
¡¡¡¡JavaScriptµÄRegExp¶ÔÏóºÍString¶ÔÏó¶¨ÒåÁËʹÓÃÕýÔò±í´ïʽÀ´Ö´ÐÐÇ¿´óµÄģʽƥÅäºÍÎı¾¼ìË÷ÓëÌæ»»º¯ÊýµÄ·½·¨.
¡¡¡¡ÔÚJavaScriptÖÐ,ÕýÔò±í´ïʽÊÇÓÉÒ»¸öRegExp¶ÔÏó±íʾµÄ.µ±È»,¿ÉÒÔʹÓÃÒ»¸öRegExp()¹¹Ô캯ÊýÀ´´´½¨RegExp¶ÔÏó,Ò²¿ÉÒÔÓÃ
JavaScript
1.2ÖеÄÐÂÌí¼ÓµÄÒ»¸öÌØÊâÓï·¨À´´´½¨RegExp¶ÔÏó.¾ÍÏñ×Ö·û´®Ö±½ÓÁ¿±»¶¨ÒåΪ°üº¬ÔÚÒýºÅÄÚµÄ×Ö·ûÒ»Ñù,ÕýÔò±í´ïʽֱ½ÓÁ¿Ò²±»¶¨ÒåΪ°üº¬ÔÚÒ»¶Ôб¸Ü
(/)Ö®¼äµÄ×Ö·û.ËùÒÔ,JavaScript¿ÉÄÜ»á°üº¬ÈçϵĴúÂë:
var pattern =
/s$/;
¡¡¡¡ÕâÐдúÂë´´½¨Ò»¸öеÄRegExp¶ÔÏó,²¢½«Ëü¸³¸ø±äÁ¿parttern.Õâ¸öÌØÊâµÄRegExp¶ÔÏóºÍËùÓÐÒÔ×Öĸ"s"½áβµÄ×Ö·û´®¶¼Æ¥Åä.ÓÃRegExp()Ò²¿ÉÒÔ¶¨ÒåÒ»¸öµÈ¼ÛµÄÕýÔò±í´ïʽ,´úÂëÈçÏÂ:
var
pattern = new
RegExp("s$");
¡¡¡¡ÎÞÂÛÊÇÓÃÕýÔò±í´ïʽֱ½ÓÁ¿»¹ÊÇÓù¹Ô캯ÊýRegExp(),´´½¨Ò»¸öRegExp¶ÔÏó¶¼ÊDZȽÏÈÝÒ×µÄ.½ÏΪÀ§ÄѵÄÈÎÎñÊÇÓÃÕýÔò±í´ïʽÓï·¨À´ÃèÊö×Ö·ûµÄģʽ.JavaScript²ÉÓõÄÊÇPerlÓïÑÔÕýÔò±í´ïʽÓï·¨µÄÒ»¸öÏ൱ÍêÕûµÄ×Ó¼¯.
¡¡¡¡ÕýÔò±í´ïʽµÄģʽ¹æ·¶ÊÇÓÉһϵÁÐ×Ö·û¹¹³ÉµÄ.´ó¶àÊý×Ö·û(°üÀ¨ËùÓÐ×ÖĸÊý×Ö×Ö·û)ÃèÊöµÄ¶¼Êǰ´ÕÕ×ÖÃæÒâ˼½ø ......
¿´Á˺ܶàjavascrip´úÂ룬·¢ÏÖºÜ¶àµØ·½Óõ½ÁËthisÕâ¸ö¶ÔÏó£¬ÄÇÕâ¸öµ½µ×ÊÇʲô¶«Î÷°¢£¿
ÏÈÈÃÎÒÃÇÀ´Àí½âÒ»¸ö¸ÅÄ
ÔÚjavascript»áÓÐÒ»¸öÉÏÏÂÎĵĸÅÄÈκÎÒ»¸ö¶ÔÏóÎÞÂÛÊÇObject »¹ÊÇfunction ¶¼»áÓÐÒ»¸öרÓеÄÉÏÏÂÎĶÔÏó£¬Ò²¿ÉÒÔÀí½âΪËü×Ô¼ºµÄÓµÓÐÕß¡£
ÄÇôÎÒÃǺÜÈÝÒ×Ïëµ½Õâ¸öÓµÓÐÕߣ¬±ØÈ»ÓиöÖյ㣬ÄǾÍÊÇwindow¶ÔÏó¡£
ºÃÁË£¬ÄÇôÎÒÃÇÀí½âÁËÕâ¸ö¸ÅÄîºó£¬¼ÇסÒÔϼ¸¸ö¹æÔò£¬¾Í¿ÉÒÔ׼ȷµÄÅжÏthisµ½µ×Ö¸µÄÊǸöɶ×ÓÍæÒâ¶ù¡£
¶ÔÏóµÄ˽ÓжÔÏó£¬ÉÏÏÂÎÄÊǶÔÏó±¾Éí
ÄäÃûº¯ÊýµÄÉÏÏÂÎÄÊÇwindow
ÓÃnewµÄº¯ÊýÉÏÏÂÎÄΪÕâ¸ö¶ÔÏó
ÈÃÎÒÃÇÔÙÀ´¿´Ð©Àý×Ó°É£»
var testFun = function (){
alert(this);
};
testFun();
ÉÏÊöÀý×ӵĽá¹ûÊÇ window¶ÔÏó
var obj = {
getName : function() {
alert(this);
}
};
obj.getName();
ÉÏÊöÀý×ӵĽá¹ûÊÇÒ»¸öOBJECT
¸ù¾ÝÉÏÊöÀíÂÛ£¬º¯ÊýÖÐǶÌ×ÄäÃûº¯ÊýÓ¦¸ÃÒ²ÊÇWINDOW¶ÔÏó£¬À´¿´ÏÂÃæµÄ´úÂë
var obj = {
getName : function(){
var innerFun = function (){alert(this);}
}
};
obj.getName();
À´¿´¸ö¹¹Ô캯ÊýµÄÀý×Ó£¬thisÖ¸µÄÊǶÔÏó
var obj = function() {
ale ......
µ±Ò³ÃæÔØÈëʱ£¬»áÖ´ÐÐλÓÚ body ²¿·ÖµÄ JavaScript¡£
µ±±»µ÷ÓÃʱ£¬Î»ÓÚ head ²¿·ÖµÄ JavaScript ²Å»á±»Ö´ÐС£
2006Äê1ÔÂ14ÈÕ£¬John Resig ÔÚBarCampNYCÉϵÚÒ»´Î·¢²¼ÁËjQuery¡£
JSON(JavaScript Object Notation) ÊÇÒ»ÖÖÇáÁ¿¼¶µÄÊý¾Ý½»»»¸ñʽ¡£Ò×ÓÚÈËÔĶÁºÍ±àд¡£Í¬Ê±Ò²Ò×ÓÚ»úÆ÷½âÎöºÍÉú³É¡£Ëü»ùÓÚJavaScript£¨Standard ECMA-262 3rd Edition - December 1999£©µÄÒ»¸ö×Ó¼¯¡£
JSONÓëXMLµÄ±È½Ï
¡¡¡¡¡ô¿É¶ÁÐÔ
¡¡¡¡JSONºÍXMLµÄ¿É¶ÁÐÔ¿Éν²»ÏàÉÏÏ£¬Ò»±ßÊǽ¨ÒéµÄÓï·¨£¬Ò»±ßÊǹ淶µÄ±êÇ©ÐÎʽ£¬ºÜÄÑ·Ö³öʤ¸º¡£
¡¡¡¡¡ô¿ÉÀ©Õ¹ÐÔ
¡¡¡¡XMLÌìÉúÓкܺõÄÀ©Õ¹ÐÔ£¬JSONµ±È»Ò²ÓУ¬Ã»ÓÐʲôÊÇXMLÄÜÀ©Õ¹£¬JSON²»Äܵġ£
¡¡¡¡¡ô±àÂëÄѶÈ
¡¡¡¡XMLÓзḻµÄ±àÂ빤¾ß£¬±ÈÈçDom4j¡¢JDomµÈ£¬JSONÒ²ÓÐjson.orgÌṩµÄ¹¤¾ß£¬µ«ÊÇJSONµÄ±àÂëÃ÷ÏÔ±ÈXMLÈÝÒ×Ðí¶à£¬¼´Ê¹²»½èÖú¹¤¾ßÒ²ÄÜд³öJSONµÄ´úÂ룬¿ÉÊÇҪдºÃXML¾Í²»Ì«ÈÝÒ×ÁË¡£
¡¡¡¡¡ô½âÂëÄѶÈ
¡¡¡¡XMLµÄ½âÎöµÃ¿¼ÂÇ×ӽڵ㸸½Úµã£¬ÈÃÈËÍ·»èÑÛ»¨£¬¶øJSONµÄ½âÎöÄѶȼ¸ºõΪ0¡£ÕâÒ»µãXMLÊäµÄÕæÊÇû»°Ëµ¡£
¡¡¡¡¡ôʵÀý±È½Ï
¡¡¡¡XMLºÍJSON¶¼Ê¹Óýṹ»¯·½·¨À´±ê¼ÇÊý¾Ý£¬ÏÂÃæÀ´×öÒ»¸ö¼òµ¥µÄ±È½Ï¡£
¡¡¡¡ÏÖ¼ÙÉèÓÐÒ»¸öÓû§Êý¾Ý°üÀ¨£ºÓû ......
µ±Ò³ÃæÔØÈëʱ£¬»áÖ´ÐÐλÓÚ body ²¿·ÖµÄ JavaScript¡£
µ±±»µ÷ÓÃʱ£¬Î»ÓÚ head ²¿·ÖµÄ JavaScript ²Å»á±»Ö´ÐС£
2006Äê1ÔÂ14ÈÕ£¬John Resig ÔÚBarCampNYCÉϵÚÒ»´Î·¢²¼ÁËjQuery¡£
JSON(JavaScript Object Notation) ÊÇÒ»ÖÖÇáÁ¿¼¶µÄÊý¾Ý½»»»¸ñʽ¡£Ò×ÓÚÈËÔĶÁºÍ±àд¡£Í¬Ê±Ò²Ò×ÓÚ»úÆ÷½âÎöºÍÉú³É¡£Ëü»ùÓÚJavaScript£¨Standard ECMA-262 3rd Edition - December 1999£©µÄÒ»¸ö×Ó¼¯¡£
JSONÓëXMLµÄ±È½Ï
¡¡¡¡¡ô¿É¶ÁÐÔ
¡¡¡¡JSONºÍXMLµÄ¿É¶ÁÐÔ¿Éν²»ÏàÉÏÏ£¬Ò»±ßÊǽ¨ÒéµÄÓï·¨£¬Ò»±ßÊǹ淶µÄ±êÇ©ÐÎʽ£¬ºÜÄÑ·Ö³öʤ¸º¡£
¡¡¡¡¡ô¿ÉÀ©Õ¹ÐÔ
¡¡¡¡XMLÌìÉúÓкܺõÄÀ©Õ¹ÐÔ£¬JSONµ±È»Ò²ÓУ¬Ã»ÓÐʲôÊÇXMLÄÜÀ©Õ¹£¬JSON²»Äܵġ£
¡¡¡¡¡ô±àÂëÄѶÈ
¡¡¡¡XMLÓзḻµÄ±àÂ빤¾ß£¬±ÈÈçDom4j¡¢JDomµÈ£¬JSONÒ²ÓÐjson.orgÌṩµÄ¹¤¾ß£¬µ«ÊÇJSONµÄ±àÂëÃ÷ÏÔ±ÈXMLÈÝÒ×Ðí¶à£¬¼´Ê¹²»½èÖú¹¤¾ßÒ²ÄÜд³öJSONµÄ´úÂ룬¿ÉÊÇҪдºÃXML¾Í²»Ì«ÈÝÒ×ÁË¡£
¡¡¡¡¡ô½âÂëÄѶÈ
¡¡¡¡XMLµÄ½âÎöµÃ¿¼ÂÇ×ӽڵ㸸½Úµã£¬ÈÃÈËÍ·»èÑÛ»¨£¬¶øJSONµÄ½âÎöÄѶȼ¸ºõΪ0¡£ÕâÒ»µãXMLÊäµÄÕæÊÇû»°Ëµ¡£
¡¡¡¡¡ôʵÀý±È½Ï
¡¡¡¡XMLºÍJSON¶¼Ê¹Óýṹ»¯·½·¨À´±ê¼ÇÊý¾Ý£¬ÏÂÃæÀ´×öÒ»¸ö¼òµ¥µÄ±È½Ï¡£
¡¡¡¡ÏÖ¼ÙÉèÓÐÒ»¸öÓû§Êý¾Ý°üÀ¨£ºÓû ......
×ªÔØÀíÓÉ£º¶ÌС¾«º·¡£
À´Ô´£º»¥ÁªÍø
Ò» Undefined ÀàÐÍ
Ö»ÓÐÒ»ÖÖÖµ undefined
ÒÔÏÂÈýÖÖÇé¿ötypeof ·µ»ØÀàÐÍΪundefined
1. µ±±äÁ¿Î´³õʼ»¯Ê±
2. ±äÁ¿Î´¶¨Òåʱ
3. º¯ÊýÎÞÃ÷È··µ»ØÖµÊ±£¨º¯ÊýûÓзµ»ØÖµÊ±·µ»ØµÄ¶¼ÊÇundefined£©
undefined ²¢²»µÈͬÓÚ䶨ÒåµÄÖµ
typeof ²¢²»ÕæÕýÇø·ÖÊÇ·ñÊÇ䶨Òå
¿´ÒÔÏÂʾÀý´úÂ룺
var oTemp;
alert(typeof oTemp); // outputs "undefined"
alert(typeof oTemp2);// outputs "undefined"
alert(oTemp2 == undefined ); // ´íÎó oTemp2 䶨Òå ²»ÄÜʹÓóýÁËtypeofÖ®ÍâµÄ²»ÄÜÓÃÀ´oTemp2ÆäËûµÄÔËËã
µ±±äÁ¿
¶þ Null ÀàÐÍ
Ö»ÓÐÒ»¸önull£¬undefined ÊÇÓÉnullÅÉÉú´¦ÀíµÄ£¬Òò´Ëundefined == null
undefined ÊÇÉùÃ÷Á˵«ÊÇûÓгõʼ»¯µÄ¸Ã±äÁ¿£¬
null±íʾÉÐδ´æÔڵĶÔÏó
Èý NaN Öµ
ÊÇÒ»¸öÌØÊâÖµ£¬±íʾ·ÇÊý£¨Not a Number£©
ÀàÐÍת»»Ê§°Ü¾Í»á·µ»ØNaN
e.g. Òª°ÑÒ»¸öµ¥´Êblueת»»ÎªÊýÖµ¾Í»áʧ°ÜÒòΪûÓеȼ۵ÄÊýÖµ
NaN ²»µÈÓÚ×Ô¼º
¼´ NaN == NaN ÊÇ false
ÅжÏNaN ʹÓà isNaN(); ......