{"id":394,"date":"2017-02-16T09:50:06","date_gmt":"2017-02-16T01:50:06","guid":{"rendered":"http:\/\/www.qdabc.cn\/?p=394"},"modified":"2017-02-17T17:28:16","modified_gmt":"2017-02-17T09:28:16","slug":"%e5%89%8d%e7%ab%af%e9%9d%a2%e8%af%95%e9%a2%98%e6%b1%87%e6%80%bb","status":"publish","type":"post","link":"http:\/\/www.qdabc.cn\/?p=394","title":{"rendered":"\u524d\u7aef\u9762\u8bd5\u9898\u6c47\u603b"},"content":{"rendered":"<h1><a target=\"_blank\" name=\"_Toc14470\"><\/a>\u4e00\u3001HTML\u548cCSS<\/h1>\n<h2><a name=\"t1\"><\/a><a target=\"_blank\" name=\"_Toc3364\"><\/a>1\u3001\u4f60\u505a\u7684\u9875\u9762\u5728\u54ea\u4e9b\u6d41\u89c8\u5668\u6d4b\u8bd5\u8fc7\uff1f\u8fd9\u4e9b\u6d4f\u89c8\u5668\u7684\u5185\u6838\u5206\u522b\u662f\u4ec0\u4e48?<\/h2>\n<p>IE:\u00a0trident\u5185\u6838<\/p>\n<p>Firefox\uff1agecko\u5185\u6838<\/p>\n<p>Safari:webkit\u5185\u6838<\/p>\n<p>Opera:\u4ee5\u524d\u662fpresto\u5185\u6838\uff0cOpera\u73b0\u5df2\u6539\u7528Google Chrome\u7684Blink\u5185\u6838<\/p>\n<p>Chrome:Blink(\u57fa\u4e8ewebkit\uff0cGoogle\u4e0eOpera Software\u5171\u540c\u5f00\u53d1)<\/p>\n<h2><a name=\"t2\"><\/a><a target=\"_blank\" name=\"_Toc8360\"><\/a>2\u3001\u6bcf\u4e2aHTML\u6587\u4ef6\u91cc\u5f00\u5934\u90fd\u6709\u4e2a\u5f88\u91cd\u8981\u7684\u4e1c\u897f\uff0cDoctype\uff0c\u77e5\u9053\u8fd9\u662f\u5e72\u4ec0\u4e48\u7684\u5417\uff1f<\/h2>\n<p align=\"left\">&lt;!DOCTYPE&gt;\u00a0\u58f0\u660e\u4f4d\u4e8e\u6587\u6863\u4e2d\u7684\u6700\u524d\u9762\u7684\u4f4d\u7f6e\uff0c\u5904\u4e8e\u00a0&lt;html&gt;\u00a0\u6807\u7b7e\u4e4b\u524d\u3002\u6b64\u6807\u7b7e\u53ef\u544a\u77e5\u6d4f\u89c8\u5668\u6587\u6863\u4f7f\u7528\u54ea\u79cd\u00a0HTML\u00a0\u6216\u00a0XHTML\u00a0\u89c4\u8303\u3002\uff08\u91cd\u70b9\uff1a\u544a\u8bc9\u6d4f\u89c8\u5668\u6309\u7167\u4f55\u79cd\u89c4\u8303\u89e3\u6790\u9875\u9762\uff09<\/p>\n<h2><a name=\"t3\"><\/a><a target=\"_blank\" name=\"_Toc10096\"><\/a>3\u3001Quirks\u3010\u6269\u79d1\u65af\u3011\u6a21\u5f0f\u662f\u4ec0\u4e48\uff1f\u5b83\u548cStandards\u6a21\u5f0f\u6709\u4ec0\u4e48\u533a\u522b<\/h2>\n<p align=\"left\">\u4eceIE6\u5f00\u59cb\uff0c\u5f15\u5165\u4e86Standards\u3010\u65af\u5766\u5c14\u5fb7\u662f\u3011\u6a21\u5f0f\uff0c\u6807\u51c6\u6a21\u5f0f\u4e2d\uff0c\u6d4f\u89c8\u5668\u5c1d\u8bd5\u7ed9\u7b26\u5408\u6807\u51c6\u7684\u6587\u6863\u5728\u89c4\u8303\u4e0a\u7684\u6b63\u786e\u5904\u7406\u8fbe\u5230\u5728\u6307\u5b9a\u6d4f\u89c8\u5668\u4e2d\u7684\u7a0b\u5ea6\u3002<\/p>\n<p align=\"left\">\u5728IE6\u4e4b\u524dCSS\u8fd8\u4e0d\u591f\u6210\u719f\uff0c\u6240\u4ee5IE5\u7b49\u4e4b\u524d\u7684\u6d4f\u89c8\u5668\u5bf9CSS\u7684\u652f\u6301\u5f88\u5dee\uff0c\u00a0IE6\u5c06\u5bf9CSS\u63d0\u4f9b\u66f4\u597d\u7684\u652f\u6301\uff0c\u7136\u800c\u8fd9\u65f6\u7684\u95ee\u9898\u5c31\u6765\u4e86\uff0c\u56e0\u4e3a\u6709\u5f88\u591a\u9875\u9762\u662f\u57fa\u4e8e\u65e7\u7684\u5e03\u5c40\u65b9\u5f0f\u5199\u7684\uff0c\u800c\u5982\u679cIE6\u00a0\u652f\u6301CSS\u5219\u5c06\u4ee4\u8fd9\u4e9b\u9875\u9762\u663e\u793a\u4e0d\u6b63\u5e38\uff0c\u5982\u4f55\u5728\u5373\u4fdd\u8bc1\u4e0d\u7834\u574f\u73b0\u6709\u9875\u9762\uff0c\u53c8\u63d0\u4f9b\u65b0\u7684\u6e32\u67d3\u673a\u5236\u5462\uff1f<\/p>\n<p align=\"left\">\u5728\u5199\u7a0b\u5e8f\u65f6\u6211\u4eec\u4e5f\u4f1a\u7ecf\u5e38\u9047\u5230\u8fd9\u6837\u7684\u95ee\u9898\uff0c\u5982\u4f55\u4fdd\u8bc1\u539f\u6765\u7684\u63a5\u53e3\u4e0d\u53d8\uff0c\u53c8\u63d0\u4f9b\u66f4\u5f3a\u5927\u7684\u529f\u80fd\uff0c\u5c24\u5176\u662f\u65b0\u529f\u80fd\u4e0d\u517c\u5bb9\u65e7\u529f\u80fd\u65f6\u3002\u9047\u5230\u8fd9\u79cd\u95ee\u9898\u65f6\u7684\u4e00\u4e2a\u5e38\u89c1\u505a\u6cd5\u662f\u589e\u52a0\u53c2\u6570\u548c\u5206\u652f\uff0c\u5373\u5f53\u67d0\u4e2a\u53c2\u6570\u4e3a\u771f\u65f6\uff0c\u6211\u4eec\u5c31\u4f7f\u7528\u65b0\u529f\u80fd\uff0c\u800c\u5982\u679c\u8fd9\u4e2a\u53c2\u6570\u00a0\u4e0d\u4e3a\u771f\u65f6\uff0cdd\u5c31\u4f7f\u7528\u65e7\u529f\u80fd\uff0c\u8fd9\u6837\u5c31\u80fd\u4e0d\u7834\u574f\u539f\u6709\u7684\u7a0b\u5e8f\uff0c\u53c8\u63d0\u4f9b\u65b0\u529f\u80fd\u3002IE6\u4e5f\u662f\u7c7b\u4f3c\u8fd9\u6837\u505a\u7684\uff0c\u5b83\u5c06DTD\u5f53\u6210\u4e86\u8fd9\u4e2a\u201c\u53c2\u6570\u201d\uff0c\u56e0\u4e3a\u4ee5\u524d\u7684\u9875\u9762\u5927\u5bb6\u90fd\u4e0d\u4f1a\u53bb\u5199DTD\uff0c\u6240\u4ee5IE6\u5c31\u5047\u5b9a\u00a0\u5982\u679c\u5199\u4e86DTD\uff0c\u5c31\u610f\u5473\u7740\u8fd9\u4e2a\u9875\u9762\u5c06\u91c7\u7528\u5bf9CSS\u652f\u6301\u66f4\u597d\u7684\u5e03\u5c40\uff0c\u800c\u5982\u679c\u6ca1\u6709\uff0c\u5219\u91c7\u7528\u517c\u5bb9\u4e4b\u524d\u7684\u5e03\u5c40\u65b9\u5f0f\u3002\u8fd9\u5c31\u662fQuirks\u6a21\u5f0f\uff08\u602a\u7656\u6a21\u5f0f\uff0c\u8be1\u5f02\u6a21\u5f0f\uff0c\u602a\u5f02\u6a21\u5f0f\uff09\u3002<\/p>\n<p align=\"left\">\u533a\u522b\uff1a<\/p>\n<p align=\"left\">\u603b\u4f53\u4f1a\u6709\u5e03\u5c40\u3001\u6837\u5f0f\u89e3\u6790\u548c\u811a\u672c\u6267\u884c\u4e09\u4e2a\u65b9\u9762\u7684\u533a\u522b\u3002<\/p>\n<p align=\"left\">\u76d2\u6a21\u578b\uff1a\u5728W3C\u6807\u51c6\u4e2d\uff0c\u5982\u679c\u8bbe\u7f6e\u4e00\u4e2a\u5143\u7d20\u7684\u5bbd\u5ea6\u548c\u9ad8\u5ea6\uff0c\u6307\u7684\u662f\u5143\u7d20\u5185\u5bb9\u7684\u5bbd\u5ea6\u548c\u9ad8\u5ea6\uff0c\u800c\u5728Quirks\u00a0\u6a21\u5f0f\u4e0b\uff0cIE\u7684\u5bbd\u5ea6\u548c\u9ad8\u5ea6\u8fd8\u5305\u542b\u4e86padding\u548cborder\u3002<\/p>\n<p align=\"left\">\u8bbe\u7f6e\u884c\u5185\u5143\u7d20\u7684\u9ad8\u5bbd\uff1a\u5728Standards\u6a21\u5f0f\u4e0b\uff0c\u7ed9&lt;span&gt;\u7b49\u884c\u5185\u5143\u7d20\u8bbe\u7f6ewdith\u548cheight\u90fd\u4e0d\u4f1a\u751f\u6548\uff0c\u800c\u5728quirks\u6a21\u5f0f\u4e0b\uff0c\u5219\u4f1a\u751f\u6548\u3002<\/p>\n<p align=\"left\">\u8bbe\u7f6e\u767e\u5206\u6bd4\u7684\u9ad8\u5ea6\uff1a\u5728standards\u6a21\u5f0f\u4e0b\uff0c\u4e00\u4e2a\u5143\u7d20\u7684\u9ad8\u5ea6\u662f\u7531\u5176\u5305\u542b\u7684\u5185\u5bb9\u6765\u51b3\u5b9a\u7684\uff0c\u5982\u679c\u7236\u5143\u7d20\u6ca1\u6709\u8bbe\u7f6e\u767e\u5206\u6bd4\u7684\u9ad8\u5ea6\uff0c\u5b50\u5143\u7d20\u8bbe\u7f6e\u4e00\u4e2a\u767e\u5206\u6bd4\u7684\u9ad8\u5ea6\u662f\u65e0\u6548\u7684\u7528margin:0\u00a0auto\u8bbe\u7f6e\u6c34\u5e73\u5c45\u4e2d\uff1a\u4f7f\u7528margin:0\u00a0auto\u5728standards\u6a21\u5f0f\u4e0b\u53ef\u4ee5\u4f7f\u5143\u7d20\u6c34\u5e73\u5c45\u4e2d\uff0c\u4f46\u5728quirks\u6a21\u5f0f\u4e0b\u5374\u4f1a\u5931\u6548\u3002<\/p>\n<p align=\"left\">\uff08\u8fd8\u6709\u5f88\u591a\uff0c\u7b54\u51fa\u4ec0\u4e48\u4e0d\u91cd\u8981\uff0c\u5173\u952e\u662f\u770b\u4ed6\u7b54\u51fa\u7684\u8fd9\u4e9b\u662f\u4e0d\u662f\u81ea\u5df1\u7ecf\u9a8c\u9047\u5230\u7684\uff0c\u8fd8\u662f\u8bf4\u90fd\u662f\u770b\u6587\u7ae0\u770b\u7684\uff0c\u751a\u81f3\u5b8c\u5168\u4e0d\u77e5\u9053\u3002\uff09<\/p>\n<h2><a name=\"t4\"><\/a><a target=\"_blank\" name=\"_Toc11980\"><\/a>4\u3001div+css\u7684\u5e03\u5c40\u8f83table\u5e03\u5c40\u6709\u4ec0\u4e48\u4f18\u70b9\uff1f<\/h2>\n<p align=\"left\">\u6539\u7248\u7684\u65f6\u5019\u66f4\u65b9\u4fbf\u00a0\u53ea\u8981\u6539css\u6587\u4ef6\u3002<\/p>\n<p align=\"left\">\u9875\u9762\u52a0\u8f7d\u901f\u5ea6\u66f4\u5feb\u3001\u7ed3\u6784\u5316\u6e05\u6670\u3001\u9875\u9762\u663e\u793a\u7b80\u6d01\u3002<\/p>\n<p align=\"left\">\u8868\u73b0\u4e0e\u7ed3\u6784\u76f8\u5206\u79bb\u3002<\/p>\n<p align=\"left\">\u6613\u4e8e\u4f18\u5316\uff08seo\uff09\u641c\u7d22\u5f15\u64ce\u66f4\u53cb\u597d\uff0c\u6392\u540d\u66f4\u5bb9\u6613\u9760\u524d\u3002<\/p>\n<h2><a name=\"t5\"><\/a><a target=\"_blank\" name=\"_Toc26255\"><\/a>5\u3001 img\u7684alt\u4e0etitle\u6709\u4f55\u5f02\u540c\uff1f strong\u4e0eem\u7684\u5f02\u540c\uff1f<\/h2>\n<p align=\"left\">a:alt(alt\u00a0text):\u4e3a\u4e0d\u80fd\u663e\u793a\u56fe\u50cf\u3001\u7a97\u4f53\u6216applets\u7684\u7528\u6237\u4ee3\u7406\uff08UA\uff09\uff0calt\u5c5e\u6027\u7528\u6765\u6307\u5b9a\u66ff\u6362\u6587\u5b57\u3002\u66ff\u6362\u6587\u5b57\u7684\u8bed\u8a00\u7531lang\u5c5e\u6027\u6307\u5b9a\u3002(\u5728IE\u6d4f\u89c8\u5668\u4e0b\u4f1a\u5728\u6ca1\u6709title\u65f6\u628aalt\u5f53\u6210\u00a0tool\u00a0tip\u663e\u793a)<\/p>\n<p align=\"left\">title(tool\u00a0tip):\u8be5\u5c5e\u6027\u4e3a\u8bbe\u7f6e\u8be5\u5c5e\u6027\u7684\u5143\u7d20\u63d0\u4f9b\u5efa\u8bae\u6027\u7684\u4fe1\u606f\u3002<\/p>\n<p align=\"left\">strong:\u7c97\u4f53\u5f3a\u8c03\u6807\u7b7e\uff0c\u5f3a\u8c03\uff0c\u8868\u793a\u5185\u5bb9\u7684\u91cd\u8981\u6027<\/p>\n<p align=\"left\">em:\u659c\u4f53\u5f3a\u8c03\u6807\u7b7e\uff0c\u66f4\u5f3a\u70c8\u5f3a\u8c03\uff0c\u8868\u793a\u5185\u5bb9\u7684\u5f3a\u8c03\u70b9<\/p>\n<h2><a name=\"t6\"><\/a><a target=\"_blank\" name=\"_Toc13045\"><\/a>6\u3001\u4f60\u80fd\u63cf\u8ff0\u4e00\u4e0b\u6e10\u8fdb\u589e\u5f3a\u548c\u4f18\u96c5\u964d\u7ea7\u4e4b\u95f4\u7684\u4e0d\u540c\u5417?<\/h2>\n<p align=\"left\">\u6e10\u8fdb\u589e\u5f3a\u00a0progressive\u00a0enhancement\uff1a\u9488\u5bf9\u4f4e\u7248\u672c\u6d4f\u89c8\u5668\u8fdb\u884c\u6784\u5efa\u9875\u9762\uff0c\u4fdd\u8bc1\u6700\u57fa\u672c\u7684\u529f\u80fd\uff0c\u7136\u540e\u518d\u9488\u5bf9\u9ad8\u7ea7\u6d4f\u89c8\u5668\u8fdb\u884c\u6548\u679c\u3001\u4ea4\u4e92\u7b49\u6539\u8fdb\u548c\u8ffd\u52a0\u529f\u80fd\u8fbe\u5230\u66f4\u597d\u7684\u7528\u6237\u4f53\u9a8c\u3002<\/p>\n<p align=\"left\">\u4f18\u96c5\u964d\u7ea7\u00a0graceful\u00a0degradation\uff1a\u4e00\u5f00\u59cb\u5c31\u6784\u5efa\u5b8c\u6574\u7684\u529f\u80fd\uff0c\u7136\u540e\u518d\u9488\u5bf9\u4f4e\u7248\u672c\u6d4f\u89c8\u5668\u8fdb\u884c\u517c\u5bb9\u3002<\/p>\n<p align=\"left\">\u533a\u522b\uff1a\u4f18\u96c5\u964d\u7ea7\u662f\u4ece\u590d\u6742\u7684\u73b0\u72b6\u5f00\u59cb\uff0c\u5e76\u8bd5\u56fe\u51cf\u5c11\u7528\u6237\u4f53\u9a8c\u7684\u4f9b\u7ed9\uff0c\u800c\u6e10\u8fdb\u589e\u5f3a\u5219\u662f\u4ece\u4e00\u4e2a\u975e\u5e38\u57fa\u7840\u7684\uff0c\u80fd\u591f\u8d77\u4f5c\u7528\u7684\u7248\u672c\u5f00\u59cb\uff0c\u5e76\u4e0d\u65ad\u6269\u5145\uff0c\u4ee5\u9002\u5e94\u672a\u6765\u73af\u5883\u7684\u9700\u8981\u3002\u964d\u7ea7\uff08\u529f\u80fd\u8870\u51cf\uff09\u610f\u5473\u7740\u5f80\u56de\u770b\uff1b\u800c\u6e10\u8fdb\u589e\u5f3a\u5219\u610f\u5473\u7740\u671d\u524d\u770b\uff0c\u540c\u65f6\u4fdd\u8bc1\u5176\u6839\u57fa\u5904\u4e8e\u5b89\u5168\u5730\u5e26\u3002<\/p>\n<p align=\"left\">\u201c\u4f18\u96c5\u964d\u7ea7\u201d\u89c2\u70b9<\/p>\n<p align=\"left\">\u201c\u4f18\u96c5\u964d\u7ea7\u201d\u89c2\u70b9\u8ba4\u4e3a\u5e94\u8be5\u9488\u5bf9\u90a3\u4e9b\u6700\u9ad8\u7ea7\u3001\u6700\u5b8c\u5584\u7684\u6d4f\u89c8\u5668\u6765\u8bbe\u8ba1\u7f51\u7ad9\u3002\u800c\u5c06\u90a3\u4e9b\u88ab\u8ba4\u4e3a\u201c\u8fc7\u65f6\u201d\u6216\u6709\u529f\u80fd\u7f3a\u5931\u7684\u6d4f\u89c8\u5668\u4e0b\u7684\u6d4b\u8bd5\u5de5\u4f5c\u5b89\u6392\u5728\u5f00\u53d1\u5468\u671f\u7684\u6700\u540e\u9636\u6bb5\uff0c\u5e76\u628a\u6d4b\u8bd5\u5bf9\u8c61\u9650\u5b9a\u4e3a\u4e3b\u6d41\u6d4f\u89c8\u5668\uff08\u5982\u00a0IE\u3001Mozilla\u00a0\u7b49\uff09\u7684\u524d\u4e00\u4e2a\u7248\u672c\u3002<\/p>\n<p align=\"left\">\u5728\u8fd9\u79cd\u8bbe\u8ba1\u8303\u4f8b\u4e0b\uff0c\u65e7\u7248\u7684\u6d4f\u89c8\u5668\u88ab\u8ba4\u4e3a\u4ec5\u80fd\u63d0\u4f9b\u201c\u7b80\u964b\u5374\u65e0\u59a8\u00a0(poor,\u00a0but\u00a0passable)\u201d\u00a0\u7684\u6d4f\u89c8\u4f53\u9a8c\u3002\u4f60\u53ef\u4ee5\u505a\u4e00\u4e9b\u5c0f\u7684\u8c03\u6574\u6765\u9002\u5e94\u67d0\u4e2a\u7279\u5b9a\u7684\u6d4f\u89c8\u5668\u3002\u4f46\u7531\u4e8e\u5b83\u4eec\u5e76\u975e\u6211\u4eec\u6240\u5173\u6ce8\u7684\u7126\u70b9\uff0c\u56e0\u6b64\u9664\u4e86\u4fee\u590d\u8f83\u5927\u7684\u9519\u8bef\u4e4b\u5916\uff0c\u5176\u5b83\u7684\u5dee\u5f02\u5c06\u88ab\u76f4\u63a5\u5ffd\u7565\u3002<\/p>\n<p align=\"left\">\u201c\u6e10\u8fdb\u589e\u5f3a\u201d\u89c2\u70b9<\/p>\n<p align=\"left\">\u201c\u6e10\u8fdb\u589e\u5f3a\u201d\u89c2\u70b9\u5219\u8ba4\u4e3a\u5e94\u5173\u6ce8\u4e8e\u5185\u5bb9\u672c\u8eab\u3002<\/p>\n<p align=\"left\">\u5185\u5bb9\u662f\u6211\u4eec\u5efa\u7acb\u7f51\u7ad9\u7684\u8bf1\u56e0\u3002\u6709\u7684\u7f51\u7ad9\u5c55\u793a\u5b83\uff0c\u6709\u7684\u5219\u6536\u96c6\u5b83\uff0c\u6709\u7684\u5bfb\u6c42\uff0c\u6709\u7684\u64cd\u4f5c\uff0c\u8fd8\u6709\u7684\u7f51\u7ad9\u751a\u81f3\u4f1a\u5305\u542b\u4ee5\u4e0a\u7684\u79cd\u79cd\uff0c\u4f46\u76f8\u540c\u70b9\u662f\u5b83\u4eec\u5168\u90fd\u6d89\u53ca\u5230\u5185\u5bb9\u3002\u8fd9\u4f7f\u5f97\u201c\u6e10\u8fdb\u589e\u5f3a\u201d\u6210\u4e3a\u4e00\u79cd\u66f4\u4e3a\u5408\u7406\u7684\u8bbe\u8ba1\u8303\u4f8b\u3002\u8fd9\u4e5f\u662f\u5b83\u7acb\u5373\u88ab\u00a0Yahoo!\u00a0\u6240\u91c7\u7eb3\u5e76\u7528\u4ee5\u6784\u5efa\u5176\u201c\u5206\u7ea7\u5f0f\u6d4f\u89c8\u5668\u652f\u6301\u00a0(Graded\u00a0Browser\u00a0Support)\u201d\u7b56\u7565\u7684\u539f\u56e0\u6240\u5728\u3002<\/p>\n<p align=\"left\">\u90a3\u4e48\u95ee\u9898\u6765\u4e86\u3002\u73b0\u5728\u4ea7\u54c1\u7ecf\u7406\u770b\u5230IE6,7,8\u7f51\u9875\u6548\u679c\u76f8\u5bf9\u9ad8\u7248\u672c\u73b0\u4ee3\u6d4f\u89c8\u5668\u5c11\u4e86\u5f88\u591a\u5706\u89d2\uff0c\u9634\u5f71\uff08CSS3\uff09\uff0c\u8981\u6c42\u517c\u5bb9\uff08\u4f7f\u7528\u56fe\u7247\u80cc\u666f\uff0c\u653e\u5f03CSS3\uff09\uff0c\u4f60\u4f1a\u5982\u4f55\u8bf4\u670d\u4ed6\uff1f<\/p>\n<h2><a name=\"t7\"><\/a><a target=\"_blank\" name=\"_Toc6948\"><\/a>7\u3001\u4e3a\u4ec0\u4e48\u5229\u7528\u591a\u4e2a\u57df\u540d\u6765\u5b58\u50a8\u7f51\u7ad9\u8d44\u6e90\u4f1a\u66f4\u6709\u6548\uff1f<\/h2>\n<p>CDN\u7f13\u5b58\u66f4\u65b9\u4fbf<\/p>\n<p align=\"left\">\u7a81\u7834\u6d4f\u89c8\u5668\u5e76\u53d1\u9650\u5236<\/p>\n<p align=\"left\">\u8282\u7ea6cookie\u5e26\u5bbd<\/p>\n<p align=\"left\">\u8282\u7ea6\u4e3b\u57df\u540d\u7684\u8fde\u63a5\u6570\uff0c\u4f18\u5316\u9875\u9762\u54cd\u5e94\u901f\u5ea6<\/p>\n<p align=\"left\">\u9632\u6b62\u4e0d\u5fc5\u8981\u7684\u5b89\u5168\u95ee\u9898<\/p>\n<h2><a name=\"t8\"><\/a><a target=\"_blank\" name=\"_Toc16673\"><\/a>8\u3001\u8bf7\u8c08\u4e00\u4e0b\u4f60\u5bf9\u7f51\u9875\u6807\u51c6\u548c\u6807\u51c6\u5236\u5b9a\u673a\u6784\u91cd\u8981\u6027\u7684\u7406\u89e3\u3002<\/h2>\n<p align=\"left\">\u7f51\u9875\u6807\u51c6\u548c\u6807\u51c6\u5236\u5b9a\u673a\u6784\u90fd\u662f\u4e3a\u4e86\u80fd\u8ba9web\u53d1\u5c55\u7684\u66f4\u2018\u5065\u5eb7\u2019\uff0c\u5f00\u53d1\u8005\u9075\u5faa\u7edf\u4e00\u7684\u6807\u51c6\uff0c\u964d\u4f4e\u5f00\u53d1\u96be\u5ea6\uff0c\u5f00\u53d1\u6210\u672c\uff0cSEO\u4e5f\u4f1a\u66f4\u597d\u505a\uff0c\u4e5f\u4e0d\u4f1a\u56e0\u4e3a\u6ee5\u7528\u4ee3\u7801\u5bfc\u81f4\u5404\u79cdBUG\u3001\u5b89\u5168\u95ee\u9898\uff0c\u6700\u7ec8\u63d0\u9ad8\u7f51\u7ad9\u6613\u7528\u6027\u3002<\/p>\n<h2><a name=\"t9\"><\/a><a target=\"_blank\" name=\"_Toc8061\"><\/a>9\u3001\u8bf7\u63cf\u8ff0\u4e00\u4e0bcookies\uff0csessionStorage\u548clocalStorage\u7684\u533a\u522b\uff1f<\/h2>\n<p align=\"left\">sessionStorage\u7528\u4e8e\u672c\u5730\u5b58\u50a8\u4e00\u4e2a\u4f1a\u8bdd\uff08session\uff09\u4e2d\u7684\u6570\u636e\uff0c\u8fd9\u4e9b\u6570\u636e\u53ea\u6709\u5728\u540c\u4e00\u4e2a\u4f1a\u8bdd\u4e2d\u7684\u9875\u9762\u624d\u80fd\u8bbf\u95ee\u5e76\u4e14\u5f53\u4f1a\u8bdd\u7ed3\u675f\u540e\u6570\u636e\u4e5f\u968f\u4e4b\u9500\u6bc1\u3002\u56e0\u6b64sessionStorage\u4e0d\u662f\u4e00\u79cd\u6301\u4e45\u5316\u7684\u672c\u5730\u5b58\u50a8\uff0c\u4ec5\u4ec5\u662f\u4f1a\u8bdd\u7ea7\u522b\u7684\u5b58\u50a8\u3002\u800clocalStorage\u7528\u4e8e\u6301\u4e45\u5316\u7684\u672c\u5730\u5b58\u50a8\uff0c\u9664\u975e\u4e3b\u52a8\u5220\u9664\u6570\u636e\uff0c\u5426\u5219\u6570\u636e\u662f\u6c38\u8fdc\u4e0d\u4f1a\u8fc7\u671f\u7684\u3002<\/p>\n<p align=\"left\">web\u00a0storage\u548ccookie\u7684\u533a\u522b<\/p>\n<p align=\"left\">Web\u00a0Storage\u7684\u6982\u5ff5\u548ccookie\u76f8\u4f3c\uff0c\u533a\u522b\u662f\u5b83\u662f\u4e3a\u4e86\u66f4\u5927\u5bb9\u91cf\u5b58\u50a8\u8bbe\u8ba1\u7684\u3002Cookie\u7684\u5927\u5c0f\u662f\u53d7\u9650\u7684\uff0c\u5e76\u4e14\u6bcf\u6b21\u4f60\u8bf7\u6c42\u4e00\u4e2a\u65b0\u7684\u9875\u9762\u7684\u65f6\u5019Cookie\u90fd\u4f1a\u88ab\u53d1\u9001\u8fc7\u53bb\uff0c\u8fd9\u6837\u65e0\u5f62\u4e2d\u6d6a\u8d39\u4e86\u5e26\u5bbd\uff0c\u53e6\u5916cookie\u8fd8\u9700\u8981\u6307\u5b9a\u4f5c\u7528\u57df\uff0c\u4e0d\u53ef\u4ee5\u8de8\u57df\u8c03\u7528\u3002<\/p>\n<p align=\"left\">\u9664\u6b64\u4e4b\u5916\uff0cWeb\u00a0Storage\u62e5\u6709setItem,getItem,removeItem,clear\u7b49\u65b9\u6cd5\uff0c\u4e0d\u50cfcookie\u9700\u8981\u524d\u7aef\u5f00\u53d1\u8005\u81ea\u5df1\u5c01\u88c5setCookie\uff0cgetCookie\u3002\u4f46\u662fCookie\u4e5f\u662f\u4e0d\u53ef\u4ee5\u6216\u7f3a\u7684\uff1aCookie\u7684\u4f5c\u7528\u662f\u4e0e\u670d\u52a1\u5668\u8fdb\u884c\u4ea4\u4e92\uff0c\u4f5c\u4e3aHTTP\u89c4\u8303\u7684\u4e00\u90e8\u5206\u800c\u5b58\u5728\u00a0\uff0c\u800cWeb\u00a0Storage\u4ec5\u4ec5\u662f\u4e3a\u4e86\u5728\u672c\u5730\u201c\u5b58\u50a8\u201d\u6570\u636e\u800c\u751f\u3002<\/p>\n<h2><a name=\"t10\"><\/a><a target=\"_blank\" name=\"_Toc4005\"><\/a>10\u3001\u7b80\u8ff0\u4e00\u4e0bsrc\u4e0ehref\u7684\u533a\u522b\u3002<\/h2>\n<p align=\"left\">src\u7528\u4e8e\u66ff\u6362\u5f53\u524d\u5143\u7d20\uff0chref\u7528\u4e8e\u5728\u5f53\u524d\u6587\u6863\u548c\u5f15\u7528\u8d44\u6e90\u4e4b\u95f4\u786e\u7acb\u8054\u7cfb\u3002<\/p>\n<p align=\"left\">src\u662fsource\u7684\u7f29\u5199\uff0c\u6307\u5411\u5916\u90e8\u8d44\u6e90\u7684\u4f4d\u7f6e\uff0c\u6307\u5411\u7684\u5185\u5bb9\u5c06\u4f1a\u5d4c\u5165\u5230\u6587\u6863\u4e2d\u5f53\u524d\u6807\u7b7e\u6240\u5728\u4f4d\u7f6e\uff1b\u5728\u8bf7\u6c42src\u8d44\u6e90\u65f6\u4f1a\u5c06\u5176\u6307\u5411\u7684\u8d44\u6e90\u4e0b\u8f7d\u5e76\u5e94\u7528\u5230\u6587\u6863\u5185\uff0c\u4f8b\u5982js\u811a\u672c\uff0cimg\u56fe\u7247\u548cframe\u7b49\u5143\u7d20\u3002<\/p>\n<p align=\"left\">&lt;script\u00a0src\u00a0=\u201djs.js\u201d&gt;&lt;\/script&gt;<\/p>\n<p align=\"left\">\u5f53\u6d4f\u89c8\u5668\u89e3\u6790\u5230\u8be5\u5143\u7d20\u65f6\uff0c\u4f1a\u6682\u505c\u5176\u4ed6\u8d44\u6e90\u7684\u4e0b\u8f7d\u548c\u5904\u7406\uff0c\u76f4\u5230\u5c06\u8be5\u8d44\u6e90\u52a0\u8f7d\u3001\u7f16\u8bd1\u3001\u6267\u884c\u5b8c\u6bd5\uff0c\u56fe\u7247\u548c\u6846\u67b6\u7b49\u5143\u7d20\u4e5f\u5982\u6b64\uff0c\u7c7b\u4f3c\u4e8e\u5c06\u6240\u6307\u5411\u8d44\u6e90\u5d4c\u5165\u5f53\u524d\u6807\u7b7e\u5185\u3002\u8fd9\u4e5f\u662f\u4e3a\u4ec0\u4e48\u5c06js\u811a\u672c\u653e\u5728\u5e95\u90e8\u800c\u4e0d\u662f\u5934\u90e8\u3002<\/p>\n<p align=\"left\">href\u662fHypertext\u00a0Reference\u7684\u7f29\u5199\uff0c\u6307\u5411\u7f51\u7edc\u8d44\u6e90\u6240\u5728\u4f4d\u7f6e\uff0c\u5efa\u7acb\u548c\u5f53\u524d\u5143\u7d20\uff08\u951a\u70b9\uff09\u6216\u5f53\u524d\u6587\u6863\uff08\u94fe\u63a5\uff09\u4e4b\u95f4\u7684\u94fe\u63a5\uff0c\u5982\u679c\u6211\u4eec\u5728\u6587\u6863\u4e2d\u6dfb\u52a0<\/p>\n<p align=\"left\">&lt;link\u00a0href=\u201dcommon.css\u201d\u00a0rel=\u201dstylesheet\u201d\/&gt;<\/p>\n<p align=\"left\">\u90a3\u4e48\u6d4f\u89c8\u5668\u4f1a\u8bc6\u522b\u8be5\u6587\u6863\u4e3acss\u6587\u4ef6\uff0c\u5c31\u4f1a\u5e76\u884c\u4e0b\u8f7d\u8d44\u6e90\u5e76\u4e14\u4e0d\u4f1a\u505c\u6b62\u5bf9\u5f53\u524d\u6587\u6863\u7684\u5904\u7406\u3002\u8fd9\u4e5f\u662f\u4e3a\u4ec0\u4e48\u5efa\u8bae\u4f7f\u7528link\u65b9\u5f0f\u6765\u52a0\u8f7dcss\uff0c\u800c\u4e0d\u662f\u4f7f\u7528@import\u65b9\u5f0f\u3002<\/p>\n<h2><a name=\"t11\"><\/a><a target=\"_blank\" name=\"_Toc26856\"><\/a>11\u3001\u77e5\u9053\u7684\u7f51\u9875\u5236\u4f5c\u4f1a\u7528\u5230\u7684\u56fe\u7247\u683c\u5f0f\u6709\u54ea\u4e9b\uff1f<\/h2>\n<p align=\"left\">png-8\uff0cpng-24\uff0cjpeg\uff0cgif\uff0csvg\u3002<\/p>\n<p align=\"left\">\u4f46\u662f\u4e0a\u9762\u7684\u90a3\u4e9b\u90fd\u4e0d\u662f\u9762\u8bd5\u5b98\u60f3\u8981\u7684\u6700\u540e\u7b54\u6848\u3002\u9762\u8bd5\u5b98\u5e0c\u671b\u542c\u5230\u662fWebp\u3002\uff08\u662f\u5426\u6709\u5173\u6ce8\u65b0\u6280\u672f\uff0c\u65b0\u9c9c\u4e8b\u7269\uff09<\/p>\n<p align=\"left\">\u79d1\u666e\u4e00\u4e0bWebp\uff1aWebP\u683c\u5f0f\uff0c\u8c37\u6b4c\uff08google\uff09\u5f00\u53d1\u7684\u4e00\u79cd\u65e8\u5728\u52a0\u5feb\u56fe\u7247\u52a0\u8f7d\u901f\u5ea6\u7684\u56fe\u7247\u683c\u5f0f\u3002\u56fe\u7247\u538b\u7f29\u4f53\u79ef\u5927\u7ea6\u53ea\u6709JPEG\u76842\/3\uff0c\u5e76\u80fd\u8282\u7701\u5927\u91cf\u7684\u670d\u52a1\u5668\u5e26\u5bbd\u8d44\u6e90\u548c\u6570\u636e\u7a7a\u95f4\u3002Facebook Ebay\u7b49\u77e5\u540d\u7f51\u7ad9\u5df2\u7ecf\u5f00\u59cb\u6d4b\u8bd5\u5e76\u4f7f\u7528WebP\u683c\u5f0f\u3002<\/p>\n<p align=\"left\">\u5728\u8d28\u91cf\u76f8\u540c\u7684\u60c5\u51b5\u4e0b\uff0cWebP\u683c\u5f0f\u56fe\u50cf\u7684\u4f53\u79ef\u8981\u6bd4JPEG\u683c\u5f0f\u56fe\u50cf\u5c0f40%<\/p>\n<h2><a name=\"t12\"><\/a><a target=\"_blank\" name=\"_Toc15770\"><\/a>12\u3001\u77e5\u9053\u4ec0\u4e48\u662f\u5fae\u683c\u5f0f\u5417\uff1f\u8c08\u8c08\u7406\u89e3\u3002\u5728\u524d\u7aef\u6784\u5efa\u4e2d\u5e94\u8be5\u8003\u8651\u5fae\u683c\u5f0f\u5417\uff1f<\/h2>\n<p align=\"left\"><a target=\"_blank\" name=\"OLE_LINK6\"><\/a><a target=\"_blank\" name=\"OLE_LINK1\"><\/a>\u5fae\u683c\u5f0f\uff08Microformats\uff09\u662f\u4e00\u79cd\u8ba9\u673a\u5668\u53ef\u8bfb\u7684\u8bed\u4e49\u5316XHTML\u8bcd\u6c47\u7684\u96c6\u5408\uff0c\u662f\u7ed3\u6784\u5316\u6570\u636e\u7684\u5f00\u653e\u6807\u51c6\u3002\u662f\u4e3a\u7279\u6b8a\u5e94\u7528\u800c\u5236\u5b9a\u7684\u7279\u6b8a\u683c\u5f0f\u3002<\/p>\n<p align=\"left\">\u4f18\u70b9\uff1a\u5c06\u667a\u80fd\u6570\u636e\u6dfb\u52a0\u5230\u7f51\u9875\u4e0a\uff0c\u8ba9\u7f51\u7ad9\u5185\u5bb9\u5728\u641c\u7d22\u5f15\u64ce\u7ed3\u679c\u754c\u9762\u53ef\u4ee5\u663e\u793a\u989d\u5916\u7684\u63d0\u793a\u3002\uff08\u5e94\u7528\u8303\u4f8b\uff1a\u8c46\u74e3\uff0c\u6709\u5174\u8da3\u81ea\u884cgoogle\uff09<\/p>\n<h2><a name=\"t13\"><\/a><a target=\"_blank\" name=\"_Toc17661\"><\/a>13\u3001<a target=\"_blank\" name=\"OLE_LINK13\"><\/a><a target=\"_blank\" name=\"OLE_LINK11\"><\/a>\u5728css\/js\u4ee3\u7801\u4e0a\u7ebf\u4e4b\u540e\u5f00\u53d1\u4eba\u5458\u7ecf\u5e38\u4f1a\u4f18\u5316\u6027\u80fd\uff0c\u4ece\u7528\u6237\u5237\u65b0\u7f51\u9875\u5f00\u59cb\uff0c\u4e00\u6b21js\u8bf7\u6c42\u4e00\u822c\u60c5\u51b5\u4e0b\u6709\u54ea\u4e9b\u5730\u65b9\u4f1a\u6709\u7f13\u5b58\u5904\u7406\uff1f<\/h2>\n<p align=\"left\">\u7b54\u6848\uff1adns\u7f13\u5b58\uff0ccdn\u7f13\u5b58\uff0c\u6d4f\u89c8\u5668\u7f13\u5b58\uff0c\u670d\u52a1\u5668\u7f13\u5b58\u3002<\/p>\n<h2><a name=\"t14\"><\/a><a target=\"_blank\" name=\"_Toc27034\"><\/a>14\u3001\u4e00\u4e2a\u9875\u9762\u4e0a\u6709\u5927\u91cf\u7684\u56fe\u7247\uff08\u5927\u578b\u7535\u5546\u7f51\u7ad9\uff09\uff0c\u52a0\u8f7d\u5f88\u6162\uff0c\u4f60\u6709\u54ea\u4e9b\u65b9\u6cd5\u4f18\u5316\u8fd9\u4e9b\u56fe\u7247\u7684\u52a0\u8f7d\uff0c\u7ed9\u7528\u6237\u66f4\u597d\u7684\u4f53\u9a8c\u3002<\/h2>\n<p align=\"left\">\u56fe\u7247\u61d2\u52a0\u8f7d\uff0c\u5728\u9875\u9762\u4e0a\u7684\u672a\u53ef\u89c6\u533a\u57df\u53ef\u4ee5\u6dfb\u52a0\u4e00\u4e2a\u6eda\u52a8\u6761\u4e8b\u4ef6\uff0c\u5224\u65ad\u56fe\u7247\u4f4d\u7f6e\u4e0e\u6d4f\u89c8\u5668\u9876\u7aef\u7684\u8ddd\u79bb\u4e0e\u9875\u9762\u7684\u8ddd\u79bb\uff0c\u5982\u679c\u524d\u8005\u5c0f\u4e8e\u540e\u8005\uff0c\u4f18\u5148\u52a0\u8f7d\u3002<\/p>\n<p align=\"left\">\u5982\u679c\u4e3a\u5e7b\u706f\u7247\u3001\u76f8\u518c\u7b49\uff0c\u53ef\u4ee5\u4f7f\u7528\u56fe\u7247\u9884\u52a0\u8f7d\u6280\u672f\uff0c\u5c06\u5f53\u524d\u5c55\u793a\u56fe\u7247\u7684\u524d\u4e00\u5f20\u548c\u540e\u4e00\u5f20\u4f18\u5148\u4e0b\u8f7d\u3002<\/p>\n<p align=\"left\">\u5982\u679c\u56fe\u7247\u4e3acss\u56fe\u7247\uff0c\u53ef\u4ee5\u4f7f\u7528CSSsprite\uff0cSVGsprite\uff0cIconfont\u3001Base64\u7b49\u6280\u672f\u3002<\/p>\n<p align=\"left\">\u5982\u679c\u56fe\u7247\u8fc7\u5927\uff0c\u53ef\u4ee5\u4f7f\u7528\u7279\u6b8a\u7f16\u7801\u7684\u56fe\u7247\uff0c\u52a0\u8f7d\u65f6\u4f1a\u5148\u52a0\u8f7d\u4e00\u5f20\u538b\u7f29\u7684\u7279\u522b\u5389\u5bb3\u7684\u7f29\u7565\u56fe\uff0c\u4ee5\u63d0\u9ad8\u7528\u6237\u4f53\u9a8c\u3002<\/p>\n<p align=\"left\">\u5982\u679c\u56fe\u7247\u5c55\u793a\u533a\u57df\u5c0f\u4e8e\u56fe\u7247\u7684\u771f\u5b9e\u5927\u5c0f\uff0c\u5219\u56e0\u5728\u670d\u52a1\u5668\u7aef\u6839\u636e\u4e1a\u52a1\u9700\u8981\u5148\u884c\u8fdb\u884c\u56fe\u7247\u538b\u7f29\uff0c\u56fe\u7247\u538b\u7f29\u540e\u5927\u5c0f\u4e0e\u5c55\u793a\u4e00\u81f4\u3002<\/p>\n<h2><a name=\"t15\"><\/a><a target=\"_blank\" name=\"_Toc10726\"><\/a>15\u3001\u4f60\u5982\u4f55\u7406\u89e3HTML\u7ed3\u6784\u7684\u8bed\u4e49\u5316\uff1f<\/h2>\n<p align=\"left\">\u53bb\u6389\u6216\u6837\u5f0f\u4e22\u5931\u7684\u65f6\u5019\u80fd\u8ba9\u9875\u9762\u5448\u73b0\u6e05\u6670\u7684\u7ed3\u6784\uff1a<\/p>\n<p align=\"left\">html\u672c\u8eab\u662f\u6ca1\u6709\u8868\u73b0\u7684\uff0c\u6211\u4eec\u770b\u5230\u4f8b\u5982&lt;h1&gt;\u662f\u7c97\u4f53\uff0c\u5b57\u4f53\u5927\u5c0f2em\uff0c\u52a0\u7c97\uff1b&lt;strong&gt;\u662f\u52a0\u7c97\u7684\uff0c\u4e0d\u8981\u8ba4\u4e3a\u8fd9\u662fhtml\u7684\u8868\u73b0\uff0c\u8fd9\u4e9b\u5176\u5b9ehtml\u9ed8\u8ba4\u7684css\u6837\u5f0f\u5728\u8d77\u4f5c\u7528\uff0c\u6240\u4ee5\u53bb\u6389\u6216\u6837\u5f0f\u4e22\u5931\u7684\u65f6\u5019\u80fd\u8ba9\u9875\u9762\u5448\u73b0\u6e05\u6670\u7684\u7ed3\u6784\u4e0d\u662f\u8bed\u4e49\u5316\u7684HTML\u7ed3\u6784\u7684\u4f18\u70b9\uff0c\u4f46\u662f\u6d4f\u89c8\u5668\u90fd\u6709\u6709\u9ed8\u8ba4\u6837\u5f0f\uff0c\u9ed8\u8ba4\u6837\u5f0f\u7684\u76ee\u7684\u4e5f\u662f\u4e3a\u4e86\u66f4\u597d\u7684\u8868\u8fbehtml\u7684\u8bed\u4e49\uff0c\u53ef\u4ee5\u8bf4\u6d4f\u89c8\u5668\u7684\u9ed8\u8ba4\u6837\u5f0f\u548c\u8bed\u4e49\u5316\u7684HTML\u7ed3\u6784\u662f\u4e0d\u53ef\u5206\u5272\u7684\u3002<\/p>\n<p align=\"left\">\u5c4f\u5e55\u9605\u8bfb\u5668\uff08\u5982\u679c\u8bbf\u5ba2\u6709\u89c6\u969c\uff09\u4f1a\u5b8c\u5168\u6839\u636e\u4f60\u7684\u6807\u8bb0\u6765\u201c\u8bfb\u201d\u4f60\u7684\u7f51\u9875.<\/p>\n<p align=\"left\">\u4f8b\u5982,\u5982\u679c\u4f60\u4f7f\u7528\u7684\u542b\u8bed\u4e49\u7684\u6807\u8bb0,\u5c4f\u5e55\u9605\u8bfb\u5668\u5c31\u4f1a\u201c\u9010\u4e2a\u62fc\u51fa\u201d\u4f60\u7684\u5355\u8bcd,\u800c\u4e0d\u662f\u8bd5\u7740\u53bb\u5bf9\u5b83\u5b8c\u6574\u53d1\u97f3.<\/p>\n<p align=\"left\">PDA\u3001\u624b\u673a\u7b49\u8bbe\u5907\u53ef\u80fd\u65e0\u6cd5\u50cf\u666e\u901a\u7535\u8111\u7684\u6d4f\u89c8\u5668\u4e00\u6837\u6765\u6e32\u67d3\u7f51\u9875\uff08\u901a\u5e38\u662f\u56e0\u4e3a\u8fd9\u4e9b\u8bbe\u5907\u5bf9CSS\u7684\u652f\u6301\u8f83\u5f31\uff09<\/p>\n<p align=\"left\">\u4f7f\u7528\u8bed\u4e49\u6807\u8bb0\u53ef\u4ee5\u786e\u4fdd\u8fd9\u4e9b\u8bbe\u5907\u4ee5\u4e00\u79cd\u6709\u610f\u4e49\u7684\u65b9\u5f0f\u6765\u6e32\u67d3\u7f51\u9875.\u7406\u60f3\u60c5\u51b5\u4e0b,\u89c2\u770b\u8bbe\u5907\u7684\u4efb\u52a1\u662f\u7b26\u5408\u8bbe\u5907\u672c\u8eab\u7684\u6761\u4ef6\u6765\u6e32\u67d3\u7f51\u9875.<\/p>\n<p align=\"left\">\u8bed\u4e49\u6807\u8bb0\u4e3a\u8bbe\u5907\u63d0\u4f9b\u4e86\u6240\u9700\u7684\u76f8\u5173\u4fe1\u606f,\u5c31\u7701\u53bb\u4e86\u4f60\u81ea\u5df1\u53bb\u8003\u8651\u6240\u6709\u53ef\u80fd\u7684\u663e\u793a\u60c5\u51b5\uff08\u5305\u62ec\u73b0\u6709\u7684\u6216\u8005\u5c06\u6765\u65b0\u7684\u8bbe\u5907\uff09.\u4f8b\u5982,\u4e00\u90e8\u624b\u673a\u53ef\u4ee5\u9009\u62e9\u4f7f\u4e00\u6bb5\u6807\u8bb0\u4e86\u6807\u9898\u7684\u6587\u5b57\u4ee5\u7c97\u4f53\u663e\u793a.\u800c\u638c\u4e0a\u7535\u8111\u53ef\u80fd\u4f1a\u4ee5\u6bd4\u8f83\u5927\u7684\u5b57\u4f53\u6765\u663e\u793a.\u65e0\u8bba\u54ea\u79cd\u65b9\u5f0f\u4e00\u65e6\u4f60\u5bf9\u6587\u672c\u6807\u8bb0\u4e3a\u6807\u9898,\u60a8\u5c31\u53ef\u4ee5\u786e\u4fe1\u8bfb\u53d6\u8bbe\u5907\u5c06\u6839\u636e\u5176\u81ea\u8eab\u7684\u6761\u4ef6\u6765\u5408\u9002\u5730\u663e\u793a\u9875\u9762.<\/p>\n<p align=\"left\">\u641c\u7d22\u5f15\u64ce\u7684\u722c\u866b\u4e5f\u4f9d\u8d56\u4e8e\u6807\u8bb0\u6765\u786e\u5b9a\u4e0a\u4e0b\u6587\u548c\u5404\u4e2a\u5173\u952e\u5b57\u7684\u6743\u91cd<\/p>\n<p align=\"left\">\u8fc7\u53bb\u4f60\u53ef\u80fd\u8fd8\u6ca1\u6709\u8003\u8651\u641c\u7d22\u5f15\u64ce\u7684\u722c\u866b\u4e5f\u662f\u7f51\u7ad9\u7684\u201c\u8bbf\u5ba2\u201d,\u4f46\u73b0\u5728\u5b83\u4eec\u4ed6\u4eec\u5b9e\u9645\u4e0a\u662f\u6781\u5176\u5b9d\u8d35\u7684\u7528\u6237.\u6ca1\u6709\u4ed6\u4eec\u7684\u8bdd,\u641c\u7d22\u5f15\u64ce\u5c06\u65e0\u6cd5\u7d22\u5f15\u4f60\u7684\u7f51\u7ad9,\u7136\u540e\u4e00\u822c\u7528\u6237\u5c06\u5f88\u96be\u8fc7\u6765\u8bbf\u95ee.<\/p>\n<p align=\"left\">\u4f60\u7684\u9875\u9762\u662f\u5426\u5bf9\u722c\u866b\u5bb9\u6613\u7406\u89e3\u975e\u5e38\u91cd\u8981,\u56e0\u4e3a\u722c\u866b\u5f88\u5927\u7a0b\u5ea6\u4e0a\u4f1a\u5ffd\u7565\u7528\u4e8e\u8868\u73b0\u7684\u6807\u8bb0,\u800c\u53ea\u6ce8\u91cd\u8bed\u4e49\u6807\u8bb0.<\/p>\n<p align=\"left\">\u56e0\u6b64,\u5982\u679c\u9875\u9762\u6587\u4ef6\u7684\u6807\u9898\u88ab\u6807\u8bb0,\u800c\u4e0d\u662f,\u90a3\u4e48\u8fd9\u4e2a\u9875\u9762\u5728\u641c\u7d22\u7ed3\u679c\u7684\u4f4d\u7f6e\u53ef\u80fd\u4f1a\u6bd4\u8f83\u9760\u540e.\u9664\u4e86\u63d0\u5347\u6613\u7528\u6027\u5916,\u8bed\u4e49\u6807\u8bb0\u6709\u5229\u4e8e\u6b63\u786e\u4f7f\u7528CSS\u548cJavaScript,\u56e0\u4e3a\u5176\u672c\u8eab\u63d0\u4f9b\u4e86\u8bb8\u591a\u201c\u94a9\u94a9\u201d\u6765\u5e94\u7528\u9875\u9762\u7684\u6837\u5f0f\u4e0e\u884c\u4e3a.<\/p>\n<p align=\"left\">SEO\u4e3b\u8981\u8fd8\u662f\u9760\u4f60\u7f51\u7ad9\u7684\u5185\u5bb9\u548c\u5916\u90e8\u94fe\u63a5\u7684\u3002<\/p>\n<p align=\"left\">\u4fbf\u4e8e\u56e2\u961f\u5f00\u53d1\u548c\u7ef4\u62a4<\/p>\n<p align=\"left\">W3C\u7ed9\u6211\u4eec\u5b9a\u4e86\u4e00\u4e2a\u5f88\u597d\u7684\u6807\u51c6\uff0c\u5728\u56e2\u961f\u4e2d\u5927\u5bb6\u90fd\u9075\u5faa\u8fd9\u4e2a\u6807\u51c6\uff0c\u53ef\u4ee5\u51cf\u5c11\u5f88\u591a\u5dee\u5f02\u5316\u7684\u4e1c\u897f\uff0c\u65b9\u4fbf\u5f00\u53d1\u548c\u7ef4\u62a4\uff0c\u63d0\u9ad8\u5f00\u53d1\u6548\u7387\uff0c\u751a\u81f3\u5b9e\u73b0\u6a21\u5757\u5316\u5f00\u53d1\u3002<\/p>\n<h2><a name=\"t16\"><\/a><a target=\"_blank\" name=\"_Toc845\"><\/a>16\u3001\u8c08\u8c08\u4ee5\u524d\u7aef\u89d2\u5ea6\u51fa\u53d1\u505a\u597dSEO\u9700\u8981\u8003\u8651\u4ec0\u4e48\uff1f<\/h2>\n<p align=\"left\">\u4e86\u89e3\u641c\u7d22\u5f15\u64ce\u5982\u4f55\u6293\u53d6\u7f51\u9875\u548c\u5982\u4f55\u7d22\u5f15\u7f51\u9875<\/p>\n<p align=\"left\">\u4f60\u9700\u8981\u77e5\u9053\u4e00\u4e9b\u641c\u7d22\u5f15\u64ce\u7684\u57fa\u672c\u5de5\u4f5c\u539f\u7406\uff0c\u5404\u4e2a\u641c\u7d22\u5f15\u64ce\u4e4b\u95f4\u7684\u533a\u522b\uff0c\u641c\u7d22\u673a\u5668\u4eba\uff08SE\u00a0robot\u00a0\u6216\u53eb\u00a0web\u00a0crawler\uff09\u5982\u4f55\u8fdb\u884c\u5de5\u4f5c\uff0c\u641c\u7d22\u5f15\u64ce\u5982\u4f55\u5bf9\u641c\u7d22\u7ed3\u679c\u8fdb\u884c\u6392\u5e8f\u7b49\u7b49\u3002<\/p>\n<p align=\"left\">Meta\u6807\u7b7e\u4f18\u5316<\/p>\n<p align=\"left\">\u4e3b\u8981\u5305\u62ec\u4e3b\u9898\uff08Title)\uff0c\u7f51\u7ad9\u63cf\u8ff0(Description)\uff0c\u548c\u5173\u952e\u8bcd\uff08Keywords\uff09\u3002\u8fd8\u6709\u4e00\u4e9b\u5176\u5b83\u7684\u9690\u85cf\u6587\u5b57\u6bd4\u5982Author\uff08\u4f5c\u8005\uff09\uff0cCategory\uff08\u76ee\u5f55\uff09\uff0cLanguage\uff08\u7f16\u7801\u8bed\u79cd\uff09\u7b49\u3002<\/p>\n<p align=\"left\">\u5982\u4f55\u9009\u53d6\u5173\u952e\u8bcd\u5e76\u5728\u7f51\u9875\u4e2d\u653e\u7f6e\u5173\u952e\u8bcd<\/p>\n<p align=\"left\">\u641c\u7d22\u5c31\u5f97\u7528\u5173\u952e\u8bcd\u3002\u5173\u952e\u8bcd\u5206\u6790\u548c\u9009\u62e9\u662fSEO\u6700\u91cd\u8981\u7684\u5de5\u4f5c\u4e4b\u4e00\u3002\u9996\u5148\u8981\u7ed9\u7f51\u7ad9\u786e\u5b9a\u4e3b\u5173\u952e\u8bcd\uff08\u4e00\u822c\u57285\u4e2a\u4e0a\u4e0b\uff09\uff0c\u7136\u540e\u9488\u5bf9\u8fd9\u4e9b\u5173\u952e\u8bcd\u8fdb\u884c\u4f18\u5316\uff0c\u5305\u62ec\u5173\u952e\u8bcd\u5bc6\u5ea6\uff08Density\uff09\uff0c\u76f8\u5173\u5ea6\uff08Relavancy\uff09\uff0c\u7a81\u51fa\u6027\uff08Prominency\uff09\u7b49\u7b49\u3002<\/p>\n<p align=\"left\">\u4e86\u89e3\u4e3b\u8981\u7684\u641c\u7d22\u5f15\u64ce<\/p>\n<p align=\"left\">\u867d\u7136\u641c\u7d22\u5f15\u64ce\u6709\u5f88\u591a\uff0c\u4f46\u662f\u5bf9\u7f51\u7ad9\u6d41\u91cf\u8d77\u51b3\u5b9a\u4f5c\u7528\u7684\u5c31\u90a3\u4e48\u51e0\u4e2a\u3002\u6bd4\u5982\u82f1\u6587\u7684\u4e3b\u8981\u6709Google\uff0cYahoo\uff0cBing\u7b49\uff1b\u4e2d\u6587\u7684\u6709\u767e\u5ea6\uff0c\u641c\u72d7\uff0c\u6709\u9053\u7b49\u3002\u4e0d\u540c\u7684\u641c\u7d22\u5f15\u64ce\u5bf9\u9875\u9762\u7684\u6293\u53d6\u548c\u7d22\u5f15\u3001\u6392\u5e8f\u7684\u89c4\u5219\u90fd\u4e0d\u4e00\u6837\u3002\u8fd8\u8981\u4e86\u89e3\u5404\u641c\u7d22\u95e8\u6237\u548c\u641c\u7d22\u5f15\u64ce\u4e4b\u95f4\u7684\u5173\u7cfb\uff0c\u6bd4\u5982AOL\u7f51\u9875\u641c\u7d22\u7528\u7684\u662fGoogle\u7684\u641c\u7d22\u6280\u672f\uff0cMSN\u7528\u7684\u662fBing\u7684\u6280\u672f\u3002<\/p>\n<p align=\"left\">\u4e3b\u8981\u7684\u4e92\u8054\u7f51\u76ee\u5f55<\/p>\n<p align=\"left\">Open\u00a0Directory\u81ea\u8eab\u4e0d\u662f\u641c\u7d22\u5f15\u64ce\uff0c\u800c\u662f\u4e00\u4e2a\u5927\u578b\u7684\u7f51\u7ad9\u76ee\u5f55\uff0c\u4ed6\u548c\u641c\u7d22\u5f15\u64ce\u7684\u4e3b\u8981\u533a\u522b\u662f\u7f51\u7ad9\u5185\u5bb9\u7684\u6536\u96c6\u65b9\u5f0f\u4e0d\u540c\u3002\u76ee\u5f55\u662f\u4eba\u5de5\u7f16\u8f91\u7684\uff0c\u4e3b\u8981\u6536\u5f55\u7f51\u7ad9\u4e3b\u9875\uff1b\u641c\u7d22\u5f15\u64ce\u662f\u81ea\u52a8\u6536\u96c6\u7684\uff0c\u9664\u4e86\u4e3b\u9875\u5916\u8fd8\u6293\u53d6\u5927\u91cf\u7684\u5185\u5bb9\u9875\u9762\u3002<\/p>\n<p align=\"left\">\u6309\u70b9\u51fb\u4ed8\u8d39\u7684\u641c\u7d22\u5f15\u64ce<\/p>\n<p align=\"left\">\u641c\u7d22\u5f15\u64ce\u4e5f\u9700\u8981\u751f\u5b58\uff0c\u968f\u7740\u4e92\u8054\u7f51\u5546\u52a1\u7684\u8d8a\u6765\u8d8a\u6210\u719f\uff0c\u6536\u8d39\u7684\u641c\u7d22\u5f15\u64ce\u4e5f\u5f00\u59cb\u5927\u884c\u5176\u9053\u3002\u6700\u5178\u578b\u7684\u6709Overture\u548c\u767e\u5ea6\uff0c\u5f53\u7136\u4e5f\u5305\u62ecGoogle\u7684\u5e7f\u544a\u9879\u76eeGoogle\u00a0Adwords\u3002\u8d8a\u6765\u8d8a\u591a\u7684\u4eba\u901a\u8fc7\u641c\u7d22\u5f15\u64ce\u7684\u70b9\u51fb\u5e7f\u544a\u6765\u5b9a\u4f4d\u5546\u4e1a\u7f51\u7ad9\uff0c\u8fd9\u91cc\u9762\u4e5f\u5927\u6709\u4f18\u5316\u548c\u6392\u540d\u7684\u5b66\u95ee\uff0c\u4f60\u5f97\u5b66\u4f1a\u7528\u6700\u5c11\u7684\u5e7f\u544a\u6295\u5165\u83b7\u5f97\u6700\u591a\u7684\u70b9\u51fb\u3002<\/p>\n<p align=\"left\">\u641c\u7d22\u5f15\u64ce\u767b\u5f55<\/p>\n<p align=\"left\">\u7f51\u7ad9\u505a\u5b8c\u4e86\u4ee5\u540e\uff0c\u522b\u8eba\u5728\u90a3\u91cc\u7b49\u7740\u5ba2\u4eba\u4ece\u5929\u800c\u964d\u3002\u8981\u8ba9\u522b\u4eba\u627e\u5230\u4f60\uff0c\u6700\u7b80\u5355\u7684\u529e\u6cd5\u5c31\u662f\u5c06\u7f51\u7ad9\u63d0\u4ea4\uff08submit\uff09\u5230\u641c\u7d22\u5f15\u64ce\u3002\u5982\u679c\u4f60\u7684\u662f\u5546\u4e1a\u7f51\u7ad9\uff0c\u4e3b\u8981\u7684\u641c\u7d22\u5f15\u64ce\u548c\u76ee\u5f55\u90fd\u4f1a\u8981\u6c42\u4f60\u4ed8\u8d39\u6765\u83b7\u5f97\u6536\u5f55\uff08\u6bd4\u5982Yahoo\u8981299\u7f8e\u5143\uff09\uff0c\u4f46\u662f\u597d\u6d88\u606f\u662f\uff08\u81f3\u5c11\u5230\u76ee\u524d\u4e3a\u6b62\uff09\u6700\u5927\u7684\u641c\u7d22\u5f15\u64ceGoogle\u76ee\u524d\u8fd8\u662f\u514d\u8d39\uff0c\u800c\u4e14\u5b83\u4e3b\u5bb0\u774060\uff05\u4ee5\u4e0a\u7684\u641c\u7d22\u5e02\u573a\u3002<\/p>\n<p align=\"left\">\u94fe\u63a5\u4ea4\u6362\u548c\u94fe\u63a5\u5e7f\u6cdb\u5ea6\uff08Link\u00a0Popularity\uff09<\/p>\n<p align=\"left\">\u7f51\u9875\u5185\u5bb9\u90fd\u662f\u4ee5\u8d85\u6587\u672c\uff08Hypertext\uff09\u7684\u65b9\u5f0f\u6765\u4e92\u76f8\u94fe\u63a5\u7684\uff0c\u7f51\u7ad9\u4e4b\u95f4\u4e5f\u662f\u5982\u6b64\u3002\u9664\u4e86\u641c\u7d22\u5f15\u64ce\u4ee5\u5916\uff0c\u4eba\u4eec\u4e5f\u6bcf\u5929\u901a\u8fc7\u4e0d\u540c\u7f51\u7ad9\u4e4b\u95f4\u7684\u94fe\u63a5\u6765Surfing\uff08\u201c\u51b2\u6d6a\u201d\uff09\u3002\u5176\u5b83\u7f51\u7ad9\u5230\u4f60\u7684\u7f51\u7ad9\u7684\u94fe\u63a5\u8d8a\u591a\uff0c\u4f60\u4e5f\u5c31\u4f1a\u83b7\u5f97\u66f4\u591a\u7684\u8bbf\u95ee\u91cf\u3002\u66f4\u91cd\u8981\u7684\u662f\uff0c\u4f60\u7684\u7f51\u7ad9\u7684\u5916\u90e8\u94fe\u63a5\u6570\u8d8a\u591a\uff0c\u4f1a\u88ab\u641c\u7d22\u5f15\u64ce\u8ba4\u4e3a\u5b83\u7684\u91cd\u8981\u6027\u8d8a\u5927\uff0c\u4ece\u800c\u7ed9\u4f60\u66f4\u9ad8\u7684\u6392\u540d\u3002<\/p>\n<p align=\"left\">\u5408\u7406\u7684\u6807\u7b7e\u4f7f\u7528<\/p>\n<h2><a name=\"t17\"><\/a><a target=\"_blank\" name=\"_Toc31269\"><\/a>17\u3001\u6709\u54ea\u9879\u65b9\u5f0f\u53ef\u4ee5\u5bf9\u4e00\u4e2aDOM\u8bbe\u7f6e\u5b83\u7684CSS\u6837\u5f0f\uff1f<\/h2>\n<p align=\"left\">\u5916\u90e8\u6837\u5f0f\u8868\uff0c\u5f15\u5165\u4e00\u4e2a\u5916\u90e8css\u6587\u4ef6<\/p>\n<p align=\"left\">\u5185\u90e8\u6837\u5f0f\u8868\uff0c\u5c06css\u4ee3\u7801\u653e\u5728\u00a0&lt;head&gt;\u00a0\u6807\u7b7e\u5185\u90e8<\/p>\n<p align=\"left\">\u5185\u8054\u6837\u5f0f\uff0c\u5c06css\u6837\u5f0f\u76f4\u63a5\u5b9a\u4e49\u5728\u00a0HTML\u00a0\u5143\u7d20\u5185\u90e8<\/p>\n<h2><a name=\"t18\"><\/a><a target=\"_blank\" name=\"_Toc22182\"><\/a>18\u3001CSS\u90fd\u6709\u54ea\u4e9b\u9009\u62e9\u5668\uff1f<\/h2>\n<p align=\"left\">\u6d3e\u751f\u9009\u62e9\u5668\uff08\u7528HTML\u6807\u7b7e\u7533\u660e\uff09<\/p>\n<p align=\"left\">id\u9009\u62e9\u5668\uff08\u7528DOM\u7684ID\u7533\u660e\uff09<\/p>\n<p align=\"left\">\u7c7b\u9009\u62e9\u5668\uff08\u7528\u4e00\u4e2a\u6837\u5f0f\u7c7b\u540d\u7533\u660e\uff09<\/p>\n<p align=\"left\">\u5c5e\u6027\u9009\u62e9\u5668\uff08\u7528DOM\u7684\u5c5e\u6027\u7533\u660e\uff0c\u5c5e\u4e8eCSS2\uff0cIE6\u4e0d\u652f\u6301\uff0c\u4e0d\u5e38\u7528\uff0c\u4e0d\u77e5\u9053\u5c31\u7b97\u4e86\uff09<\/p>\n<p align=\"left\">\u9664\u4e86\u524d3\u79cd\u57fa\u672c\u9009\u62e9\u5668\uff0c\u8fd8\u6709\u4e00\u4e9b\u6269\u5c55\u9009\u62e9\u5668\uff0c\u5305\u62ec<\/p>\n<p align=\"left\">\u540e\u4ee3\u9009\u62e9\u5668\uff08\u5229\u7528\u7a7a\u683c\u95f4\u9694\uff0c\u6bd4\u5982div\u00a0.a{\u00a0\u00a0}\uff09<\/p>\n<p align=\"left\">\u7fa4\u7ec4\u9009\u62e9\u5668\uff08\u5229\u7528\u9017\u53f7\u95f4\u9694\uff0c\u6bd4\u5982p,div,#a{\u00a0\u00a0}\uff09<\/p>\n<p align=\"left\">\u90a3\u4e48\u95ee\u9898\u6765\u4e86\uff0cCSS\u9009\u62e9\u5668\u7684\u4f18\u5148\u7ea7\u662f\u600e\u4e48\u6837\u5b9a\u4e49\u7684\uff1f<\/p>\n<p align=\"left\">\u57fa\u672c\u539f\u5219\uff1a<\/p>\n<p align=\"left\">\u4e00\u822c\u800c\u8a00\uff0c\u9009\u62e9\u5668\u8d8a\u7279\u6b8a\uff0c\u5b83\u7684\u4f18\u5148\u7ea7\u8d8a\u9ad8\u3002\u4e5f\u5c31\u662f\u9009\u62e9\u5668\u6307\u5411\u7684\u8d8a\u51c6\u786e\uff0c\u5b83\u7684\u4f18\u5148\u7ea7\u5c31\u8d8a\u9ad8\u3002<\/p>\n<p align=\"left\">\u590d\u6742\u7684\u8ba1\u7b97\u65b9\u6cd5\uff1a<\/p>\n<p align=\"left\">\u75281\u8868\u793a\u6d3e\u751f\u9009\u62e9\u5668\u7684\u4f18\u5148\u7ea7<\/p>\n<p align=\"left\">\u752810\u8868\u793a\u7c7b\u9009\u62e9\u5668\u7684\u4f18\u5148\u7ea7<\/p>\n<p align=\"left\">\u7528100\u6807\u793aID\u9009\u62e9\u5668\u7684\u4f18\u5148\u7ea7<\/p>\n<p align=\"left\">div.test1\u00a0.span\u00a0var\u00a0\u4f18\u5148\u7ea7\u00a01+10\u00a0+10\u00a0+1<\/p>\n<p align=\"left\">span#xxx\u00a0.songs\u00a0li\u00a0\u4f18\u5148\u7ea71+100\u00a0+\u00a010\u00a0+\u00a01<\/p>\n<p align=\"left\">#xxx\u00a0li\u00a0\u4f18\u5148\u7ea7\u00a0100\u00a0+1<\/p>\n<p align=\"left\">\u90a3\u4e48\u95ee\u9898\u6765\u4e86\uff0c\u770b\u4e0b\u5217\u4ee3\u7801\uff0c&lt;p&gt;\u6807\u7b7e\u5185\u7684\u6587\u5b57\u662f\u4ec0\u4e48\u989c\u8272\u7684\uff1f<\/p>\n<p align=\"left\">&lt;style&gt;<\/p>\n<p align=\"left\">.classA{ color:blue;}<\/p>\n<p align=\"left\">.classB{ color:red;}<\/p>\n<p align=\"left\">&lt;\/style&gt;<\/p>\n<p align=\"left\">&lt;body&gt;<\/p>\n<p align=\"left\">&lt;p class=&#8217;classB classA&#8217;&gt;123 &lt;\/p&gt;<\/p>\n<p align=\"left\">&lt;\/body&gt;<\/p>\n<p align=\"left\">\u7b54\u6848\uff1ared\u3002\u4e0e\u6837\u5f0f\u5b9a\u4e49\u5728\u6587\u4ef6\u4e2d\u7684\u5148\u540e\u987a\u5e8f\u6709\u5173\uff0c\u5373\u662f\u540e\u9762\u7684\u8986\u76d6\u524d\u9762\u7684\uff0c\u4e0e\u5728&lt;p class=\u2019classB classA\u2019&gt;\u4e2d\u7684\u5148\u540e\u5173\u7cfb\u65e0\u5173\u3002<\/p>\n<h2><a name=\"t19\"><\/a><a target=\"_blank\" name=\"_Toc24438\"><\/a>19\u3001CSS\u4e2d\u53ef\u4ee5\u901a\u8fc7\u54ea\u4e9b\u5c5e\u6027\u5b9a\u4e49\uff0c\u4f7f\u5f97\u4e00\u4e2aDOM\u5143\u7d20\u4e0d\u663e\u793a\u5728\u6d4f\u89c8\u5668\u53ef\u89c6\u8303\u56f4\u5185\uff1f<\/h2>\n<p align=\"left\">\u6700\u57fa\u672c\u7684\uff1a<\/p>\n<p align=\"left\">\u8bbe\u7f6edisplay\u5c5e\u6027\u4e3anone\uff0c\u6216\u8005\u8bbe\u7f6evisibility\u5c5e\u6027\u4e3ahidden<\/p>\n<p align=\"left\">\u6280\u5de7\u6027\uff1a<\/p>\n<p align=\"left\">\u8bbe\u7f6e\u5bbd\u9ad8\u4e3a0\uff0c\u8bbe\u7f6e\u900f\u660e\u5ea6\u4e3a0\uff0c\u8bbe\u7f6ez-index\u4f4d\u7f6e\u5728-1000<\/p>\n<h2><a name=\"t20\"><\/a><a target=\"_blank\" name=\"_Toc1470\"><\/a>20\u3001\u8d85\u94fe\u63a5\u8bbf\u95ee\u8fc7\u540ehover\u6837\u5f0f\u5c31\u4e0d\u51fa\u73b0\u7684\u95ee\u9898\u662f\u4ec0\u4e48\uff1f\u5982\u4f55\u89e3\u51b3\uff1f<\/h2>\n<p align=\"left\">\u7b54\u6848\uff1a\u88ab\u70b9\u51fb\u8bbf\u95ee\u8fc7\u7684\u8d85\u94fe\u63a5\u6837\u5f0f\u4e0d\u5728\u5177\u6709hover\u548cactive\u4e86,\u89e3\u51b3\u65b9\u6cd5\u662f\u6539\u53d8CSS\u5c5e\u6027\u7684\u6392\u5217\u987a\u5e8f:\u00a0L-V-H-A\uff08link,visited,hover,active\uff09<\/p>\n<h2><a name=\"t21\"><\/a><a target=\"_blank\" name=\"_Toc15793\"><\/a>21\u3001\u4ec0\u4e48\u662fCss Hack\uff1fie6,7,8\u7684hack\u5206\u522b\u662f\u4ec0\u4e48\uff1f<\/h2>\n<p align=\"left\">\u7b54\u6848\uff1a\u9488\u5bf9\u4e0d\u540c\u7684\u6d4f\u89c8\u5668\u5199\u4e0d\u540c\u7684CSS\u00a0code\u7684\u8fc7\u7a0b\uff0c\u5c31\u662fCSS\u00a0hack\u3002<\/p>\n<p align=\"left\">\u793a\u4f8b\u5982\u4e0b\uff1a<\/p>\n<table border=\"0\" width=\"838\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td>\n<p align=\"left\">1<\/p>\n<p align=\"left\">2<\/p>\n<p align=\"left\">3<\/p>\n<p align=\"left\">4<\/p>\n<p align=\"left\">5<\/p>\n<p align=\"left\">6<\/p>\n<p align=\"left\">7<\/p>\n<p align=\"left\">8<\/p>\n<p align=\"left\">9<\/p>\n<p align=\"left\">10<\/p>\n<p align=\"left\">11<\/p>\n<p align=\"left\">12<\/p>\n<\/td>\n<td>\n<p align=\"left\">#test\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 {<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0width:300px;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0height:300px;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0background-color:blue;\u00a0\u00a0\u00a0\u00a0\u00a0 \/*firefox*\/<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0background-color:red\\9;\u00a0\u00a0\u00a0\u00a0\u00a0 \/*all ie*\/<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0background-color:yellow;\u00a0\u00a0\u00a0 \/*ie8*\/<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0+background-color:pink;\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \/*ie7*\/<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0_background-color:orange;\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \/*ie6*\/\u00a0\u00a0\u00a0 }<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0:root #test { background-color:purple\\9; }\u00a0 \/*ie9*\/<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0@media all and (min-width:0px){ #test {background-color:black;} }\u00a0 \/*opera*\/<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0@media screen and (-webkit-min-device-pixel-ratio:0){ #test {background-color:gray;} }\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \/*chrome and safari*\/<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><a name=\"t22\"><\/a><a target=\"_blank\" name=\"_Toc3745\"><\/a>22\u3001\u8bf7\u7528Css\u5199\u4e00\u4e2a\u7b80\u5355\u7684\u5e7b\u706f\u7247\u6548\u679c\u9875\u9762<\/h2>\n<p align=\"left\">\u7b54\u6848\uff1a\u77e5\u9053\u662f\u8981\u7528css3\u3002\u4f7f\u7528animation\u52a8\u753b\u5b9e\u73b0\u4e00\u4e2a\u7b80\u5355\u7684\u5e7b\u706f\u7247\u6548\u679c\u3002<\/p>\n<table border=\"0\" width=\"1247\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td>\n<p align=\"left\">1<\/p>\n<p align=\"left\">2<\/p>\n<p align=\"left\">3<\/p>\n<p align=\"left\">4<\/p>\n<p align=\"left\">5<\/p>\n<p align=\"left\">6<\/p>\n<p align=\"left\">7<\/p>\n<p align=\"left\">8<\/p>\n<p align=\"left\">9<\/p>\n<p align=\"left\">10<\/p>\n<p align=\"left\">11<\/p>\n<p align=\"left\">12<\/p>\n<p align=\"left\">13<\/p>\n<p align=\"left\">14<\/p>\n<p align=\"left\">15<\/p>\n<p align=\"left\">16<\/p>\n<p align=\"left\">17<\/p>\n<p align=\"left\">18<\/p>\n<p align=\"left\">19<\/p>\n<p align=\"left\">20<\/p>\n<p align=\"left\">21<\/p>\n<p align=\"left\">22<\/p>\n<p align=\"left\">23<\/p>\n<p align=\"left\">24<\/p>\n<p align=\"left\">25<\/p>\n<p align=\"left\">26<\/p>\n<p align=\"left\">27<\/p>\n<p align=\"left\">28<\/p>\n<p align=\"left\">29<\/p>\n<p align=\"left\">30<\/p>\n<p align=\"left\">31<\/p>\n<p align=\"left\">32<\/p>\n<p align=\"left\">33<\/p>\n<\/td>\n<td>\n<p align=\"left\">\/**HTML**\/<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0div.ani<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/**css**\/<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0.ani{<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0width:480px;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0height:320px;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0margin:50px auto;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0overflow: hidden;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0box-shadow:0 0 5px rgba(0,0,0,1);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0background-size: cover;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0background-position: center;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0-webkit-animation-name: &#8220;loops&#8221;;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0-webkit-animation-duration: 20s;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0-webkit-animation-iteration-count: infinite;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0@-webkit-keyframes &#8220;loops&#8221; {<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a00% {<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0background:url(http:\/\/d.hiphotos.baidu.com\/image\/w%3D400\/sign=c01e6adca964034f0fcdc3069fc27980\/e824b899a9014c08e5e38ca4087b02087af4f4d3.jpg) no-repeat;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a025% {<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0background:url(http:\/\/b.hiphotos.baidu.com\/image\/w%3D400\/sign=edee1572e9f81a4c2632edc9e72b6029\/30adcbef76094b364d72bceba1cc7cd98c109dd0.jpg) no-repeat;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a050% {<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0background:url(http:\/\/b.hiphotos.baidu.com\/image\/w%3D400\/sign=937dace2552c11dfded1be2353266255\/d8f9d72a6059252d258e7605369b033b5bb5b912.jpg) no-repeat;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a075% {<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0background:url(http:\/\/g.hiphotos.baidu.com\/image\/w%3D400\/sign=7d37500b8544ebf86d71653fe9f9d736\/0df431adcbef76095d61f0972cdda3cc7cd99e4b.jpg) no-repeat;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0100% {<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0background:url(http:\/\/c.hiphotos.baidu.com\/image\/w%3D400\/sign=cfb239ceb0fb43161a1f7b7a10a54642\/3b87e950352ac65ce2e73f76f9f2b21192138ad1.jpg) no-repeat;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><a name=\"t23\"><\/a><a target=\"_blank\" name=\"_Toc1507\"><\/a>24\u3001\u884c\u5185\u5143\u7d20\u548c\u5757\u7ea7\u5143\u7d20\u7684\u5177\u4f53\u533a\u522b\u662f\u4ec0\u4e48\uff1f\u884c\u5185\u5143\u7d20\u7684padding\u548cmargin\u53ef\u8bbe\u7f6e\u5417\uff1f<\/h2>\n<p align=\"left\">\u5757\u7ea7\u5143\u7d20(block)\u7279\u6027\uff1a<\/p>\n<p align=\"left\">\u603b\u662f\u72ec\u5360\u4e00\u884c\uff0c\u8868\u73b0\u4e3a\u53e6\u8d77\u4e00\u884c\u5f00\u59cb\uff0c\u800c\u4e14\u5176\u540e\u7684\u5143\u7d20\u4e5f\u5fc5\u987b\u53e6\u8d77\u4e00\u884c\u663e\u793a;<\/p>\n<p align=\"left\">\u5bbd\u5ea6(width)\u3001\u9ad8\u5ea6(height)\u3001\u5185\u8fb9\u8ddd(padding)\u548c\u5916\u8fb9\u8ddd(margin)\u90fd\u53ef\u63a7\u5236;<\/p>\n<p align=\"left\">\u5185\u8054\u5143\u7d20(inline)\u7279\u6027\uff1a<\/p>\n<p align=\"left\">\u548c\u76f8\u90bb\u7684\u5185\u8054\u5143\u7d20\u5728\u540c\u4e00\u884c;<\/p>\n<p align=\"left\">\u5bbd\u5ea6(width)\u3001\u9ad8\u5ea6(height)\u3001\u5185\u8fb9\u8ddd\u7684top\/bottom(padding-top\/padding-bottom)\u548c\u5916\u8fb9\u8ddd\u7684top\/bottom(margin-top\/margin-bottom)\u90fd\u4e0d\u53ef\u6539\u53d8\uff08\u4e5f\u5c31\u662fpadding\u548cmargin\u7684left\u548cright\u662f\u53ef\u4ee5\u8bbe\u7f6e\u7684\uff09\uff0c\u5c31\u662f\u91cc\u9762\u6587\u5b57\u6216\u56fe\u7247\u7684\u5927\u5c0f\u3002<\/p>\n<p align=\"left\">\u90a3\u4e48\u95ee\u9898\u6765\u4e86\uff0c\u6d4f\u89c8\u5668\u8fd8\u6709\u9ed8\u8ba4\u7684\u5929\u751finline-block\u5143\u7d20\uff08\u62e5\u6709\u5185\u5728\u5c3a\u5bf8\uff0c\u53ef\u8bbe\u7f6e\u9ad8\u5bbd\uff0c\u4f46\u4e0d\u4f1a\u81ea\u52a8\u6362\u884c\uff09\uff0c\u6709\u54ea\u4e9b\uff1f<\/p>\n<p align=\"left\">\u7b54\u6848\uff1a&lt;input&gt;\u3001&lt;img&gt; \u3001&lt;button&gt; \u3001&lt;texterea&gt; \u3001&lt;label&gt;\u3002<\/p>\n<h2><a name=\"t24\"><\/a><a target=\"_blank\" name=\"_Toc9370\"><\/a>25\u3001\u4ec0\u4e48\u662f\u5916\u8fb9\u8ddd\u91cd\u53e0\uff1f\u91cd\u53e0\u7684\u7ed3\u679c\u662f\u4ec0\u4e48\uff1f<\/h2>\n<p align=\"left\">\u5916\u8fb9\u8ddd\u91cd\u53e0\u5c31\u662fmargin-collapse\u3002<\/p>\n<p align=\"left\">\u5728CSS\u5f53\u4e2d\uff0c\u76f8\u90bb\u7684\u4e24\u4e2a\u76d2\u5b50\uff08\u53ef\u80fd\u662f\u5144\u5f1f\u5173\u7cfb\u4e5f\u53ef\u80fd\u662f\u7956\u5148\u5173\u7cfb\uff09\u7684\u5916\u8fb9\u8ddd\u53ef\u4ee5\u7ed3\u5408\u6210\u4e00\u4e2a\u5355\u72ec\u7684\u5916\u8fb9\u8ddd\u3002\u8fd9\u79cd\u5408\u5e76\u5916\u8fb9\u8ddd\u7684\u65b9\u5f0f\u88ab\u79f0\u4e3a\u6298\u53e0\uff0c\u5e76\u4e14\u56e0\u800c\u6240\u7ed3\u5408\u6210\u7684\u5916\u8fb9\u8ddd\u79f0\u4e3a\u6298\u53e0\u5916\u8fb9\u8ddd\u3002<\/p>\n<p align=\"left\">\u6298\u53e0\u7ed3\u679c\u9075\u5faa\u4e0b\u5217\u8ba1\u7b97\u89c4\u5219\uff1a<\/p>\n<p align=\"left\">\u4e24\u4e2a\u76f8\u90bb\u7684\u5916\u8fb9\u8ddd\u90fd\u662f\u6b63\u6570\u65f6\uff0c\u6298\u53e0\u7ed3\u679c\u662f\u5b83\u4eec\u4e24\u8005\u4e4b\u95f4\u8f83\u5927\u7684\u503c\u3002<\/p>\n<p align=\"left\">\u4e24\u4e2a\u76f8\u90bb\u7684\u5916\u8fb9\u8ddd\u90fd\u662f\u8d1f\u6570\u65f6\uff0c\u6298\u53e0\u7ed3\u679c\u662f\u4e24\u8005\u7edd\u5bf9\u503c\u7684\u8f83\u5927\u503c\u3002<\/p>\n<p align=\"left\">\u4e24\u4e2a\u5916\u8fb9\u8ddd\u4e00\u6b63\u4e00\u8d1f\u65f6\uff0c\u6298\u53e0\u7ed3\u679c\u662f\u4e24\u8005\u7684\u76f8\u52a0\u7684\u548c\u3002<\/p>\n<h2><a name=\"t25\"><\/a><a target=\"_blank\" name=\"_Toc13038\"><\/a>26\u3001rgba()\u548copacity\u7684\u900f\u660e\u6548\u679c\u6709\u4ec0\u4e48\u4e0d\u540c\uff1f<\/h2>\n<p align=\"left\">rgba()\u548copacity\u90fd\u80fd\u5b9e\u73b0\u900f\u660e\u6548\u679c\uff0c\u4f46\u6700\u5927\u7684\u4e0d\u540c\u662fopacity\u4f5c\u7528\u4e8e\u5143\u7d20\uff0c\u4ee5\u53ca\u5143\u7d20\u5185\u7684\u6240\u6709\u5185\u5bb9\u7684\u900f\u660e\u5ea6\uff0c<\/p>\n<p align=\"left\">\u800crgba()\u53ea\u4f5c\u7528\u4e8e\u5143\u7d20\u7684\u989c\u8272\u6216\u5176\u80cc\u666f\u8272\u3002\uff08\u8bbe\u7f6ergba\u900f\u660e\u7684\u5143\u7d20\u7684\u5b50\u5143\u7d20\u4e0d\u4f1a\u7ee7\u627f\u900f\u660e\u6548\u679c\uff01\uff09<\/p>\n<h2><a name=\"t26\"><\/a><a target=\"_blank\" name=\"_Toc8377\"><\/a>27\u3001css\u4e2d\u53ef\u4ee5\u8ba9\u6587\u5b57\u5728\u5782\u76f4\u548c\u6c34\u5e73\u65b9\u5411\u4e0a\u91cd\u53e0\u7684\u4e24\u4e2a\u5c5e\u6027\u662f\u4ec0\u4e48\uff1f<\/h2>\n<p align=\"left\">\u5782\u76f4\u65b9\u5411\uff1aline-height<\/p>\n<p align=\"left\">\u6c34\u5e73\u65b9\u5411\uff1aletter-spacing<\/p>\n<p align=\"left\">\u90a3\u4e48\u95ee\u9898\u6765\u4e86\uff0c\u5173\u4e8eletter-spacing\u7684\u5999\u7528\u77e5\u9053\u6709\u54ea\u4e9b\u4e48\uff1f<\/p>\n<p align=\"left\">\u7b54\u6848:\u53ef\u4ee5\u7528\u4e8e\u6d88\u9664inline-block\u5143\u7d20\u95f4\u7684\u6362\u884c\u7b26\u7a7a\u683c\u95f4\u9699\u95ee\u9898\u3002<\/p>\n<h2><a name=\"t27\"><\/a><a target=\"_blank\" name=\"_Toc17522\"><\/a>28\u3001\u5982\u4f55\u5782\u76f4\u5c45\u4e2d\u4e00\u4e2a\u6d6e\u52a8\u5143\u7d20\uff1f<\/h2>\n<table border=\"0\" width=\"610\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td>\n<p align=\"left\">1<\/p>\n<p align=\"left\">2<\/p>\n<p align=\"left\">3<\/p>\n<p align=\"left\">4<\/p>\n<p align=\"left\">5<\/p>\n<p align=\"left\">6<\/p>\n<p align=\"left\">7<\/p>\n<p align=\"left\">8<\/p>\n<p align=\"left\">9<\/p>\n<p align=\"left\">10<\/p>\n<p align=\"left\">11<\/p>\n<p align=\"left\">12<\/p>\n<p align=\"left\">13<\/p>\n<p align=\"left\">14<\/p>\n<p align=\"left\">15<\/p>\n<p align=\"left\">16<\/p>\n<p align=\"left\">17<\/p>\n<p align=\"left\">18<\/p>\n<p align=\"left\">19<\/p>\n<p align=\"left\">20<\/p>\n<p align=\"left\">21<\/p>\n<p align=\"left\">22<\/p>\n<p align=\"left\">23<\/p>\n<p align=\"left\">24<\/p>\n<p align=\"left\">25<\/p>\n<p align=\"left\">26<\/p>\n<p align=\"left\">27<\/p>\n<p align=\"left\">28<\/p>\n<\/td>\n<td>\n<p align=\"left\">\/\/ \u65b9\u6cd5\u4e00\uff1a\u5df2\u77e5\u5143\u7d20\u7684\u9ad8\u5bbd<\/p>\n<p align=\"left\">#div1{<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0background-color:#6699FF;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0width:200px;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0height:200px;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0position: absolute;\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \/\/\u7236\u5143\u7d20\u9700\u8981\u76f8\u5bf9\u5b9a\u4f4d<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0top: 50%;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0left: 50%;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0margin-top:-100px ;\u00a0\u00a0 \/\/\u4e8c\u5206\u4e4b\u4e00\u7684height\uff0cwidth<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0margin-left: -100px;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0}<\/p>\n<p align=\"left\">\/\/\u65b9\u6cd5\u4e8c:\u672a\u77e5\u5143\u7d20\u7684\u9ad8\u5bbd<\/p>\n<p align=\"left\">\u00a0\u00a0#div1{<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0width: 200px;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0height: 200px;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0background-color: #6699FF;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0margin:auto;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0position: absolute;\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \/\/\u7236\u5143\u7d20\u9700\u8981\u76f8\u5bf9\u5b9a\u4f4d<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0left: 0;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0top: 0;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0right: 0;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0bottom: 0;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0}<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p align=\"left\">\u90a3\u4e48\u95ee\u9898\u6765\u4e86\uff0c\u5982\u4f55\u5782\u76f4\u5c45\u4e2d\u4e00\u4e2a&lt;img&gt;?\uff08\u7528\u66f4\u7b80\u4fbf\u7684\u65b9\u6cd5\u3002\uff09<\/p>\n<table border=\"0\" width=\"610\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td>\n<p align=\"left\">1<\/p>\n<p align=\"left\">2<\/p>\n<p align=\"left\">3<\/p>\n<p align=\"left\">4<\/p>\n<p align=\"left\">5<\/p>\n<p align=\"left\">6<\/p>\n<\/td>\n<td>\n<p align=\"left\">#<a class=\"replace_word\" title=\"Docker\u77e5\u8bc6\u5e93\" href=\"http:\/\/lib.csdn.net\/base\/docker\" target=\"_blank\">Container<\/a>\u00a0\u00a0\u00a0\u00a0 \/\/&lt;img&gt;\u7684\u5bb9\u5668\u8bbe\u7f6e\u5982\u4e0b<\/p>\n<p align=\"left\">{<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0display:table-cell;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0text-align:center;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0vertical-align:middle;<\/p>\n<p align=\"left\">}<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><a name=\"t28\"><\/a><a target=\"_blank\" name=\"_Toc11176\"><\/a>29\u3001px\u548cem\u7684\u533a\u522b\u3002<\/h2>\n<p align=\"left\">px\u548cem\u90fd\u662f\u957f\u5ea6\u5355\u4f4d\uff0c\u533a\u522b\u662f\uff0cpx\u7684\u503c\u662f\u56fa\u5b9a\u7684\uff0c\u6307\u5b9a\u662f\u591a\u5c11\u5c31\u662f\u591a\u5c11\uff0c\u8ba1\u7b97\u6bd4\u8f83\u5bb9\u6613\u3002em\u5f97\u503c\u4e0d\u662f\u56fa\u5b9a\u7684\uff0c\u5e76\u4e14em\u4f1a\u7ee7\u627f\u7236\u7ea7\u5143\u7d20\u7684\u5b57\u4f53\u5927\u5c0f\u3002<\/p>\n<p align=\"left\">\u6d4f\u89c8\u5668\u7684\u9ed8\u8ba4\u5b57\u4f53\u9ad8\u90fd\u662f16px\u3002\u6240\u4ee5\u672a\u7ecf\u8c03\u6574\u7684\u6d4f\u89c8\u5668\u90fd\u7b26\u5408: 1em=16px\u3002\u90a3\u4e4812px=0.75em, 10px=0.625em\u3002<\/p>\n<h2><a name=\"t29\"><\/a><a target=\"_blank\" name=\"_Toc29143\"><\/a>30\u3001\u63cf\u8ff0\u4e00\u4e2a\u201dreset\u201d\u7684CSS\u6587\u4ef6\u5e76\u5982\u4f55\u4f7f\u7528\u5b83\u3002\u77e5\u9053normalize.css\u5417\uff1f\u4f60\u4e86\u89e3\u4ed6\u4eec\u7684\u4e0d\u540c\u4e4b\u5904\uff1f<\/h2>\n<p align=\"left\">\u91cd\u7f6e\u6837\u5f0f\u975e\u5e38\u591a\uff0c\u51e1\u662f\u4e00\u4e2a\u524d\u7aef\u5f00\u53d1\u4eba\u5458\u80af\u5b9a\u6709\u4e00\u4e2a\u5e38\u7528\u7684\u91cd\u7f6eCSS\u6587\u4ef6\u5e76\u77e5\u9053\u5982\u4f55\u4f7f\u7528\u5b83\u4eec\u3002\u4ed6\u4eec\u662f\u76f2\u76ee\u7684\u5728\u505a\u8fd8\u662f\u77e5\u9053\u4e3a\u4ec0\u4e48\u8fd9\u4e48\u505a\u5462\uff1f\u539f\u56e0\u662f\u4e0d\u540c\u7684\u6d4f\u89c8\u5668\u5bf9\u4e00\u4e9b\u5143\u7d20\u6709\u4e0d\u540c\u7684\u9ed8\u8ba4\u6837\u5f0f\uff0c\u5982\u679c\u4f60\u4e0d\u5904\u7406\uff0c\u5728\u4e0d\u540c\u7684\u6d4f\u89c8\u5668\u4e0b\u4f1a\u5b58\u5728\u5fc5\u8981\u7684\u98ce\u9669\uff0c\u6216\u8005\u66f4\u6709\u620f\u5267\u6027\u7684\u6027\u53d1\u751f\u3002<\/p>\n<p align=\"left\">\u4f60\u53ef\u80fd\u4f1a\u7528Normalize\u6765\u4ee3\u66ff\u4f60\u7684\u91cd\u7f6e\u6837\u5f0f\u6587\u4ef6\u3002\u5b83\u6ca1\u6709\u91cd\u7f6e\u6240\u6709\u7684\u6837\u5f0f\u98ce\u683c\uff0c\u4f46\u4ec5\u63d0\u4f9b\u4e86\u4e00\u5957\u5408\u7406\u7684\u9ed8\u8ba4\u6837\u5f0f\u503c\u3002\u65e2\u80fd\u8ba9\u4f17\u591a\u6d4f\u89c8\u5668\u8fbe\u5230\u4e00\u81f4\u548c\u5408\u7406\uff0c\u4f46\u53c8\u4e0d\u6270\u4e71\u5176\u4ed6\u7684\u4e1c\u897f\uff08\u5982\u7c97\u4f53\u7684\u6807\u9898\uff09\u3002<\/p>\n<p align=\"left\">\u5728\u8fd9\u4e00\u65b9\u9762\uff0c\u65e0\u6cd5\u505a\u6bcf\u4e00\u4e2a\u590d\u4f4d\u91cd\u7f6e\u3002\u5b83\u4e5f\u786e\u5b9e\u6709\u4e9b\u8d85\u8fc7\u4e00\u4e2a\u91cd\u7f6e\uff0c\u5b83\u5904\u7406\u4e86\u4f60\u6c38\u8fdc\u90fd\u4e0d\u7528\u8003\u8651\u7684\u602a\u7656\uff0c\u50cfHTML\u7684audio\u5143\u7d20\u4e0d\u4e00\u81f4\u6216line-height\u4e0d\u4e00\u81f4\u3002<\/p>\n<h2><a name=\"t30\"><\/a><a target=\"_blank\" name=\"_Toc4874\"><\/a>31\u3001Sass\u3001LESS\u662f\u4ec0\u4e48\uff1f\u5927\u5bb6\u4e3a\u4ec0\u4e48\u8981\u4f7f\u7528\u4ed6\u4eec\uff1f<\/h2>\n<p align=\"left\">\u4ed6\u4eec\u662fCSS\u9884\u5904\u7406\u5668\u3002\u4ed6\u662fCSS\u4e0a\u7684\u4e00\u79cd\u62bd\u8c61\u5c42\u3002\u4ed6\u4eec\u662f\u4e00\u79cd\u7279\u6b8a\u7684\u8bed\u6cd5\/\u8bed\u8a00\u7f16\u8bd1\u6210CSS\u3002<\/p>\n<p align=\"left\">\u4f8b\u5982Less\u662f\u4e00\u79cd\u52a8\u6001\u6837\u5f0f\u8bed\u8a00. \u5c06CSS\u8d4b\u4e88\u4e86\u52a8\u6001\u8bed\u8a00\u7684\u7279\u6027\uff0c\u5982\u53d8\u91cf\uff0c\u7ee7\u627f\uff0c\u8fd0\u7b97\uff0c \u51fd\u6570. LESS \u65e2\u53ef\u4ee5\u5728\u5ba2\u6237\u7aef\u4e0a\u8fd0\u884c (\u652f\u6301IE 6+, Webkit, Firefox)\uff0c\u4e5f\u53ef\u4e00\u5728\u670d\u52a1\u7aef\u8fd0\u884c (\u501f\u52a9 Node.js)\u3002<\/p>\n<p align=\"left\">\u4e3a\u4ec0\u4e48\u8981\u4f7f\u7528\u5b83\u4eec\uff1f<\/p>\n<p align=\"left\">\u7ed3\u6784\u6e05\u6670\uff0c\u4fbf\u4e8e\u6269\u5c55\u3002<\/p>\n<p align=\"left\">\u53ef\u4ee5\u65b9\u4fbf\u5730\u5c4f\u853d\u6d4f\u89c8\u5668\u79c1\u6709\u8bed\u6cd5\u5dee\u5f02\u3002\u8fd9\u4e2a\u4e0d\u7528\u591a\u8bf4\uff0c\u5c01\u88c5\u5bf9\u6d4f\u89c8\u5668\u8bed\u6cd5\u5dee\u5f02\u7684\u91cd\u590d\u5904\u7406\uff0c\u51cf\u5c11\u65e0\u610f\u4e49\u7684\u673a\u68b0\u52b3\u52a8\u3002<\/p>\n<p align=\"left\">\u53ef\u4ee5\u8f7b\u677e\u5b9e\u73b0\u591a\u91cd\u7ee7\u627f\u3002<\/p>\n<p align=\"left\">\u5b8c\u5168\u517c\u5bb9 CSS \u4ee3\u7801\uff0c\u53ef\u4ee5\u65b9\u4fbf\u5730\u5e94\u7528\u5230\u8001\u9879\u76ee\u4e2d\u3002LESS \u53ea\u662f\u5728 CSS \u8bed\u6cd5\u4e0a\u505a\u4e86\u6269\u5c55\uff0c\u6240\u4ee5\u8001\u7684 CSS \u4ee3\u7801\u4e5f\u53ef\u4ee5\u4e0e LESS \u4ee3\u7801\u4e00\u540c\u7f16\u8bd1\u3002<\/p>\n<h2><a name=\"t31\"><\/a><a target=\"_blank\" name=\"_Toc24224\"><\/a>32\u3001display:none\u4e0evisibility:hidden\u7684\u533a\u522b\u662f\u4ec0\u4e48\uff1f<\/h2>\n<p align=\"left\">display\u00a0:\u00a0\u9690\u85cf\u5bf9\u5e94\u7684\u5143\u7d20\u4f46\u4e0d\u6324\u5360\u8be5\u5143\u7d20\u539f\u6765\u7684\u7a7a\u95f4\u3002<\/p>\n<p align=\"left\">visibility:\u00a0\u9690\u85cf\u5bf9\u5e94\u7684\u5143\u7d20\u5e76\u4e14\u6324\u5360\u8be5\u5143\u7d20\u539f\u6765\u7684\u7a7a\u95f4\u3002<\/p>\n<p align=\"left\">\u5373\u662f\uff0c\u4f7f\u7528CSSdisplay:none\u5c5e\u6027\u540e\uff0cHTML\u5143\u7d20\uff08\u5bf9\u8c61\uff09\u7684\u5bbd\u5ea6\u3001\u9ad8\u5ea6\u7b49\u5404\u79cd\u5c5e\u6027\u503c\u90fd\u5c06\u201c\u4e22\u5931\u201d;\u800c\u4f7f\u7528visibility:hidden\u5c5e\u6027\u540e\uff0cHTML\u5143\u7d20\uff08\u5bf9\u8c61\uff09\u4ec5\u4ec5\u662f\u5728\u89c6\u89c9\u4e0a\u770b\u4e0d\u89c1\uff08\u5b8c\u5168\u900f\u660e\uff09\uff0c\u800c\u5b83\u6240\u5360\u636e\u7684\u7a7a\u95f4\u4f4d\u7f6e\u4ecd\u7136\u5b58\u5728\u3002<\/p>\n<h2><a name=\"t32\"><\/a><a target=\"_blank\" name=\"_Toc3836\"><\/a>34\u3001CSS\u4e2dlink\u548c@import\u7684\u533a\u522b\u662f\uff1a<\/h2>\n<p>Link\u5c5e\u4e8ehtml\u6807\u7b7e\uff0c\u800c@import\u662fCSS\u4e2d\u63d0\u4f9b\u7684<\/p>\n<p align=\"left\">\u5728\u9875\u9762\u52a0\u8f7d\u7684\u65f6\u5019\uff0clink\u4f1a\u540c\u65f6\u88ab\u52a0\u8f7d\uff0c\u800c@import\u5f15\u7528\u7684CSS\u4f1a\u5728\u9875\u9762\u52a0\u8f7d\u5b8c\u6210\u540e\u624d\u4f1a\u52a0\u8f7d\u5f15\u7528\u7684CSS<\/p>\n<p align=\"left\">@import\u53ea\u6709\u5728ie5\u4ee5\u4e0a\u624d\u53ef\u4ee5\u88ab\u8bc6\u522b\uff0c\u800clink\u662fhtml\u6807\u7b7e\uff0c\u4e0d\u5b58\u5728\u6d4f\u89c8\u5668\u517c\u5bb9\u6027\u95ee\u9898<\/p>\n<p align=\"left\">Link\u5f15\u5165\u6837\u5f0f\u7684\u6743\u91cd\u5927\u4e8e@import\u7684\u5f15\u7528\uff08@import\u662f\u5c06\u5f15\u7528\u7684\u6837\u5f0f\u5bfc\u5165\u5230\u5f53\u524d\u7684\u9875\u9762\u4e2d\uff09<\/p>\n<h2><a name=\"t33\"><\/a><a target=\"_blank\" name=\"_Toc8829\"><\/a>35\u3001\u7b80\u4ecb\u76d2\u5b50\u6a21\u578b\uff1a<\/h2>\n<p>CSS\u7684\u76d2\u5b50\u6a21\u578b\u6709\u4e24\u79cd\uff1aIE\u76d2\u5b50\u6a21\u578b\u3001\u6807\u51c6\u7684W3C\u76d2\u5b50\u6a21\u578b\u6a21\u578b<\/p>\n<p align=\"left\">\u76d2\u6a21\u578b\uff1a\u5185\u5bb9\u3001\u5185\u8fb9\u8ddd\u3001\u5916\u8fb9\u8ddd\uff08\u4e00\u822c\u4e0d\u8ba1\u5165\u76d2\u5b50\u5b9e\u9645\u5bbd\u5ea6\uff09\u3001\u8fb9\u6846<\/p>\n<h2><a name=\"t34\"><\/a><a target=\"_blank\" name=\"_Toc8303\"><\/a>36\u3001\u4e3a\u4ec0\u4e48\u8981\u521d\u59cb\u5316\u6837\u5f0f\uff1f<\/h2>\n<p align=\"left\">\u7531\u4e8e\u6d4f\u89c8\u5668\u517c\u5bb9\u7684\u95ee\u9898\uff0c\u4e0d\u540c\u7684\u6d4f\u89c8\u5668\u5bf9\u6807\u7b7e\u7684\u9ed8\u8ba4\u6837\u5f0f\u503c\u4e0d\u540c\uff0c\u82e5\u4e0d\u521d\u59cb\u5316\u4f1a\u9020\u6210\u4e0d\u540c\u6d4f\u89c8\u5668\u4e4b\u95f4\u7684\u663e\u793a\u5dee\u5f02<\/p>\n<p align=\"left\">\u4f46\u662f\u521d\u59cb\u5316CSS\u4f1a\u5bf9\u641c\u7d22\u5f15\u64ce\u4f18\u5316\u9020\u6210\u5c0f\u5f71\u54cd<\/p>\n<h2><a name=\"t35\"><\/a><a target=\"_blank\" name=\"_Toc19116\"><\/a>37\u3001BFC\u662f\u4ec0\u4e48?<\/h2>\n<p align=\"left\">BFC\uff08\u5757\u7ea7\u683c\u5f0f\u5316\u4e0a\u4e0b\u6587\uff09\uff0c\u4e00\u4e2a\u521b\u5efa\u4e86\u65b0\u7684BFC\u7684\u76d2\u5b50\u662f\u72ec\u7acb\u5e03\u5c40\u7684\uff0c\u76d2\u5b50\u5185\u5143\u7d20\u7684\u5e03\u5c40\u4e0d\u4f1a\u5f71\u54cd\u76d2\u5b50\u5916\u9762\u7684\u5143\u7d20\u3002\u5728\u540c\u4e00\u4e2aBFC\u4e2d\u7684\u4e24\u4e2a\u76f8\u90bb\u7684\u76d2\u5b50\u5728\u5782\u76f4\u65b9\u5411\u53d1\u751fmargin\u91cd\u53e0\u7684\u95ee\u9898<\/p>\n<p align=\"left\">BFC\u662f\u6307\u6d4f\u89c8\u5668\u4e2d\u521b\u5efa\u4e86\u4e00\u4e2a\u72ec\u7acb\u7684\u6e32\u67d3\u533a\u57df\uff0c\u8be5\u533a\u57df\u5185\u6240\u6709\u5143\u7d20\u7684\u5e03\u5c40\u4e0d\u4f1a\u5f71\u54cd\u5230\u533a\u57df\u5916\u5143\u7d20\u7684\u5e03\u5c40\uff0c\u8fd9\u4e2a\u6e32\u67d3\u533a\u57df\u53ea\u5bf9\u5757\u7ea7\u5143\u7d20\u8d77\u4f5c\u7528<\/p>\n<h2><a name=\"t36\"><\/a><a target=\"_blank\" name=\"_Toc14190\"><\/a>38\u3001html\u8bed\u4e49\u5316\u662f\u4ec0\u4e48\uff1f<\/h2>\n<p align=\"left\">\u5f53\u9875\u9762\u6837\u5f0f\u52a0\u8f7d\u5931\u8d25\u7684\u65f6\u5019\u80fd\u591f\u8ba9\u9875\u9762\u5448\u73b0\u51fa\u6e05\u6670\u7684\u7ed3\u6784<\/p>\n<p align=\"left\">\u6709\u5229\u4e8eseo\u4f18\u5316\uff0c\u5229\u4e8e\u88ab\u641c\u7d22\u5f15\u64ce\u6536\u5f55\uff08\u66f4\u4fbf\u4e8e\u641c\u7d22\u5f15\u64ce\u7684\u722c\u866b\u7a0b\u5e8f\u6765\u8bc6\u522b\uff09<\/p>\n<p align=\"left\">\u4fbf\u4e8e\u9879\u76ee\u7684\u5f00\u53d1\u53ca\u7ef4\u62a4\uff0c\u4f7fhtml\u4ee3\u7801\u66f4\u5177\u6709\u53ef\u8bfb\u6027\uff0c\u4fbf\u4e8e\u5176\u4ed6\u8bbe\u5907\u89e3\u6790\u3002<\/p>\n<h2><a name=\"t37\"><\/a><a target=\"_blank\" name=\"_Toc26540\"><\/a>39\u3001Doctype\u7684\u4f5c\u7528\uff1f\u4e25\u683c\u6a21\u5f0f\u4e0e\u6df7\u6742\u6a21\u5f0f\u7684\u533a\u522b\uff1f<\/h2>\n<p align=\"left\">&lt;!DOCTYPE&gt;\u7528\u4e8e\u544a\u77e5\u6d4f\u89c8\u5668\u8be5\u4ee5\u4f55\u79cd\u6a21\u5f0f\u6765\u6e32\u67d3\u6587\u6863<\/p>\n<p align=\"left\">\u4e25\u683c\u6a21\u5f0f\u4e0b\uff1a\u9875\u9762\u6392\u7248\u53caJS\u89e3\u6790\u662f\u4ee5\u8be5\u6d4f\u89c8\u5668\u652f\u6301\u7684\u6700\u9ad8\u6807\u51c6\u6765\u6267\u884c<\/p>\n<p align=\"left\">\u6df7\u6742\u6a21\u5f0f\uff1a\u4e0d\u4e25\u683c\u6309\u7167\u6807\u51c6\u6267\u884c\uff0c\u4e3b\u8981\u7528\u6765\u517c\u5bb9\u65e7\u7684\u6d4f\u89c8\u5668\uff0c\u5411\u540e\u517c\u5bb9<\/p>\n<h2><a name=\"t38\"><\/a><a target=\"_blank\" name=\"_Toc2199\"><\/a>40\u3001IE\u7684\u53cc\u8fb9\u8dddBUG\uff1a\u5757\u7ea7\u5143\u7d20float\u540e\u8bbe\u7f6e\u6a2a\u5411margin\uff0cie6\u663e\u793a\u7684margin\u6bd4\u8bbe\u7f6e\u7684\u8f83\u5927\u3002\u89e3\u51b3\uff1a\u52a0\u5165_display\uff1ainline<\/h2>\n<h2><a name=\"t39\"><\/a><a target=\"_blank\" name=\"_Toc4437\"><\/a>41\u3001HTML\u4e0eXHTML\u2014\u2014\u4e8c\u8005\u6709\u4ec0\u4e48\u533a\u522b\uff1f<\/h2>\n<p align=\"left\">1. \u6240\u6709\u7684\u6807\u8bb0\u90fd\u5fc5\u987b\u8981\u6709\u4e00\u4e2a\u76f8\u5e94\u7684\u7ed3\u675f\u6807\u8bb0<\/p>\n<p align=\"left\">2. \u6240\u6709\u6807\u7b7e\u7684\u5143\u7d20\u548c\u5c5e\u6027\u7684\u540d\u5b57\u90fd\u5fc5\u987b\u4f7f\u7528\u5c0f\u5199<\/p>\n<p align=\"left\">3. \u6240\u6709\u7684 XML \u6807\u8bb0\u90fd\u5fc5\u987b\u5408\u7406\u5d4c\u5957<\/p>\n<p align=\"left\">4. \u6240\u6709\u7684\u5c5e\u6027\u5fc5\u987b\u7528\u5f15\u53f7&#8221;&#8221; \u62ec\u8d77\u6765<\/p>\n<p align=\"left\">5. \u628a\u6240\u6709 &lt; \u548c &amp; \u7279\u6b8a\u7b26\u53f7\u7528\u7f16\u7801\u8868\u793a<\/p>\n<p align=\"left\">6. \u7ed9\u6240\u6709\u5c5e\u6027\u8d4b\u4e00\u4e2a\u503c<\/p>\n<p align=\"left\">7. \u4e0d\u8981\u5728\u6ce8\u91ca\u5185\u5bb9\u4e2d\u4f7f\u7528&#8221;&#8211;&#8220;<\/p>\n<p align=\"left\">8. \u56fe\u7247\u5fc5\u987b\u6709\u8bf4\u660e\u6587\u5b57<\/p>\n<h2><a name=\"t40\"><\/a><a target=\"_blank\" name=\"_Toc29514\"><\/a>42\u3001html\u5e38\u89c1\u517c\u5bb9\u6027\u95ee\u9898\uff1f<\/h2>\n<p>1.\u53cc\u8fb9\u8dddBUG float\u5f15\u8d77\u7684\u00a0 \u4f7f\u7528display<\/p>\n<p>2.3\u50cf\u7d20\u95ee\u9898 \u4f7f\u7528float\u5f15\u8d77\u7684 \u4f7f\u7528dislpay:inline-3px<\/p>\n<p>3.\u8d85\u94fe\u63a5hover \u70b9\u51fb\u540e\u5931\u6548\u00a0 \u4f7f\u7528\u6b63\u786e\u7684\u4e66\u5199\u987a\u5e8f linkvisited hover active<\/p>\n<p>4.Iez-index\u95ee\u9898 \u7ed9\u7236\u7ea7\u6dfb\u52a0position:relative<\/p>\n<p>5.Png \u900f\u660e \u4f7f\u7528js\u4ee3\u7801 \u6539<\/p>\n<p>6.Min-height\u6700\u5c0f\u9ad8\u5ea6 \uff01Important \u89e3\u51b3\u2019<\/p>\n<p>7.select\u5728ie6\u4e0b\u906e\u76d6 \u4f7f\u7528iframe\u5d4c\u5957<\/p>\n<p>8.\u4e3a\u4ec0\u4e48\u6ca1\u6709\u529e\u6cd5\u5b9a\u4e491px\u5de6\u53f3\u7684\u5bbd\u5ea6\u5bb9\u5668\uff08IE6\u9ed8\u8ba4\u7684\u884c\u9ad8\u9020\u6210\u7684\uff0c\u4f7f\u7528over:hidden,zoom:0.08 line-height:1px\uff09<\/p>\n<p>9.IE5-8\u4e0d\u652f\u6301opacity\uff0c\u89e3\u51b3\u529e\u6cd5\uff1a<\/p>\n<p>.opacity{<\/p>\n<p>opacity: 0.4<\/p>\n<p>filter: alpha(opacity=60); \/* for IE5-7 *\/<\/p>\n<p>-ms-filter:&#8221;progid:DXImageTransform.Microsoft.Alpha(Opacity=60)&#8221;; \/* for IE 8*\/<\/p>\n<p>}<\/p>\n<p>10.IE6\u4e0d\u652f\u6301PNG\u900f\u660e\u80cc\u666f\uff0c\u89e3\u51b3\u529e\u6cd5: IE6\u4e0b\u4f7f\u7528gif\u56fe\u7247<\/p>\n<h2><a name=\"t41\"><\/a><a target=\"_blank\" name=\"_Toc23755\"><\/a>43\u3001\u5bf9WEB\u6807\u51c6\u4ee5\u53caW3C\u7684\u7406\u89e3\u4e0e\u8ba4\u8bc6<\/h2>\n<p>\u7b54\uff1a\u6807\u7b7e\u95ed\u5408\u3001\u6807\u7b7e\u5c0f\u5199\u3001\u4e0d\u4e71\u5d4c\u5957\u3001\u63d0\u9ad8\u641c\u7d22\u673a\u5668\u4eba\u641c\u7d22\u51e0\u7387\u3001\u4f7f\u7528\u5916 \u94fecss\u548cjs\u811a\u672c\u3001\u7ed3\u6784\u884c\u4e3a\u8868\u73b0\u7684\u5206\u79bb\u3001\u6587\u4ef6\u4e0b\u8f7d\u4e0e\u9875\u9762\u901f\u5ea6\u66f4\u5feb\u3001\u5185\u5bb9\u80fd\u88ab\u66f4\u591a\u7684\u7528\u6237\u6240\u8bbf\u95ee\u3001\u5185\u5bb9\u80fd\u88ab\u66f4\u5e7f\u6cdb\u7684\u8bbe\u5907\u6240\u8bbf\u95ee\u3001\u66f4\u5c11\u7684\u4ee3\u7801\u548c\u7ec4\u4ef6\uff0c\u5bb9\u6613\u7ef4\u62a4\u3001\u6539\u7248\u65b9\u4fbf\uff0c\u4e0d\u9700\u8981\u53d8\u52a8\u9875\u9762\u5185\u5bb9\u3001\u63d0\u4f9b\u6253\u5370\u7248\u672c\u800c\u4e0d\u9700\u8981\u590d\u5236\u5185\u5bb9\u3001\u63d0\u9ad8\u7f51\u7ad9\u6613\u7528\u6027\u3002<\/p>\n<h2><a name=\"t42\"><\/a><a target=\"_blank\" name=\"_Toc9819\"><\/a>44\u3001\u884c\u5185\u5143\u7d20\u6709\u54ea\u4e9b?\u5757\u7ea7\u5143\u7d20\u6709\u54ea\u4e9b?CSS\u7684\u76d2\u6a21\u578b?<\/h2>\n<p>\u7b54\uff1a\u5757\u7ea7\u5143\u7d20\uff1adiv p h1 h2 h3 h4 form ul<br \/>\n\u884c\u5185\u5143\u7d20: a b br i span input select<br \/>\nCss\u76d2\u6a21\u578b:\u5185\u5bb9\uff0cborder ,margin\uff0cpadding<\/p>\n<h2><a name=\"t43\"><\/a><a target=\"_blank\" name=\"_Toc23269\"><\/a>45\u3001\u524d\u7aef\u9875\u9762\u6709\u54ea\u4e09\u5c42\u6784\u6210\uff0c\u5206\u522b\u662f\u4ec0\u4e48?\u4f5c\u7528\u662f\u4ec0\u4e48?<\/h2>\n<p>\u7b54\uff1a\u7ed3\u6784\u5c42 Html \u8868\u793a\u5c42 CSS \u884c\u4e3a\u5c42 js\u3002<\/p>\n<h2><a name=\"t44\"><\/a><a target=\"_blank\" name=\"_Toc24393\"><\/a>46\u3001Doctype\u4f5c\u7528? \u4e25\u683c\u6a21\u5f0f\u4e0e\u6df7\u6742\u6a21\u5f0f-\u5982\u4f55\u89e6\u53d1\u8fd9\u4e24\u79cd\u6a21\u5f0f\uff0c\u533a\u5206\u5b83\u4eec\u6709\u4f55\u610f\u4e49?<\/h2>\n<p>\uff081\uff09\u3001&lt;!DOCTYPE&gt; \u58f0\u660e\u4f4d\u4e8e\u6587\u6863\u4e2d\u7684\u6700\u524d\u9762\uff0c\u5904\u4e8e &lt;html&gt; \u6807\u7b7e\u4e4b\u524d\u3002\u544a\u77e5\u6d4f\u89c8\u5668\u7684\u89e3\u6790\u5668\uff0c\u7528\u4ec0\u4e48\u6587\u6863\u7c7b\u578b \u89c4\u8303\u6765\u89e3\u6790\u8fd9\u4e2a\u6587\u6863\u3002<\/p>\n<p>\uff082\uff09\u3001\u4e25\u683c\u6a21\u5f0f\u7684\u6392\u7248\u548c JS \u8fd0\u4f5c\u6a21\u5f0f\u662f\u00a0 \u4ee5\u8be5\u6d4f\u89c8\u5668\u652f\u6301\u7684\u6700\u9ad8\u6807\u51c6\u8fd0\u884c\u3002<\/p>\n<p>\uff083\uff09\u3001\u5728\u6df7\u6742\u6a21\u5f0f\u4e2d\uff0c\u9875\u9762\u4ee5\u5bbd\u677e\u7684\u5411\u540e\u517c\u5bb9\u7684\u65b9\u5f0f\u663e\u793a\u3002\u6a21\u62df\u8001\u5f0f\u6d4f\u89c8\u5668\u7684\u884c\u4e3a\u4ee5\u9632\u6b62\u7ad9\u70b9\u65e0\u6cd5\u5de5\u4f5c\u3002<\/p>\n<p>\uff084\uff09\u3001DOCTYPE\u4e0d\u5b58\u5728\u6216\u683c\u5f0f\u4e0d\u6b63\u786e\u4f1a\u5bfc\u81f4\u6587\u6863\u4ee5\u6df7\u6742\u6a21\u5f0f\u5448\u73b0\u3002<\/p>\n<h2><a name=\"t45\"><\/a><a target=\"_blank\" name=\"_Toc11012\"><\/a>47\u3001\u884c\u5185\u5143\u7d20\u6709\u54ea\u4e9b\uff1f\u5757\u7ea7\u5143\u7d20\u6709\u54ea\u4e9b\uff1f\u7a7a(void)\u5143\u7d20\u6709\u90a3\u4e9b\uff1f<\/h2>\n<p>\uff081\uff09CSS\u89c4\u8303\u89c4\u5b9a\uff0c\u6bcf\u4e2a\u5143\u7d20\u90fd\u6709display\u5c5e\u6027\uff0c\u786e\u5b9a\u8be5\u5143\u7d20\u7684\u7c7b\u578b\uff0c\u6bcf\u4e2a\u5143\u7d20\u90fd\u6709\u9ed8\u8ba4\u7684display\u503c\uff0c\u6bd4\u5982div\u9ed8\u8ba4display\u5c5e\u6027\u503c\u4e3a\u201cblock\u201d\uff0c\u6210\u4e3a\u201c\u5757\u7ea7\u201d\u5143\u7d20\uff1bspan\u9ed8\u8ba4display\u5c5e\u6027\u503c\u4e3a\u201cinline\u201d\uff0c\u662f\u201c\u884c\u5185\u201d\u5143\u7d20\u3002<\/p>\n<p>\uff082\uff09\u884c\u5185\u5143\u7d20\u6709\uff1aa b span img input select strong\uff08\u5f3a\u8c03\u7684\u8bed\u6c14\uff09 \u5757\u7ea7\u5143\u7d20\u6709\uff1adiv ul ol li dl dt dd h1 h2 h3 h4\u2026p<\/p>\n<p>\uff083\uff09\u77e5\u540d\u7684\u7a7a\u5143\u7d20\uff1a<\/p>\n<p align=\"left\">&lt;br&gt;&lt;hr&gt;&lt;img&gt;&lt;input&gt;&lt;link&gt;&lt;meta&gt;\u9c9c\u4e3a\u4eba\u77e5\u7684\u662f\uff1a&lt;area&gt;&lt;base&gt;&lt;col&gt;&lt;command&gt;<\/p>\n<p align=\"left\">&lt;embed&gt;&lt;keygen&gt;&lt;param&gt;&lt;source&gt;&lt;track&gt;&lt;wbr&gt;<\/p>\n<h2><a name=\"t46\"><\/a><a target=\"_blank\" name=\"_Toc16462\"><\/a>48\u3001CSS\u7684\u76d2\u5b50\u6a21\u578b\uff1f<\/h2>\n<p>\uff081\uff09\u4e24\u79cd\uff0c IE \u76d2\u5b50\u6a21\u578b\u3001\u6807\u51c6 W3C \u76d2\u5b50\u6a21\u578b\uff1bIE \u7684content\u90e8\u5206\u5305\u542b\u4e86border \u548c pading;<\/p>\n<p>\uff082\uff09\u76d2\u6a21\u578b\uff1a\u5185\u5bb9(content)\u3001\u586b\u5145(padding)\u3001\u8fb9\u754c(margin)\u3001 \u8fb9\u6846(border).<\/p>\n<h2><a name=\"t47\"><\/a><a target=\"_blank\" name=\"_Toc19822\"><\/a>49\u3001CSS \u9009\u62e9\u7b26\u6709\u54ea\u4e9b\uff1f\u54ea\u4e9b\u5c5e\u6027\u53ef\u4ee5\u7ee7\u627f\uff1f\u4f18\u5148\u7ea7\u7b97\u6cd5\u5982\u4f55\u8ba1\u7b97\uff1f CSS3\u65b0\u589e\u4f2a\u7c7b\u6709\u90a3\u4e9b\uff1f<\/h2>\n<p>*\u00a0\u00a01.id\u9009\u62e9\u5668\uff08 # myid\uff09<\/p>\n<p>2.\u7c7b\u9009\u62e9\u5668\uff08.myclassname\uff09<\/p>\n<p>3.\u6807\u7b7e\u9009\u62e9\u5668\uff08div, h1, p\uff09<\/p>\n<p>4.\u76f8\u90bb\u9009\u62e9\u5668\uff08h1 + p\uff09<\/p>\n<p>5.\u5b50\u9009\u62e9\u5668\uff08ul &lt; li\uff09<\/p>\n<p>6.\u540e\u4ee3\u9009\u62e9\u5668\uff08li a\uff09<\/p>\n<p>7.\u901a\u914d\u7b26\u9009\u62e9\u5668\uff08 * \uff09<\/p>\n<p>8.\u5c5e\u6027\u9009\u62e9\u5668\uff08a[rel = &#8220;external&#8221;]\uff09<\/p>\n<p>9.\u4f2a\u7c7b\u9009\u62e9\u5668\uff08a: hover, li: nth &#8211; child\uff09<\/p>\n<p>*\u00a0\u00a0 \u53ef\u7ee7\u627f\uff1a font-size font-family color, UL LI DL DDDT;<\/p>\n<p>*\u00a0\u00a0 \u4e0d\u53ef\u7ee7\u627f \uff1aborder padding margin width height ;<\/p>\n<p>*\u00a0\u00a0 \u4f18\u5148\u7ea7\u5c31\u8fd1\u539f\u5219\uff0c\u6837\u5f0f\u5b9a\u4e49\u6700\u8fd1\u8005\u4e3a\u51c6;<\/p>\n<p>*\u00a0\u00a0 \u8f7d\u5165\u6837\u5f0f\u4ee5\u6700\u540e\u8f7d\u5165\u7684\u5b9a\u4f4d\u4e3a\u51c6;<\/p>\n<p>\u4f18\u5148\u7ea7\u4e3a:<\/p>\n<p>!important &gt;\u00a0 id &gt; class &gt; tag<\/p>\n<p>important \u6bd4 \u5185\u8054\u4f18\u5148\u7ea7\u9ad8<\/p>\n<p>CSS3\u65b0\u589e\u4f2a\u7c7b\u4e3e\u4f8b\uff1a<\/p>\n<p>p:first-of-type \u9009\u62e9\u5c5e\u4e8e\u5176\u7236\u5143\u7d20\u7684\u9996\u4e2a &lt;p&gt; \u5143\u7d20\u7684\u6bcf\u4e2a &lt;p&gt; \u5143\u7d20\u3002<\/p>\n<p>p:last-of-type\u00a0 \u9009\u62e9\u5c5e\u4e8e\u5176\u7236\u5143\u7d20\u7684\u6700\u540e &lt;p&gt; \u5143\u7d20\u7684\u6bcf\u4e2a &lt;p&gt; \u5143\u7d20\u3002<\/p>\n<p>p:only-of-type\u00a0 \u9009\u62e9\u5c5e\u4e8e\u5176\u7236\u5143\u7d20\u552f\u4e00\u7684 &lt;p&gt; \u5143\u7d20\u7684\u6bcf\u4e2a &lt;p&gt; \u5143\u7d20\u3002<\/p>\n<p>p:only-child\u00a0\u00a0\u00a0 \u9009\u62e9\u5c5e\u4e8e\u5176\u7236\u5143\u7d20\u7684\u552f\u4e00\u5b50\u5143\u7d20\u7684\u6bcf\u4e2a &lt;p&gt; \u5143\u7d20\u3002<\/p>\n<p>p:nth-child(2)\u00a0 \u9009\u62e9\u5c5e\u4e8e\u5176\u7236\u5143\u7d20\u7684\u7b2c\u4e8c\u4e2a\u5b50\u5143\u7d20\u7684\u6bcf\u4e2a &lt;p&gt; \u5143\u7d20\u3002<\/p>\n<p>:enabled\u3001:disabled \u63a7\u5236\u8868\u5355\u63a7\u4ef6\u7684\u7981\u7528\u72b6\u6001\u3002<\/p>\n<p>:checked\uff0c\u5355\u9009\u6846\u6216\u590d\u9009\u6846\u88ab\u9009\u4e2d\u3002<\/p>\n<h2><a name=\"t48\"><\/a><a target=\"_blank\" name=\"_Toc23488\"><\/a>50\u3001\u5982\u4f55\u5c45\u4e2ddiv,\u5982\u4f55\u5c45\u4e2d\u4e00\u4e2a\u6d6e\u52a8\u5143\u7d20?<\/h2>\n<p>\u7ed9div\u8bbe\u7f6e\u4e00\u4e2a\u5bbd\u5ea6\uff0c\u7136\u540e\u6dfb\u52a0margin:0 auto\u5c5e\u6027<\/p>\n<p>div{<\/p>\n<p>width:200px;<\/p>\n<p>margin:0 auto;<\/p>\n<p>}<\/p>\n<p>\u5c45\u4e2d\u4e00\u4e2a\u6d6e\u52a8\u5143\u7d20<\/p>\n<p>\u786e\u5b9a\u5bb9\u5668\u7684\u5bbd\u9ad8\u5bbd500 \u9ad8 300 \u7684\u5c42<\/p>\n<p>\u8bbe\u7f6e\u5c42\u7684\u5916\u8fb9\u8ddd<\/p>\n<p>.div {<\/p>\n<p>Width:500px ; height:300px;\/\/\u9ad8\u5ea6\u53ef\u4ee5\u4e0d\u8bbe<\/p>\n<p>Margin: -150px 0 0 -250px;<\/p>\n<p>position:relative;\u76f8\u5bf9\u5b9a\u4f4d<\/p>\n<p>background-color:pink;\/\/\u65b9\u4fbf\u770b\u6548\u679c<\/p>\n<p>left:50%;<\/p>\n<p>top:50%;<\/p>\n<p>}<\/p>\n<h2><a name=\"t49\"><\/a><a target=\"_blank\" name=\"_Toc31141\"><\/a>51\u3001\u6d4f\u89c8\u5668\u7684\u5185\u6838\u5206\u522b\u662f\u4ec0\u4e48?\u7ecf\u5e38\u9047\u5230\u7684\u6d4f\u89c8\u5668\u7684\u517c\u5bb9\u6027\u6709\u54ea\u4e9b\uff1f\u539f\u56e0\uff0c\u89e3\u51b3\u65b9\u6cd5\u662f\u4ec0\u4e48\uff0c\u5e38\u7528hack\u7684\u6280\u5de7\uff1f<\/h2>\n<p>* IE\u6d4f\u89c8\u5668\u7684\u5185\u6838Trident\u3001 Mozilla\u7684Gecko\u3001google\u7684WebKit\u3001Opera\u5185\u6838Presto\uff1b<\/p>\n<p>* png24\u4e3a\u7684\u56fe\u7247\u5728iE6\u6d4f\u89c8\u5668\u4e0a\u51fa\u73b0\u80cc\u666f\uff0c\u89e3\u51b3\u65b9\u6848\u662f\u505a\u6210PNG8.<\/p>\n<p>* \u6d4f\u89c8\u5668\u9ed8\u8ba4\u7684margin\u548cpadding\u4e0d\u540c\u3002\u89e3\u51b3\u65b9\u6848\u662f\u52a0\u4e00\u4e2a\u5168\u5c40\u7684*{margin:0;padding:0;}\u6765\u7edf\u4e00\u3002<\/p>\n<p>* IE6\u53cc\u8fb9\u8dddbug:\u5757\u5c5e\u6027\u6807\u7b7efloat\u540e\uff0c\u53c8\u6709\u6a2a\u884c\u7684margin\u60c5\u51b5\u4e0b\uff0c\u5728ie6\u663e\u793amargin\u6bd4\u8bbe\u7f6e\u7684\u5927\u3002<\/p>\n<p>\u6d6e\u52a8ie\u4ea7\u751f\u7684\u53cc\u500d\u8ddd\u79bb #box{ float:left; width:10px;margin:0 0 0 100px;}<\/p>\n<p>\u8fd9\u79cd\u60c5\u51b5\u4e4b\u4e0bIE\u4f1a\u4ea7\u751f20px\u7684\u8ddd\u79bb\uff0c\u89e3\u51b3\u65b9\u6848\u662f\u5728float\u7684\u6807\u7b7e\u6837\u5f0f\u63a7\u5236\u4e2d\u52a0\u5165\u2014\u2014_display:inline;\u5c06\u5176\u8f6c\u5316\u4e3a\u884c\u5185\u5c5e\u6027\u3002(_\u8fd9\u4e2a\u7b26\u53f7\u53ea\u6709ie6\u4f1a\u8bc6\u522b)<\/p>\n<p>\u6e10\u8fdb\u8bc6\u522b\u7684\u65b9\u5f0f\uff0c\u4ece\u603b\u4f53\u4e2d\u9010\u6e10\u6392\u9664\u5c40\u90e8\u3002<\/p>\n<p>\u9996\u5148\uff0c\u5de7\u5999\u7684\u4f7f\u7528\u201c\\9\u201d\u8fd9\u4e00\u6807\u8bb0\uff0c\u5c06IE\u6e38\u89c8\u5668\u4ece\u6240\u6709\u60c5\u51b5\u4e2d\u5206\u79bb\u51fa\u6765\u3002<\/p>\n<p>\u63a5\u7740\uff0c\u518d\u6b21\u4f7f\u7528\u201c+\u201d\u5c06IE8\u548cIE7\u3001IE6\u5206\u79bb\u5f00\u6765\uff0c\u8fd9\u6837IE8\u5df2\u7ecf\u72ec\u7acb\u8bc6\u522b\u3002<\/p>\n<p>css<\/p>\n<p>.bb{<\/p>\n<p>background-color:#f1ee18;\/*\u6240\u6709\u8bc6\u522b*\/<\/p>\n<p>.background-color:#00deff\\9; \/*IE6\u30017\u30018\u8bc6\u522b*\/<\/p>\n<p>+background-color:#a200ff;\/*IE6\u30017\u8bc6\u522b*\/<\/p>\n<p>_background-color:#1e0bd1;\/*IE6\u8bc6\u522b*\/<\/p>\n<p>}<\/p>\n<p>*\u00a0 IE\u4e0b,\u53ef\u4ee5\u4f7f\u7528\u83b7\u53d6\u5e38\u89c4\u5c5e\u6027\u7684\u65b9\u6cd5\u6765\u83b7\u53d6\u81ea\u5b9a\u4e49\u5c5e\u6027,<\/p>\n<p>\u4e5f\u53ef\u4ee5\u4f7f\u7528getAttribute()\u83b7\u53d6\u81ea\u5b9a\u4e49\u5c5e\u6027;<\/p>\n<p>Firefox\u4e0b,\u53ea\u80fd\u4f7f\u7528getAttribute()\u83b7\u53d6\u81ea\u5b9a\u4e49\u5c5e\u6027.<\/p>\n<p>\u89e3\u51b3\u65b9\u6cd5:\u7edf\u4e00\u901a\u8fc7getAttribute()\u83b7\u53d6\u81ea\u5b9a\u4e49\u5c5e\u6027.<\/p>\n<p>*\u00a0 IE\u4e0b,even\u5bf9\u8c61\u6709x,y\u5c5e\u6027,\u4f46\u662f\u6ca1\u6709pageX,pageY\u5c5e\u6027;<\/p>\n<p>Firefox\u4e0b,event\u5bf9\u8c61\u6709pageX,pageY\u5c5e\u6027,\u4f46\u662f\u6ca1\u6709x,y\u5c5e\u6027.<\/p>\n<p>* \uff08\u6761\u4ef6\u6ce8\u91ca\uff09\u7f3a\u70b9\u662f\u5728IE\u6d4f\u89c8\u5668\u4e0b\u53ef\u80fd\u4f1a\u589e\u52a0\u989d\u5916\u7684HTTP\u8bf7\u6c42\u6570\u3002<\/p>\n<p>* Chrome \u4e2d\u6587\u754c\u9762\u4e0b\u9ed8\u8ba4\u4f1a\u5c06\u5c0f\u4e8e 12px \u7684\u6587\u672c\u5f3a\u5236\u6309\u7167 12px \u663e\u793a, \u53ef\u901a\u8fc7\u52a0\u5165 CSS \u5c5e\u6027-webkit-text-size-adjust: none; \u89e3\u51b3.<\/p>\n<p>\u8d85\u94fe\u63a5\u8bbf\u95ee\u8fc7\u540ehover\u6837\u5f0f\u5c31\u4e0d\u51fa\u73b0\u4e86 \u88ab\u70b9\u51fb\u8bbf\u95ee\u8fc7\u7684\u8d85\u94fe\u63a5\u6837\u5f0f\u4e0d\u5728\u5177\u6709hover\u548cactive\u4e86\u89e3\u51b3\u65b9\u6cd5\u662f\u6539\u53d8CSS\u5c5e\u6027\u7684\u6392\u5217\u987a\u5e8f:<\/p>\n<p>L-V-H-A :\u00a0a:link {} a:visited {} a:hover {} a:active {}<\/p>\n<h2><a name=\"t50\"><\/a><a target=\"_blank\" name=\"_Toc18326\"><\/a>52\u3001\u5217\u51fadisplay\u7684\u503c\uff0c\u8bf4\u660e\u4ed6\u4eec\u7684\u4f5c\u7528\u3002position\u7684\u503c\uff0c relative\u548cabsolute\u5b9a\u4f4d\u539f\u70b9\u662f\uff1f<\/h2>\n<p>1. block \u8c61\u5757\u7c7b\u578b\u5143\u7d20\u4e00\u6837\u663e\u793a\u3002<\/p>\n<p>none \u7f3a\u7701\u503c\u3002\u5411\u884c\u5185\u5143\u7d20\u7c7b\u578b\u4e00\u6837\u663e\u793a\u3002<\/p>\n<p>inline-block \u8c61\u884c\u5185\u5143\u7d20\u4e00\u6837\u663e\u793a\uff0c\u4f46\u5176\u5185\u5bb9\u8c61\u5757\u7c7b\u578b\u5143\u7d20\u4e00\u6837\u663e\u793a\u3002<\/p>\n<p>list-item \u8c61\u5757\u7c7b\u578b\u5143\u7d20\u4e00\u6837\u663e\u793a\uff0c\u5e76\u6dfb\u52a0\u6837\u5f0f\u5217\u8868\u6807\u8bb0\u3002<\/p>\n<p>2. position\u7684\u503c<\/p>\n<p>*absolute<\/p>\n<p>\u751f\u6210\u7edd\u5bf9\u5b9a\u4f4d\u7684\u5143\u7d20\uff0c\u76f8\u5bf9\u4e8e static \u5b9a\u4f4d\u4ee5\u5916\u7684\u7b2c\u4e00\u4e2a\u7236\u5143\u7d20\u8fdb\u884c\u5b9a\u4f4d\u3002<\/p>\n<p>*fixed \uff08\u8001IE\u4e0d\u652f\u6301\uff09<\/p>\n<p>\u751f\u6210\u7edd\u5bf9\u5b9a\u4f4d\u7684\u5143\u7d20\uff0c\u76f8\u5bf9\u4e8e\u6d4f\u89c8\u5668\u7a97\u53e3\u8fdb\u884c\u5b9a\u4f4d\u3002<\/p>\n<p>* relative<\/p>\n<p>\u751f\u6210\u76f8\u5bf9\u5b9a\u4f4d\u7684\u5143\u7d20\uff0c\u76f8\u5bf9\u4e8e\u5176\u6b63\u5e38\u4f4d\u7f6e\u8fdb\u884c\u5b9a\u4f4d\u3002<\/p>\n<p>* static\u00a0\u9ed8\u8ba4\u503c\u3002\u6ca1\u6709\u5b9a\u4f4d\uff0c\u5143\u7d20\u51fa\u73b0\u5728\u6b63\u5e38\u7684\u6d41\u4e2d<\/p>\n<p>*\uff08\u5ffd\u7565 top, bottom, left, right z-index \u58f0\u660e\uff09\u3002<\/p>\n<p>* inherit \u89c4\u5b9a\u4ece\u7236\u5143\u7d20\u7ee7\u627f position \u5c5e\u6027\u7684\u503c\u3002<\/p>\n<h2><a name=\"t51\"><\/a><a target=\"_blank\" name=\"_Toc8276\"><\/a>53\u3001absolute\u7684containing block\u8ba1\u7b97\u65b9\u5f0f\u8ddf\u6b63\u5e38\u6d41\u6709\u4ec0\u4e48\u4e0d\u540c\uff1f<\/h2>\n<h2><a name=\"t52\"><\/a><a target=\"_blank\" name=\"_Toc25112\"><\/a>54\u3001position\u8ddfdisplay\u3001margincollapse\u3001overflow\u3001float\u8fd9\u4e9b\u7279\u6027\u76f8\u4e92\u53e0\u52a0\u540e\u4f1a\u600e\u4e48\u6837\uff1f<\/h2>\n<h2><a name=\"t53\"><\/a><a target=\"_blank\" name=\"_Toc15814\"><\/a>55\u3001\u5bf9WEB\u6807\u51c6\u4ee5\u53caW3C\u7684\u7406\u89e3\u4e0e\u8ba4\u8bc6<\/h2>\n<p>\u6807\u7b7e\u95ed\u5408\u3001\u6807\u7b7e\u5c0f\u5199\u3001\u4e0d\u4e71\u5d4c\u5957\u3001\u63d0\u9ad8\u641c\u7d22\u673a\u5668\u4eba\u641c\u7d22\u51e0\u7387\u3001\u4f7f\u7528\u5916\u94fecss\u548cjs\u811a\u672c\u3001\u7ed3\u6784\u884c\u4e3a\u8868\u73b0\u7684\u5206\u79bb\u3001\u6587\u4ef6\u4e0b\u8f7d\u4e0e\u9875\u9762\u901f\u5ea6\u66f4\u5feb\u3001\u5185\u5bb9\u80fd\u88ab\u66f4\u591a\u7684\u7528\u6237\u6240\u8bbf\u95ee\u3001\u5185\u5bb9\u80fd\u88ab\u66f4\u5e7f\u6cdb\u7684\u8bbe\u5907\u6240\u8bbf\u95ee\u3001\u66f4\u5c11\u7684\u4ee3\u7801\u548c\u7ec4\u4ef6\uff0c\u5bb9\u6613\u7ef4\u62a4\u3001\u6539\u7248\u65b9\u4fbf\uff0c\u4e0d\u9700\u8981\u53d8\u52a8\u9875\u9762\u5185\u5bb9\u3001\u63d0\u4f9b\u6253\u5370\u7248\u672c\u800c\u4e0d\u9700\u8981\u590d\u5236\u5185\u5bb9\u3001\u63d0\u9ad8\u7f51\u7ad9\u6613\u7528\u6027\uff1b<\/p>\n<h2><a name=\"t54\"><\/a><a target=\"_blank\" name=\"_Toc30971\"><\/a>56\u3001css\u7684\u57fa\u672c\u8bed\u53e5\u6784\u6210\u662f?<\/h2>\n<p>\u9009\u62e9\u5668{\u5c5e\u60271:\u503c1;\u5c5e\u60272:\u503c2;\u2026\u2026}<\/p>\n<h2><a name=\"t55\"><\/a><a target=\"_blank\" name=\"_Toc2315\"><\/a>57\u3001\u6d4f\u89c8\u5668\u6807\u51c6\u6a21\u5f0f\u548c\u602a\u5f02\u6a21\u5f0f\u4e4b\u95f4\u7684\u533a\u522b\u662f\u4ec0\u4e48?<\/h2>\n<p>\u76d2\u5b50\u6a21\u578b \u6e32\u67d3\u6a21\u5f0f\u7684\u4e0d\u540c<\/p>\n<p>\u4f7f\u7528window.top.document.compatMode \u53ef\u663e\u793a\u4e3a\u4ec0\u4e48\u6a21\u5f0f<\/p>\n<h2><a name=\"t56\"><\/a><a target=\"_blank\" name=\"_Toc20094\"><\/a>58\u3001<strong>CSS\u4e2d\u53ef\u4ee5\u901a\u8fc7\u54ea\u4e9b\u5c5e\u6027\u5b9a\u4e49\uff0c\u4f7f\u5f97\u4e00\u4e2aDOM\u5143\u7d20\u4e0d\u663e\u793a\u5728\u6d4f\u89c8\u5668\u53ef\u89c6\u8303\u56f4\u5185\uff1f<\/strong><\/h2>\n<p>\u6700\u57fa\u672c\u7684\uff1a<\/p>\n<p>\u8bbe\u7f6edisplay\u5c5e\u6027\u4e3anone\uff0c\u6216\u8005\u8bbe\u7f6evisibility\u5c5e\u6027\u4e3ahidden<\/p>\n<p>\u6280\u5de7\u6027\uff1a<\/p>\n<p>\u8bbe\u7f6e\u5bbd\u9ad8\u4e3a0\uff0c\u8bbe\u7f6e\u900f\u660e\u5ea6\u4e3a0\uff0c\u8bbe\u7f6ez-index\u4f4d\u7f6e\u5728-1000<\/p>\n<h2><a name=\"t57\"><\/a><a target=\"_blank\" name=\"_Toc11565\"><\/a>59\u3001<strong>\u8d85\u94fe\u63a5\u8bbf\u95ee\u8fc7\u540ehover\u6837\u5f0f\u5c31\u4e0d\u51fa\u73b0\u7684\u95ee\u9898\u662f\u4ec0\u4e48\uff1f\u5982\u4f55\u89e3\u51b3\uff1f<\/strong><\/h2>\n<p>\u7b54\u6848\uff1a\u88ab\u70b9\u51fb\u8bbf\u95ee\u8fc7\u7684\u8d85\u94fe\u63a5\u6837\u5f0f\u4e0d\u5728\u5177\u6709hover\u548cactive\u4e86,\u89e3\u51b3\u65b9\u6cd5\u662f\u6539\u53d8CSS\u5c5e\u6027\u7684\u6392\u5217\u987a\u5e8f:\u00a0L-V-H-A\uff08link,visited,hover,active\uff09<\/p>\n<h2><a name=\"t58\"><\/a><a target=\"_blank\" name=\"_Toc5182\"><\/a><strong>60<\/strong><strong>\u3001\u4ec0\u4e48\u662fCss Hack\uff1fie6,7,8\u7684hack\u5206\u522b\u662f\u4ec0\u4e48\uff1f<\/strong><\/h2>\n<p>\u7b54\u6848\uff1a\u9488\u5bf9\u4e0d\u540c\u7684\u6d4f\u89c8\u5668\u5199\u4e0d\u540c\u7684CSS\u00a0code\u7684\u8fc7\u7a0b\uff0c\u5c31\u662fCSS\u00a0hack\u3002<\/p>\n<p>\u793a\u4f8b\u5982\u4e0b\uff1a<\/p>\n<p>#test\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 {<\/p>\n<p>width:300px;<\/p>\n<p>height:300px;<\/p>\n<p>&nbsp;<\/p>\n<p>background-color:blue;\u00a0\u00a0\u00a0\u00a0\u00a0 \/*firefox*\/<\/p>\n<p>background-color:red\\9;\u00a0\u00a0\u00a0\u00a0\u00a0 \/*all ie*\/<\/p>\n<p>background-color:yellow\\0;\u00a0\u00a0\u00a0 \/*ie8*\/<\/p>\n<p>+background-color:pink;\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \/*ie7*\/<\/p>\n<p>_background-color:orange;\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \/*ie6*\/\u00a0\u00a0\u00a0 }<\/p>\n<p>:root #test {background-color:purple\\9; }\u00a0 \/*ie9*\/<\/p>\n<p>@media all and (min-width:0px){ #test{background-color:black\\0;} }\u00a0 \/*opera*\/<\/p>\n<p>@media screen and(-webkit-min-device-pixel-ratio:0){ #test {background-color:gray;} }\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \/*chrome and safari*\/<\/p>\n<h2><a name=\"t59\"><\/a><a target=\"_blank\" name=\"_Toc25890\"><\/a><strong>62<\/strong><strong>\u3001\u8bf7\u7528Css\u5199\u4e00\u4e2a\u7b80\u5355\u7684\u5e7b\u706f\u7247\u6548\u679c\u9875\u9762<\/strong><\/h2>\n<p>\u7b54\u6848\uff1a\u77e5\u9053\u662f\u8981\u7528css3\u3002\u4f7f\u7528animation\u52a8\u753b\u5b9e\u73b0\u4e00\u4e2a\u7b80\u5355\u7684\u5e7b\u706f\u7247\u6548\u679c\u3002<\/p>\n<p>\/**HTML**\/<\/p>\n<p>div.ani<\/p>\n<p>\/**css**\/<\/p>\n<p>.ani{<\/p>\n<p>width:480px;<\/p>\n<p>height:320px;<\/p>\n<p>margin:50px auto;<\/p>\n<p>overflow: hidden;<\/p>\n<p>box-shadow:0 0 5px rgba(0,0,0,1);<\/p>\n<p>background-size: cover;<\/p>\n<p>background-position: center;<\/p>\n<p>-webkit-animation-name:&#8221;loops&#8221;;<\/p>\n<p>-webkit-animation-duration: 20s;<\/p>\n<p>-webkit-animation-iteration-count:infinite;<\/p>\n<p>}<\/p>\n<p>@-webkit-keyframes &#8220;loops&#8221; {<\/p>\n<p>0% {background:url(http:\/\/d.hiphotos.baidu.com\/image\/w%3D400\/sign=c01e6adca964034f0fcdc3069fc27980\/e824b899a9014c08e5e38ca4087b02087af4f4d3.jpg)no-repeat;<\/p>\n<p>}<\/p>\n<p>25% {<\/p>\n<p>background:url(http:\/\/b.hiphotos.baidu.com\/image\/w%3D400\/sign=edee1572e9f81a4c2632edc9e72b6029\/30adcbef76094b364d72bceba1cc7cd98c109dd0.jpg)no-repeat;<\/p>\n<p>}<\/p>\n<p>50% {<\/p>\n<p>background:url(http:\/\/b.hiphotos.baidu.com\/image\/w%3D400\/sign=937dace2552c11dfded1be2353266255\/d8f9d72a6059252d258e7605369b033b5bb5b912.jpg)no-repeat;<\/p>\n<p>}<\/p>\n<p>75% {<\/p>\n<p>background:url(http:\/\/g.hiphotos.baidu.com\/image\/w%3D400\/sign=7d37500b8544ebf86d71653fe9f9d736\/0df431adcbef76095d61f0972cdda3cc7cd99e4b.jpg)no-repeat;<\/p>\n<p>}<\/p>\n<p>100% {<\/p>\n<p>background:url(http:\/\/c.hiphotos.baidu.com\/image\/w%3D400\/sign=cfb239ceb0fb43161a1f7b7a10a54642\/3b87e950352ac65ce2e73f76f9f2b21192138ad1.jpg)no-repeat;<\/p>\n<p>}<\/p>\n<p>}<\/p>\n<h2><a name=\"t60\"><\/a><a target=\"_blank\" name=\"_Toc29147\"><\/a><strong>63<\/strong><strong>\u3001\u884c\u5185\u5143\u7d20\u548c\u5757\u7ea7\u5143\u7d20\u7684\u5177\u4f53\u533a\u522b\u662f\u4ec0\u4e48\uff1f\u884c\u5185\u5143\u7d20\u7684padding\u548cmargin\u53ef\u8bbe\u7f6e\u5417\uff1f<\/strong><\/h2>\n<p><strong>\u3000\u3000\u5757\u7ea7\u5143\u7d20(block)\u7279\u6027\uff1a<\/strong><\/p>\n<p>\u00b7\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u603b\u662f\u72ec\u5360\u4e00\u884c\uff0c\u8868\u73b0\u4e3a\u53e6\u8d77\u4e00\u884c\u5f00\u59cb\uff0c\u800c\u4e14\u5176\u540e\u7684\u5143\u7d20\u4e5f\u5fc5\u987b\u53e6\u8d77\u4e00\u884c\u663e\u793a;<\/p>\n<p>\u00b7\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u5bbd\u5ea6(width)\u3001\u9ad8\u5ea6(height)\u3001\u5185\u8fb9\u8ddd(padding)\u548c\u5916\u8fb9\u8ddd(margin)\u90fd\u53ef\u63a7\u5236;<\/p>\n<p align=\"left\"><strong>\u3000\u3000\u5185\u8054\u5143\u7d20(inline)\u7279\u6027\uff1a<\/strong><\/p>\n<p>\u00b7\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u548c\u76f8\u90bb\u7684\u5185\u8054\u5143\u7d20\u5728\u540c\u4e00\u884c;<\/p>\n<p>\u00b7\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u5bbd\u5ea6(width)\u3001\u9ad8\u5ea6(height)\u3001\u5185\u8fb9\u8ddd\u7684top\/bottom(padding-top\/padding-bottom)\u548c\u5916\u8fb9\u8ddd\u7684top\/bottom(margin-top\/margin-bottom)\u90fd\u4e0d\u53ef\u6539\u53d8\uff08\u4e5f\u5c31\u662fpadding\u548cmargin\u7684left\u548cright\u662f\u53ef\u4ee5\u8bbe\u7f6e\u7684\uff09\uff0c\u5c31\u662f\u91cc\u9762\u6587\u5b57\u6216\u56fe\u7247\u7684\u5927\u5c0f\u3002<\/p>\n<p>\u90a3\u4e48\u95ee\u9898\u6765\u4e86\uff0c<strong>\u6d4f\u89c8\u5668\u8fd8\u6709\u9ed8\u8ba4\u7684\u5929\u751finline-block\u5143\u7d20\uff08\u62e5\u6709\u5185\u5728\u5c3a\u5bf8\uff0c\u53ef\u8bbe\u7f6e\u9ad8\u5bbd\uff0c\u4f46\u4e0d\u4f1a\u81ea\u52a8\u6362\u884c\uff09\uff0c\u6709\u54ea\u4e9b<\/strong>\uff1f<\/p>\n<p>\u7b54\u6848\uff1a&lt;input&gt; \u3001&lt;img&gt; \u3001&lt;button&gt; \u3001&lt;textarea&gt; \u3001&lt;label&gt;<\/p>\n<h2><a name=\"t61\"><\/a><a target=\"_blank\" name=\"_Toc22638\"><\/a>64\u3001<strong>\u4ec0\u4e48\u662f\u5916\u8fb9\u8ddd\u91cd\u53e0\uff1f\u91cd\u53e0\u7684\u7ed3\u679c\u662f\u4ec0\u4e48\uff1f<\/strong><\/h2>\n<p>\u7b54\u6848\uff1a<\/p>\n<p>\u5916\u8fb9\u8ddd\u91cd\u53e0\u5c31\u662fmargin-collapse\u3002<\/p>\n<p>\u5728CSS\u5f53\u4e2d\uff0c\u76f8\u90bb\u7684\u4e24\u4e2a\u76d2\u5b50\uff08\u53ef\u80fd\u662f\u5144\u5f1f\u5173\u7cfb\u4e5f\u53ef\u80fd\u662f\u7956\u5148\u5173\u7cfb\uff09\u7684\u5916\u8fb9\u8ddd\u53ef\u4ee5\u7ed3\u5408\u6210\u4e00\u4e2a\u5355\u72ec\u7684\u5916\u8fb9\u8ddd\u3002\u8fd9\u79cd\u5408\u5e76\u5916\u8fb9\u8ddd\u7684\u65b9\u5f0f\u88ab\u79f0\u4e3a\u6298\u53e0\uff0c\u5e76\u4e14\u56e0\u800c\u6240\u7ed3\u5408\u6210\u7684\u5916\u8fb9\u8ddd\u79f0\u4e3a\u6298\u53e0\u5916\u8fb9\u8ddd\u3002<\/p>\n<p>\u6298\u53e0\u7ed3\u679c\u9075\u5faa\u4e0b\u5217\u8ba1\u7b97\u89c4\u5219\uff1a<\/p>\n<p>1.\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u4e24\u4e2a\u76f8\u90bb\u7684\u5916\u8fb9\u8ddd\u90fd\u662f\u6b63\u6570\u65f6\uff0c\u6298\u53e0\u7ed3\u679c\u662f\u5b83\u4eec\u4e24\u8005\u4e4b\u95f4\u8f83\u5927\u7684\u503c\u3002<\/p>\n<p>2.\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u4e24\u4e2a\u76f8\u90bb\u7684\u5916\u8fb9\u8ddd\u90fd\u662f\u8d1f\u6570\u65f6\uff0c\u6298\u53e0\u7ed3\u679c\u662f\u4e24\u8005\u7edd\u5bf9\u503c\u7684\u8f83\u5927\u503c\u3002<\/p>\n<p>3.\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u4e24\u4e2a\u5916\u8fb9\u8ddd\u4e00\u6b63\u4e00\u8d1f\u65f6\uff0c\u6298\u53e0\u7ed3\u679c\u662f\u4e24\u8005\u7684\u76f8\u52a0\u7684\u548c\u3002<\/p>\n<p>&nbsp;<\/p>\n<h2><a name=\"t62\"><\/a><a target=\"_blank\" name=\"_Toc7596\"><\/a><strong>65<\/strong><strong>\u3001rgba()\u548copacity\u7684\u900f\u660e\u6548\u679c\u6709\u4ec0\u4e48\u4e0d\u540c\uff1f<\/strong><\/h2>\n<p>rgba()\u548copacity\u90fd\u80fd\u5b9e\u73b0\u900f\u660e\u6548\u679c\uff0c\u4f46\u6700\u5927\u7684\u4e0d\u540c\u662fopacity\u4f5c\u7528\u4e8e\u5143\u7d20\uff0c\u4ee5\u53ca\u5143\u7d20\u5185\u7684\u6240\u6709\u5185\u5bb9\u7684\u900f\u660e\u5ea6\uff0c<\/p>\n<p>\u800crgba()\u53ea\u4f5c\u7528\u4e8e\u5143\u7d20\u7684\u989c\u8272\u6216\u5176\u80cc\u666f\u8272\u3002\uff08\u8bbe\u7f6ergba\u900f\u660e\u7684\u5143\u7d20\u7684\u5b50\u5143\u7d20\u4e0d\u4f1a\u7ee7\u627f\u900f\u660e\u6548\u679c\uff01\uff09<\/p>\n<h2><a name=\"t63\"><\/a><a target=\"_blank\" name=\"_Toc17793\"><\/a><strong>66<\/strong><strong>\u3001css\u4e2d\u53ef\u4ee5\u8ba9\u6587\u5b57\u5728\u5782\u76f4\u548c\u6c34\u5e73\u65b9\u5411\u4e0a\u91cd\u53e0\u7684\u4e24\u4e2a\u5c5e\u6027\u662f\u4ec0\u4e48\uff1f<\/strong><\/h2>\n<p>\u5782\u76f4\u65b9\u5411\uff1aline-height<\/p>\n<p>\u6c34\u5e73\u65b9\u5411\uff1aletter-spacing<\/p>\n<p><strong>\u90a3\u4e48\u95ee\u9898\u6765\u4e86\uff0c\u5173\u4e8eletter-spacing\u7684\u5999\u7528\u77e5\u9053\u6709\u54ea\u4e9b\u4e48\uff1f<\/strong><\/p>\n<p>\u7b54\u6848:\u53ef\u4ee5\u7528\u4e8e\u6d88\u9664inline-block\u5143\u7d20\u95f4\u7684\u6362\u884c\u7b26\u7a7a\u683c\u95f4\u9699\u95ee\u9898\u3002<\/p>\n<h2><a name=\"t64\"><\/a><a target=\"_blank\" name=\"_Toc7\"><\/a><strong>67<\/strong><strong>\u3001\u5982\u4f55\u5782\u76f4\u5c45\u4e2d\u4e00\u4e2a\u6d6e\u52a8\u5143\u7d20\uff1f<\/strong><\/h2>\n<p>\/\/ \u65b9\u6cd5\u4e00\uff1a\u5df2\u77e5\u5143\u7d20\u7684\u9ad8\u5bbd<\/p>\n<p>#div1{<\/p>\n<p>background-color:#6699FF;<\/p>\n<p>width:200px;<\/p>\n<p>height:200px;<\/p>\n<p>position: absolute;\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \/\/\u7236\u5143\u7d20\u9700\u8981\u76f8\u5bf9\u5b9a\u4f4d<\/p>\n<p>top: 50%;<\/p>\n<p>left: 50%;<\/p>\n<p>margin-top:-100px ;\u00a0\u00a0 \/\/\u4e8c\u5206\u4e4b\u4e00\u7684height\uff0cwidth<\/p>\n<p>margin-left: -100px;<\/p>\n<p>}<\/p>\n<p>\/\/\u65b9\u6cd5\u4e8c:\u672a\u77e5\u5143\u7d20\u7684\u9ad8\u5bbd<\/p>\n<p>#div1{<\/p>\n<p>width: 200px;<\/p>\n<p>height: 200px;<\/p>\n<p>background-color: #6699FF;<\/p>\n<p>margin:auto;<\/p>\n<p>position: absolute;\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \/\/\u7236\u5143\u7d20\u9700\u8981\u76f8\u5bf9\u5b9a\u4f4d<\/p>\n<p>left: 0;<\/p>\n<p>top: 0;<\/p>\n<p>right: 0;<\/p>\n<p>bottom: 0;<\/p>\n<p>}<\/p>\n<p><strong>\u90a3\u4e48\u95ee\u9898\u6765\u4e86\uff0c\u5982\u4f55\u5782\u76f4\u5c45\u4e2d\u4e00\u4e2a&lt;img&gt;?<\/strong>\uff08\u7528\u66f4\u7b80\u4fbf\u7684\u65b9\u6cd5\u3002\uff09<\/p>\n<p>#container\u00a0\u00a0\u00a0\u00a0 \/\/&lt;img&gt;\u7684\u5bb9\u5668\u8bbe\u7f6e\u5982\u4e0b<\/p>\n<p>{<\/p>\n<p>display:table-cell;<\/p>\n<p>text-align:center;<\/p>\n<p>vertical-align:middle;<\/p>\n<p>}<\/p>\n<h2><a name=\"t65\"><\/a><a target=\"_blank\" name=\"_Toc12374\"><\/a><strong>68<\/strong><strong>\u3001\u63cf\u8ff0\u4e00\u4e2a&#8221;reset&#8221;\u7684CSS\u6587\u4ef6\u5e76\u5982\u4f55\u4f7f\u7528\u5b83\u3002\u77e5\u9053<\/strong><code>normalize.css<\/code><strong>\u5417\uff1f\u4f60\u4e86\u89e3\u4ed6\u4eec\u7684\u4e0d\u540c\u4e4b\u5904\uff1f<\/strong><\/h2>\n<p>\u91cd\u7f6e\u6837\u5f0f\u975e\u5e38\u591a\uff0c\u51e1\u662f\u4e00\u4e2a\u524d\u7aef\u5f00\u53d1\u4eba\u5458\u80af\u5b9a\u6709\u4e00\u4e2a\u5e38\u7528\u7684\u91cd\u7f6eCSS\u6587\u4ef6\u5e76\u77e5\u9053\u5982\u4f55\u4f7f\u7528\u5b83\u4eec\u3002\u4ed6\u4eec\u662f\u76f2\u76ee\u7684\u5728\u505a\u8fd8\u662f\u77e5\u9053\u4e3a\u4ec0\u4e48\u8fd9\u4e48\u505a\u5462\uff1f\u539f\u56e0\u662f\u4e0d\u540c\u7684\u6d4f\u89c8\u5668\u5bf9\u4e00\u4e9b\u5143\u7d20\u6709\u4e0d\u540c\u7684\u9ed8\u8ba4\u6837\u5f0f\uff0c\u5982\u679c\u4f60\u4e0d\u5904\u7406\uff0c\u5728\u4e0d\u540c\u7684\u6d4f\u89c8\u5668\u4e0b\u4f1a\u5b58\u5728\u5fc5\u8981\u7684\u98ce\u9669\uff0c\u6216\u8005\u66f4\u6709\u620f\u5267\u6027\u7684\u6027\u53d1\u751f\u3002<\/p>\n<p>\u4f60\u53ef\u80fd\u4f1a\u7528Normalize\u6765\u4ee3\u66ff\u4f60\u7684\u91cd\u7f6e\u6837\u5f0f\u6587\u4ef6\u3002\u5b83\u6ca1\u6709\u91cd\u7f6e\u6240\u6709\u7684\u6837\u5f0f\u98ce\u683c\uff0c\u4f46\u4ec5\u63d0\u4f9b\u4e86\u4e00\u5957\u5408\u7406\u7684\u9ed8\u8ba4\u6837\u5f0f\u503c\u3002\u65e2\u80fd\u8ba9\u4f17\u591a\u6d4f\u89c8\u5668\u8fbe\u5230\u4e00\u81f4\u548c\u5408\u7406\uff0c\u4f46\u53c8\u4e0d\u6270\u4e71\u5176\u4ed6\u7684\u4e1c\u897f\uff08\u5982\u7c97\u4f53\u7684\u6807\u9898\uff09\u3002<\/p>\n<p>\u5728\u8fd9\u4e00\u65b9\u9762\uff0c\u65e0\u6cd5\u505a\u6bcf\u4e00\u4e2a\u590d\u4f4d\u91cd\u7f6e\u3002\u5b83\u4e5f\u786e\u5b9e\u6709\u4e9b\u8d85\u8fc7\u4e00\u4e2a\u91cd\u7f6e\uff0c\u5b83\u5904\u7406\u4e86\u4f60\u6c38\u8fdc\u90fd\u4e0d\u7528\u8003\u8651\u7684\u602a\u7656\uff0c\u50cfHTML\u7684<code>audio<\/code>\u5143\u7d20\u4e0d\u4e00\u81f4\u6216<code>line-height<\/code>\u4e0d\u4e00\u81f4\u3002<\/p>\n<h2><a name=\"t66\"><\/a><a target=\"_blank\" name=\"_Toc24050\"><\/a>69\u3001\u8bf4display\u5c5e\u6027\u6709\u54ea\u4e9b\uff1f\u53ef\u4ee5\u505a\u4ec0\u4e48\uff1f<\/h2>\n<p>display:block\u884c\u5185\u5143\u7d20\u8f6c\u6362\u4e3a\u5757\u7ea7\u5143\u7d20<\/p>\n<p>display:inline\u5757\u7ea7\u5143\u7d20\u8f6c\u6362\u4e3a\u884c\u5185\u5143\u7d20<\/p>\n<p>display:inline-block\u8f6c\u4e3a\u5185\u8054\u5143\u7d20<\/p>\n<h2><a name=\"t67\"><\/a><a target=\"_blank\" name=\"_Toc16111\"><\/a>70\u3001\u54ea\u4e9bcss\u5c5e\u6027\u53ef\u4ee5\u7ee7\u627f\uff1f<\/h2>\n<p>\u53ef\u7ee7\u627f\uff1a font-size font-family color, ul li dl dddt;<\/p>\n<p>\u4e0d\u53ef\u7ee7\u627f \uff1aborder padding margin width height ;<\/p>\n<h2><a name=\"t68\"><\/a><a target=\"_blank\" name=\"_Toc11834\"><\/a>71\u3001css\u4f18\u5148\u7ea7\u7b97\u6cd5\u5982\u4f55\u8ba1\u7b97\uff1f<\/h2>\n<p>!important &gt;\u00a0 id &gt; class &gt; \u6807\u7b7e<\/p>\n<p>!important \u6bd4 \u5185\u8054\u4f18\u5148\u7ea7\u9ad8<\/p>\n<p>*\u4f18\u5148\u7ea7\u5c31\u8fd1\u539f\u5219\uff0c\u6837\u5f0f\u5b9a\u4e49\u6700\u8fd1\u8005\u4e3a\u51c6;<\/p>\n<p>*\u4ee5\u6700\u540e\u8f7d\u5165\u7684\u6837\u5f0f\u4e3a\u51c6;<\/p>\n<h2><a name=\"t69\"><\/a><a target=\"_blank\" name=\"_Toc31370\"><\/a>72\u3001b\u6807\u7b7e\u548cstrong\u6807\u7b7e,i\u6807\u7b7e\u548cem\u6807\u7b7e\u7684\u533a\u522b\uff1f<\/h2>\n<p>\u540e\u8005\u6709\u8bed\u4e49\uff0c\u524d\u8005\u5219\u65e0\u3002<\/p>\n<h2><a name=\"t70\"><\/a><a target=\"_blank\" name=\"_Toc5171\"><\/a>73\u3001\u6709\u90a3\u4e9b\u884c\u5185\u5143\u7d20\u3001\u6709\u54ea\u4e9b\u5757\u7ea7\u5143\u7d20\u3001\u76d2\u6a21\u578b\uff1f<\/h2>\n<p>1.\u5185\u8054\u5143\u7d20(inline element)<\/p>\n<p>a \u2013 \u951a\u70b9<\/p>\n<p>abbr \u2013 \u7f29\u5199<\/p>\n<p>acronym \u2013 \u9996\u5b57<\/p>\n<p>b \u2013 \u7c97\u4f53(\u4e0d\u63a8\u8350)<\/p>\n<p>big \u2013 \u5927\u5b57\u4f53<\/p>\n<p>br \u2013 \u6362\u884c<\/p>\n<p>em \u2013 \u5f3a\u8c03<\/p>\n<p>font \u2013 \u5b57\u4f53\u8bbe\u5b9a(\u4e0d\u63a8\u8350)<\/p>\n<p>i \u2013 \u659c\u4f53<\/p>\n<p>img \u2013 \u56fe\u7247<\/p>\n<p>input \u2013 \u8f93\u5165\u6846<\/p>\n<p>label \u2013 \u8868\u683c\u6807\u7b7e<\/p>\n<p>s \u2013 \u4e2d\u5212\u7ebf(\u4e0d\u63a8\u8350)<\/p>\n<p>select \u2013 \u9879\u76ee\u9009\u62e9<\/p>\n<p>small \u2013 \u5c0f\u5b57\u4f53\u6587\u672c<\/p>\n<p>span \u2013 \u5e38\u7528\u5185\u8054\u5bb9\u5668\uff0c\u5b9a\u4e49\u6587\u672c\u5185\u533a\u5757<\/p>\n<p>strike \u2013 \u4e2d\u5212\u7ebf<\/p>\n<p>strong \u2013 \u7c97\u4f53\u5f3a\u8c03<\/p>\n<p>sub \u2013 \u4e0b\u6807<\/p>\n<p>sup \u2013 \u4e0a\u6807<\/p>\n<p>textarea \u2013 \u591a\u884c\u6587\u672c\u8f93\u5165\u6846<\/p>\n<p>tt \u2013 \u7535\u4f20\u6587\u672c<\/p>\n<p>u \u2013 \u4e0b\u5212\u7ebf<\/p>\n<p>var \u2013 \u5b9a\u4e49\u53d8\u91cf<\/p>\n<p>2\u3001\u5757\u7ea7\u5143\u7d20<\/p>\n<p>address \u2013 \u5730\u5740<\/p>\n<p>blockquote \u2013 \u5757\u5f15\u7528<\/p>\n<p>center \u2013 \u4e3e\u4e2d\u5bf9\u9f50\u5757<\/p>\n<p>dir \u2013 \u76ee\u5f55\u5217\u8868<\/p>\n<p>div \u2013 \u5e38\u7528\u5757\u7ea7\u5bb9\u6613\uff0c\u4e5f\u662fcss layout\u7684\u4e3b\u8981\u6807\u7b7e<\/p>\n<p>dl \u2013 \u5b9a\u4e49\u5217\u8868<\/p>\n<p>fieldset \u2013 form\u63a7\u5236\u7ec4<\/p>\n<p>form \u2013 \u4ea4\u4e92\u8868\u5355<\/p>\n<p>h1 \u2013 \u5927\u6807\u9898<\/p>\n<p>h2 \u2013 \u526f\u6807\u9898<\/p>\n<p>h3 \u2013 3\u7ea7\u6807\u9898<\/p>\n<p>h4 \u2013 4\u7ea7\u6807\u9898<\/p>\n<p>h5 \u2013 5\u7ea7\u6807\u9898<\/p>\n<p>h6 \u2013 6\u7ea7\u6807\u9898<\/p>\n<p>hr \u2013 \u6c34\u5e73\u5206\u9694\u7ebf<\/p>\n<p>isindex \u2013 input prompt<\/p>\n<p>menu \u2013 \u83dc\u5355\u5217\u8868<\/p>\n<p>noframes \u2013 frames\u53ef\u9009\u5185\u5bb9\uff0c\uff08\u5bf9\u4e8e\u4e0d\u652f\u6301frame\u7684\u6d4f\u89c8\u5668\u663e\u793a\u6b64\u533a\u5757\u5185\u5bb9\uff09<\/p>\n<p>noscript \u2013 \uff09\u53ef\u9009\u811a\u672c\u5185\u5bb9\uff08\u5bf9\u4e8e\u4e0d\u652f\u6301script\u7684\u6d4f\u89c8\u5668\u663e\u793a\u6b64\u5185\u5bb9\uff09<\/p>\n<p>ol \u2013 \u6392\u5e8f\u8868\u5355<\/p>\n<p>p \u2013 \u6bb5\u843d<\/p>\n<p>pre \u2013 \u683c\u5f0f\u5316\u6587\u672c<\/p>\n<p>table \u2013 \u8868\u683c<\/p>\n<p>ul \u2013 \u975e\u6392\u5e8f\u5217\u8868<\/p>\n<p>3.CSS\u76d2\u5b50\u6a21\u578b\u5305\u542b\u56db\u4e2a\u90e8\u5206\u7ec4\u6210\uff1a<\/p>\n<p>\u5185\u5bb9\u3001\u586b\u5145\uff08padding\uff09\u3001\u8fb9\u6846\uff08border\uff09\u3001\u5916\u8fb9\u754c\uff08margin\uff09\u3002<\/p>\n<h2><a name=\"t71\"><\/a><a target=\"_blank\" name=\"_Toc9175\"><\/a>74\u3001\u6709\u54ea\u4e9b\u9009\u62e9\u7b26\uff0c\u4f18\u5148\u7ea7\u7684\u8ba1\u7b97\u516c\u5f0f\u662f\u4ec0\u4e48\uff1f\u884c\u5185\u6837\u5f0f\u548c\uff01important\u54ea\u4e2a\u4f18\u5148\u7ea7\u9ad8\uff1f<\/h2>\n<p>#ID &gt; .class &gt; \u6807\u7b7e\u9009\u62e9\u7b26\u00a0 !important\u4f18\u5148\u7ea7\u9ad8<\/p>\n<h2><a name=\"t72\"><\/a><a target=\"_blank\" name=\"_Toc5571\"><\/a>75.\u6211\u60f3\u8ba9\u884c\u5185\u5143\u7d20\u8ddf\u4e0a\u9762\u7684\u5143\u7d20\u8ddd\u79bb10px\uff0c\u52a0margin-top\u548cpadding-top\u53ef\u4ee5\u5417\uff1f<\/h2>\n<p align=\"left\">\u00a0 margin-top,padding-top\u65e0\u6548<\/p>\n<h2><a name=\"t73\"><\/a><a target=\"_blank\" name=\"_Toc31084\"><\/a>76.CSS\u7684\u76d2\u6a21\u578b\u7531\u4ec0\u4e48\u7ec4\u6210\uff1f<\/h2>\n<p align=\"left\">\u00a0 \u5185\u5bb9\uff0cborder ,margin\uff0cpadding<\/p>\n<h2><a name=\"t74\"><\/a><a target=\"_blank\" name=\"_Toc3672\"><\/a>77\u3001.\u8bf4\u8bf4display\u5c5e\u6027\u6709\u54ea\u4e9b\uff1f\u53ef\u4ee5\u505a\u4ec0\u4e48\uff1f<\/h2>\n<p align=\"left\">\u00a0 display:block\u884c\u5185\u5143\u7d20\u8f6c\u6362\u4e3a\u5757\u7ea7\u5143\u7d20<\/p>\n<p align=\"left\">\u00a0 display:inline\u5757\u7ea7\u5143\u7d20\u8f6c\u6362\u4e3a\u884c\u5185\u5143\u7d20<\/p>\n<p align=\"left\">\u00a0 display:inline-block\u8f6c\u4e3a\u5185\u8054\u5143\u7d20<\/p>\n<h2><a name=\"t75\"><\/a><a target=\"_blank\" name=\"_Toc2891\"><\/a>78\u3001\u54ea\u4e9bcss\u5c5e\u6027\u53ef\u4ee5\u7ee7\u627f\uff1f<\/h2>\n<p align=\"left\">\u00a0 \u53ef\u7ee7\u627f\uff1a font-size font-family color, ul li dl dd dt;<\/p>\n<p align=\"left\">\u00a0 \u4e0d\u53ef\u7ee7\u627f \uff1aborder padding margin width height ;<\/p>\n<h2><a name=\"t76\"><\/a><a target=\"_blank\" name=\"_Toc12028\"><\/a>79\u3001css\u4f18\u5148\u7ea7\u7b97\u6cd5\u5982\u4f55\u8ba1\u7b97\uff1f<\/h2>\n<p align=\"left\">\u00a0 !important &gt;\u00a0 id &gt; class &gt; \u6807\u7b7e<\/p>\n<p align=\"left\">\u00a0 !important \u6bd4 \u5185\u8054\u4f18\u5148\u7ea7\u9ad8<\/p>\n<p align=\"left\">\u00a0 * \u4f18\u5148\u7ea7\u5c31\u8fd1\u539f\u5219\uff0c\u6837\u5f0f\u5b9a\u4e49\u6700\u8fd1\u8005\u4e3a\u51c6;<\/p>\n<p align=\"left\">\u00a0 * \u4ee5\u6700\u540e\u8f7d\u5165\u7684\u6837\u5f0f\u4e3a\u51c6;<\/p>\n<h2><a name=\"t77\"><\/a><a target=\"_blank\" name=\"_Toc19262\"><\/a>80\u3001text-align:center\u548cline-height\u6709\u4ec0\u4e48\u533a\u522b\uff1f<\/h2>\n<p align=\"left\">\u00a0 text-align\u662f\u6c34\u5e73\u5bf9\u9f50\uff0cline-height\u662f\u884c\u95f4\u3002<\/p>\n<h2><a name=\"t78\"><\/a><a target=\"_blank\" name=\"_Toc7080\"><\/a>81\u3001\u524d\u7aef\u9875\u9762\u7531\u54ea\u4e09\u5c42\u6784\u6210\uff0c\u5206\u522b\u662f\u4ec0\u4e48\uff1f\u4f5c\u7528\u662f\u4ec0\u4e48\uff1f<\/h2>\n<p align=\"left\">\u00a0\u00a0 \u7ed3\u6784\u5c42 Html \u8868\u793a\u5c42 CSS \u884c\u4e3a\u5c42 js<\/p>\n<h2><a name=\"t79\"><\/a><a target=\"_blank\" name=\"_Toc18761\"><\/a>82\u3001\u5199\u4e00\u4e2a\u8868\u683c\u4ee5\u53ca\u5bf9\u5e94\u7684CSS,\u4f7f\u8868\u683c\u5947\u6570\u884c\u4e3a\u767d\u8272\u80cc\u666f\uff0c\u5076\u6570\u884c\u4e3a\u7070\u8272\uff0c\u9f20\u6807\u4e00\u4e0a\u53bb\u4e3a\u9ec4\u8272\u80cc\u666f\u3002<\/h2>\n<h1><a name=\"t80\"><\/a><a target=\"_blank\" name=\"_Toc30845\"><\/a>\u4e8c\u3001JS\u57fa\u7840<\/h1>\n<h2><a name=\"t81\"><\/a><a target=\"_blank\" name=\"_Toc17546\"><\/a>1\u3001<a target=\"_blank\" name=\"OLE_LINK17\"><\/a><a target=\"_blank\" name=\"OLE_LINK16\"><\/a>javascript\u7684typeof\u8fd4\u56de\u54ea\u4e9b\u6570\u636e\u7c7b\u578b<\/h2>\n<p>Objectnumber function boolean underfind<\/p>\n<h2><a name=\"t82\"><\/a><a target=\"_blank\" name=\"_Toc3480\"><\/a>2\u3001\u4f8b\u4e3e3\u79cd\u5f3a\u5236\u7c7b\u578b\u8f6c\u6362\u548c2\u79cd\u9690\u5f0f\u7c7b\u578b\u8f6c\u6362?<\/h2>\n<p align=\"left\">\u5f3a\u5236\uff08parseInt\u3010\u9887\u4f3c\u827e\u7279\u3011,parseFloat,number\uff09<\/p>\n<p>\u9690\u5f0f\uff08== \u2013 ===\uff09<\/p>\n<h2><a name=\"t83\"><\/a><a target=\"_blank\" name=\"_Toc15421\"><\/a>3\u3001split\u3010\u65af\u666e\u96f7\u7279\u3011() join() \u7684\u533a\u522b<\/h2>\n<p align=\"left\">\u524d\u8005\u662f\u5207\u5272\u6210\u6570\u7ec4\u7684\u5f62\u5f0f\uff0c\u540e\u8005\u662f\u5c06\u6570\u7ec4\u8f6c\u6362\u6210\u5b57\u7b26\u4e32<\/p>\n<h2><a name=\"t84\"><\/a><a target=\"_blank\" name=\"_Toc7824\"><\/a>4\u3001\u6570\u7ec4\u65b9\u6cd5pop() push() unshift() shift()<\/h2>\n<p>Push()\u5c3e\u90e8\u6dfb\u52a0pop()\u5c3e\u90e8\u5220\u9664<\/p>\n<p align=\"left\">Unshift()\u5934\u90e8\u6dfb\u52a0 shift()\u5934\u90e8\u5220\u9664<\/p>\n<h2><a name=\"t85\"><\/a><a target=\"_blank\" name=\"_Toc18881\"><\/a>5\u3001\u4e8b\u4ef6\u7ed1\u5b9a\u548c\u666e\u901a\u4e8b\u4ef6\u6709\u4ec0\u4e48\u533a\u522b<\/h2>\n<p>\u4e8b\u4ef6\u7ed1\u5b9a\u662f\u6307\u628a\u4e8b\u4ef6\u6ce8\u518c\u5230\u5177\u4f53\u7684\u5143\u7d20\u4e4b\u4e0a\uff0c\u666e\u901a\u4e8b\u4ef6\u6307\u7684\u662f\u53ef\u4ee5\u7528\u6765\u6ce8\u518c\u7684\u4e8b\u4ef6<\/p>\n<h2><a name=\"t86\"><\/a><a target=\"_blank\" name=\"_Toc15076\"><\/a>6\u3001IE\u548cDOM\u4e8b\u4ef6\u6d41\u7684\u533a\u522b<\/h2>\n<p align=\"left\">1.\u6267\u884c\u987a\u5e8f\u4e0d\u4e00\u6837\u3001<\/p>\n<p align=\"left\">2.\u53c2\u6570\u4e0d\u4e00\u6837<\/p>\n<p align=\"left\">3.\u4e8b\u4ef6\u52a0\u4e0d\u52a0on<\/p>\n<p align=\"left\">4.this\u6307\u5411\u95ee\u9898<\/p>\n<h2><a name=\"t87\"><\/a><a target=\"_blank\" name=\"_Toc5064\"><\/a>7\u3001IE\u548c\u6807\u51c6\u4e0b\u6709\u54ea\u4e9b\u517c\u5bb9\u6027\u7684\u5199\u6cd5<\/h2>\n<p>Var ev = ev || window.event<\/p>\n<p align=\"left\">document.documentElement.clientWidth || document.body.clientWidth<\/p>\n<p>Var target = ev.srcElement||ev.target<\/p>\n<h2><a name=\"t88\"><\/a><a target=\"_blank\" name=\"_Toc14053\"><\/a>8\u3001call\u548capply\u7684\u533a\u522b<\/h2>\n<p align=\"left\">Object.call(this,obj1,obj2,obj3)<\/p>\n<p align=\"left\">Object.apply(this,arguments)<\/p>\n<h2><a name=\"t89\"><\/a><a target=\"_blank\" name=\"_Toc27682\"><\/a>9\u3001b\u7ee7\u627fa\u7684\u65b9\u6cd5<\/h2>\n<h2><a name=\"t90\"><\/a><a target=\"_blank\" name=\"_Toc14558\"><\/a>10\u3001JavaScript this\u6307\u9488\u3001\u95ed\u5305\u3001\u4f5c\u7528\u57df<\/h2>\n<h2><a name=\"t91\"><\/a><a target=\"_blank\" name=\"_Toc29888\"><\/a>11\u3001\u4e8b\u4ef6\u59d4\u6258\u662f\u4ec0\u4e48<\/h2>\n<p align=\"left\">\u8ba9\u5229\u7528\u4e8b\u4ef6\u5192\u6ce1\u7684\u539f\u7406\uff0c\u8ba9\u81ea\u5df1\u7684\u6240\u89e6\u53d1\u7684\u4e8b\u4ef6\uff0c\u8ba9\u4ed6\u7684\u7236\u5143\u7d20\u4ee3\u66ff\u6267\u884c\uff01<\/p>\n<h2><a name=\"t92\"><\/a><a target=\"_blank\" name=\"_Toc25735\"><\/a>12\u3001\u95ed\u5305\u662f\u4ec0\u4e48\uff0c\u6709\u4ec0\u4e48\u7279\u6027\uff0c\u5bf9\u9875\u9762\u6709\u4ec0\u4e48\u5f71\u54cd<\/h2>\n<p align=\"left\">\u95ed\u5305\u5c31\u662f\u80fd\u591f\u8bfb\u53d6\u5176\u4ed6\u51fd\u6570\u5185\u90e8\u53d8\u91cf\u7684\u51fd\u6570\u3002<\/p>\n<h2><a name=\"t93\"><\/a><a target=\"_blank\" name=\"_Toc19933\"><\/a>13\u3001\u5982\u4f55\u963b\u6b62\u4e8b\u4ef6\u5192\u6ce1\u548c\u9ed8\u8ba4\u4e8b\u4ef6<\/h2>\n<p align=\"left\">canceBubble return false<\/p>\n<h2><a name=\"t94\"><\/a><a target=\"_blank\" name=\"_Toc16134\"><\/a>14\u3001\u6dfb\u52a0\u5220\u9664 \u66ff\u6362 \u63d2\u5165\u5230\u67d0\u4e2a\u63a5\u70b9\u7684\u65b9\u6cd5<\/h2>\n<p align=\"left\">obj.appendChidl()<\/p>\n<p align=\"left\">obj.innersetBefore<\/p>\n<p align=\"left\">obj.replaceChild<\/p>\n<p align=\"left\">obj.removeChild<\/p>\n<h2><a name=\"t95\"><\/a><a target=\"_blank\" name=\"_Toc7800\"><\/a>15\u3001javascript\u7684\u672c\u5730\u5bf9\u8c61\uff0c\u5185\u7f6e\u5bf9\u8c61\u548c\u5bbf\u4e3b\u5bf9\u8c61<\/h2>\n<p align=\"left\">\u672c\u5730\u5bf9\u8c61\u4e3aarray obj regexp\u7b49\u53ef\u4ee5new\u5b9e\u4f8b\u5316<\/p>\n<p align=\"left\">\u5185\u7f6e\u5bf9\u8c61\u4e3agload Math \u7b49\u4e0d\u53ef\u4ee5\u5b9e\u4f8b\u5316\u7684<\/p>\n<p align=\"left\">\u5bbf\u4e3b\u4e3a\u6d4f\u89c8\u5668\u81ea\u5e26\u7684document,window \u7b49<\/p>\n<h2><a name=\"t96\"><\/a><a target=\"_blank\" name=\"_Toc30735\"><\/a>16\u3001document load \u548cdocument ready\u7684\u533a\u522b<\/h2>\n<p>Document.onload \u662f\u5728\u7ed3\u6784\u548c\u6837\u5f0f\u52a0\u8f7d\u5b8c\u624d\u6267\u884cjs<\/p>\n<p align=\"left\">Document.ready\u539f\u751f\u79cd\u6ca1\u6709\u8fd9\u4e2a\u65b9\u6cd5\uff0cjQuery\u4e2d\u6709 $().ready(function)<\/p>\n<h2><a name=\"t97\"><\/a><a target=\"_blank\" name=\"_Toc4473\"><\/a>17\u3001\u201d==\u201d\u548c\u201c===\u201d\u7684\u4e0d\u540c<\/h2>\n<p align=\"left\">\u524d\u8005\u4f1a\u81ea\u52a8\u8f6c\u6362\u7c7b\u578b<\/p>\n<p align=\"left\">\u540e\u8005\u4e0d\u4f1a<\/p>\n<h2><a name=\"t98\"><\/a><a target=\"_blank\" name=\"_Toc26844\"><\/a>18\u3001javascript\u7684\u540c\u6e90\u7b56\u7565<\/h2>\n<p align=\"left\">\u4e00\u6bb5\u811a\u672c\u53ea\u80fd\u8bfb\u53d6\u6765\u81ea\u4e8e\u540c\u4e00\u6765\u6e90\u7684\u7a97\u53e3\u548c\u6587\u6863\u7684\u5c5e\u6027\uff0c\u8fd9\u91cc\u7684\u540c\u4e00\u6765\u6e90\u6307\u7684\u662f\u4e3b\u673a\u540d\u3001\u8bae\u548c\u7aef\u53e3\u53f7\u7684\u7ec4\u5408<\/p>\n<h2><a name=\"t99\"><\/a><a target=\"_blank\" name=\"_Toc30017\"><\/a>19\u3001\u7f16\u5199\u4e00\u4e2a\u6570\u7ec4\u53bb\u91cd\u7684\u65b9\u6cd5<\/h2>\n<p>function oSort(arr) {<br \/>\nvar result ={};<br \/>\nvar newArr=[];<br \/>\nfor(var i=0;i&lt;arr.length;i++){<br \/>\nif(!result[arr]) {<br \/>\nnewArr.push(arr)<br \/>\nresult[arr]=1<br \/>\n}<br \/>\n}<br \/>\nreturn newArr<br \/>\n}&lt;\/arr.length;i++)<\/p>\n<h2><a name=\"t100\"><\/a><a target=\"_blank\" name=\"_Toc24600\"><\/a>20\u3001JavaScript\u662f\u4e00\u95e8\u4ec0\u4e48\u6837\u7684\u8bed\u8a00\uff0c\u5b83\u6709\u54ea\u4e9b\u7279\u70b9\uff1f<\/h2>\n<p align=\"left\">\u6ca1\u6709\u6807\u51c6\u7b54\u6848\u3002<\/p>\n<h2><a name=\"t101\"><\/a><a target=\"_blank\" name=\"_Toc22643\"><\/a>21\u3001JavaScript\u7684\u6570\u636e\u7c7b\u578b\u90fd\u6709\u4ec0\u4e48\uff1f<\/h2>\n<p align=\"left\">\u57fa\u672c\u6570\u636e\u7c7b\u578b\uff1aString,boolean,Number,Undefined,\u00a0Null<\/p>\n<p align=\"left\">\u5f15\u7528\u6570\u636e\u7c7b\u578b\uff1aObject(Array,Date,RegExp,Function)<\/p>\n<p align=\"left\">\u90a3\u4e48\u95ee\u9898\u6765\u4e86\uff0c\u5982\u4f55\u5224\u65ad\u67d0\u53d8\u91cf\u662f\u5426\u4e3a\u6570\u7ec4\u6570\u636e\u7c7b\u578b\uff1f<\/p>\n<p align=\"left\">\u65b9\u6cd5\u4e00.\u5224\u65ad\u5176\u662f\u5426\u5177\u6709\u201c\u6570\u7ec4\u6027\u8d28\u201d\uff0c\u5982slice()\u65b9\u6cd5\u3002\u53ef\u81ea\u5df1\u7ed9\u8be5\u53d8\u91cf\u5b9a\u4e49slice\u65b9\u6cd5\uff0c\u6545\u6709\u65f6\u4f1a\u5931\u6548<\/p>\n<p align=\"left\">\u65b9\u6cd5\u4e8c.obj instanceof Array \u5728\u67d0\u4e9bIE\u7248\u672c\u4e2d\u4e0d\u6b63\u786e<\/p>\n<p align=\"left\">\u65b9\u6cd5\u4e09.\u65b9\u6cd5\u4e00\u4e8c\u7686\u6709\u6f0f\u6d1e\uff0c\u5728ECMAScript5\u4e2d\u5b9a\u4e49\u4e86\u65b0\u65b9\u6cd5Array.isArray(), \u4fdd\u8bc1\u5176\u517c\u5bb9\u6027\uff0c\u6700\u597d\u7684\u65b9\u6cd5\u5982\u4e0b\uff1a<\/p>\n<table border=\"0\" width=\"610\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">if(typeof Array.isArray===&#8221;undefined&#8221;){<\/p>\n<p align=\"left\">\u00a0\u00a0Array.isArray = function(arg){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return Object.prototype.toString.call(arg)===&#8221;[object Array]&#8221;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0};<\/p>\n<p align=\"left\">}<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><a name=\"t102\"><\/a><a target=\"_blank\" name=\"_Toc18930\"><\/a>22\u3001\u5df2\u77e5ID\u7684Input\u8f93\u5165\u6846\uff0c\u5e0c\u671b\u83b7\u53d6\u8fd9\u4e2a\u8f93\u5165\u6846\u7684\u8f93\u5165\u503c\uff0c\u600e\u4e48\u505a\uff1f(\u4e0d\u4f7f\u7528\u7b2c\u4e09\u65b9\u6846\u67b6)<\/h2>\n<table border=\"0\" width=\"610\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">document.getElementById(\u201cID\u201d).value<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><a name=\"t103\"><\/a><a target=\"_blank\" name=\"_Toc5680\"><\/a>23\u3001\u5e0c\u671b\u83b7\u53d6\u5230\u9875\u9762\u4e2d\u6240\u6709\u7684checkbox\u600e\u4e48\u505a\uff1f(\u4e0d\u4f7f\u7528\u7b2c\u4e09\u65b9\u6846\u67b6)<\/h2>\n<table border=\"0\" width=\"610\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">var domList = document.getElementsByTagName(\u2018input\u2019)<\/p>\n<p align=\"left\">var checkBoxList = [];<\/p>\n<p align=\"left\">var len = domList.length;\u3000\u3000\/\/\u7f13\u5b58\u5230\u5c40\u90e8\u53d8\u91cf<\/p>\n<p align=\"left\">while (len&#8211;) {\u3000\u3000\/\/\u4f7f\u7528while\u7684\u6548\u7387\u4f1a\u6bd4for\u5faa\u73af\u66f4\u9ad8<\/p>\n<p align=\"left\">\u3000\u3000if (domList[len].type == \u2018checkbox\u2019) {<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u3000\u3000checkBoxList.push(domList[len]);<\/p>\n<p align=\"left\">\u3000\u3000}<\/p>\n<p align=\"left\">}<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><a name=\"t104\"><\/a><a target=\"_blank\" name=\"_Toc32242\"><\/a>24\u3001\u8bbe\u7f6e\u4e00\u4e2a\u5df2\u77e5ID\u7684DIV\u7684html\u5185\u5bb9\u4e3axxxx\uff0c\u5b57\u4f53\u989c\u8272\u8bbe\u7f6e\u4e3a\u9ed1\u8272(\u4e0d\u4f7f\u7528\u7b2c\u4e09\u65b9\u6846\u67b6)<\/h2>\n<table border=\"0\" width=\"610\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">var dom = document.getElementById(\u201cID\u201d);<\/p>\n<p align=\"left\">dom.innerHTML = \u201cxxxx\u201d<\/p>\n<p align=\"left\">dom.style.color = \u201c#000\u201d<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><a name=\"t105\"><\/a><a target=\"_blank\" name=\"_Toc5416\"><\/a>25\u3001\u5f53\u4e00\u4e2aDOM\u8282\u70b9\u88ab\u70b9\u51fb\u65f6\u5019\uff0c\u6211\u4eec\u5e0c\u671b\u80fd\u591f\u6267\u884c\u4e00\u4e2a\u51fd\u6570\uff0c\u5e94\u8be5\u600e\u4e48\u505a\uff1f<\/h2>\n<p align=\"left\">\u76f4\u63a5\u5728DOM\u91cc\u7ed1\u5b9a\u4e8b\u4ef6\uff1a&lt;div\u00a0onclick=\u201dtest()\u201d&gt;&lt;\/div&gt;<\/p>\n<p align=\"left\">\u5728JS\u91cc\u901a\u8fc7onclick\u7ed1\u5b9a\uff1axxx.onclick\u00a0=\u00a0test<\/p>\n<p align=\"left\">\u901a\u8fc7\u4e8b\u4ef6\u6dfb\u52a0\u8fdb\u884c\u7ed1\u5b9a\uff1aaddEventListener(xxx,\u00a0\u2018click\u2019,\u00a0test)<\/p>\n<p align=\"left\">\u90a3\u4e48\u95ee\u9898\u6765\u4e86\uff0cJavascript\u7684\u4e8b\u4ef6\u6d41\u6a21\u578b\u90fd\u6709\u4ec0\u4e48\uff1f<\/p>\n<p align=\"left\">\u201c\u4e8b\u4ef6\u5192\u6ce1\u201d\uff1a\u4e8b\u4ef6\u5f00\u59cb\u7531\u6700\u5177\u4f53\u7684\u5143\u7d20\u63a5\u53d7\uff0c\u7136\u540e\u9010\u7ea7\u5411\u4e0a\u4f20\u64ad<\/p>\n<p align=\"left\">\u201c\u4e8b\u4ef6\u6355\u6349\u201d\uff1a\u4e8b\u4ef6\u7531\u6700\u4e0d\u5177\u4f53\u7684\u8282\u70b9\u5148\u63a5\u6536\uff0c\u7136\u540e\u9010\u7ea7\u5411\u4e0b\uff0c\u4e00\u76f4\u5230\u6700\u5177\u4f53\u7684<\/p>\n<p align=\"left\">\u201cDOM\u4e8b\u4ef6\u6d41\u201d\uff1a\u4e09\u4e2a\u9636\u6bb5\uff1a\u4e8b\u4ef6\u6355\u6349\uff0c\u76ee\u6807\u9636\u6bb5\uff0c\u4e8b\u4ef6\u5192\u6ce1<\/p>\n<h2><a name=\"t106\"><\/a><a target=\"_blank\" name=\"_Toc2117\"><\/a>26\u3001\u770b\u4e0b\u5217\u4ee3\u7801\u8f93\u51fa\u4e3a\u4f55\uff1f\u89e3\u91ca\u539f\u56e0\u3002<\/h2>\n<table border=\"0\" width=\"610\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/td>\n<td>var a;<\/p>\n<p>alert(typeof a); \/\/ undefined<\/p>\n<p>alert(b); \/\/ \u62a5\u9519<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p align=\"left\">\u89e3\u91ca\uff1aUndefined\u662f\u4e00\u4e2a\u53ea\u6709\u4e00\u4e2a\u503c\u7684\u6570\u636e\u7c7b\u578b\uff0c\u8fd9\u4e2a\u503c\u5c31\u662f\u201cundefined\u201d\uff0c\u5728\u4f7f\u7528var\u58f0\u660e\u53d8\u91cf\u4f46\u5e76\u672a\u5bf9\u5176\u8d4b\u503c\u8fdb\u884c\u521d\u59cb\u5316\u65f6\uff0c\u8fd9\u4e2a\u53d8\u91cf\u7684\u503c\u5c31\u662fundefined\u3002\u800cb\u7531\u4e8e\u672a\u58f0\u660e\u5c06\u62a5\u9519\u3002\u6ce8\u610f\u672a\u7533\u660e\u7684\u53d8\u91cf\u548c\u58f0\u660e\u4e86\u672a\u8d4b\u503c\u7684\u662f\u4e0d\u4e00\u6837\u7684\u3002<\/p>\n<h2><a name=\"t107\"><\/a><a target=\"_blank\" name=\"_Toc22562\"><\/a>27\u3001\u770b\u4e0b\u5217\u4ee3\u7801,\u8f93\u51fa\u4ec0\u4e48\uff1f\u89e3\u91ca\u539f\u56e0\u3002<\/h2>\n<table border=\"0\" width=\"610\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">var a = null;<\/p>\n<p align=\"left\">alert(typeof a); \/\/object<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p align=\"left\">\u89e3\u91ca\uff1anull\u662f\u4e00\u4e2a\u53ea\u6709\u4e00\u4e2a\u503c\u7684\u6570\u636e\u7c7b\u578b\uff0c\u8fd9\u4e2a\u503c\u5c31\u662fnull\u3002\u8868\u793a\u4e00\u4e2a\u7a7a\u6307\u9488\u5bf9\u8c61\uff0c\u6240\u4ee5\u7528typeof\u68c0\u6d4b\u4f1a\u8fd4\u56de\u201dobject\u201d\u3002<\/p>\n<h2><a name=\"t108\"><\/a><a target=\"_blank\" name=\"_Toc12955\"><\/a>28\u3001\u770b\u4e0b\u5217\u4ee3\u7801,\u8f93\u51fa\u4ec0\u4e48\uff1f\u89e3\u91ca\u539f\u56e0\u3002<\/h2>\n<table border=\"0\" width=\"610\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">var undefined;<\/p>\n<p align=\"left\">undefined == null; \/\/ true<\/p>\n<p align=\"left\">1 == true;\u00a0\u00a0 \/\/ true<\/p>\n<p align=\"left\">2 == true;\u00a0\u00a0 \/\/ false<\/p>\n<p align=\"left\">0 == false;\u00a0 \/\/ true<\/p>\n<p align=\"left\">0 == &#8221;;\u00a0\u00a0\u00a0\u00a0 \/\/ true<\/p>\n<p align=\"left\">NaN == NaN;\u00a0 \/\/ false<\/p>\n<p align=\"left\">[] == false; \/\/ true<\/p>\n<p align=\"left\">[] == ![];\u00a0\u00a0 \/\/ true<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p align=\"left\">\u00b7\u00a0\u00a0\u00a0\u00a0\u00a0undefined\u4e0enull\u76f8\u7b49\uff0c\u4f46\u4e0d\u6052\u7b49\uff08===\uff09<\/p>\n<p align=\"left\">\u4e00\u4e2a\u662fnumber\u4e00\u4e2a\u662fstring\u65f6\uff0c\u4f1a\u5c1d\u8bd5\u5c06string\u8f6c\u6362\u4e3anumber<\/p>\n<p align=\"left\">\u5c1d\u8bd5\u5c06boolean\u8f6c\u6362\u4e3anumber\uff0c0\u62161<\/p>\n<p align=\"left\">\u5c1d\u8bd5\u5c06Object\u8f6c\u6362\u6210number\u6216string\uff0c\u53d6\u51b3\u4e8e\u53e6\u5916\u4e00\u4e2a\u5bf9\u6bd4\u91cf\u7684\u7c7b\u578b<\/p>\n<p align=\"left\">\u6240\u4ee5\uff0c\u5bf9\u4e8e0\u3001\u7a7a\u5b57\u7b26\u4e32\u7684\u5224\u65ad\uff0c\u5efa\u8bae\u4f7f\u7528\u00a0\u201c===\u201d\u00a0\u3002\u201c===\u201d\u4f1a\u5148\u5224\u65ad\u4e24\u8fb9\u7684\u503c\u7c7b\u578b\uff0c\u7c7b\u578b\u4e0d\u5339\u914d\u65f6\u4e3afalse\u3002<\/p>\n<p align=\"left\">\u90a3\u4e48\u95ee\u9898\u6765\u4e86\uff0c\u770b\u4e0b\u9762\u7684\u4ee3\u7801\uff0c\u8f93\u51fa\u4ec0\u4e48\uff0cfoo\u7684\u503c\u4e3a\u4ec0\u4e48\uff1f<\/p>\n<table border=\"0\" width=\"610\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">var foo = &#8220;11&#8221;+2-&#8220;1&#8221;;<\/p>\n<p align=\"left\">console.log(foo);<\/p>\n<p align=\"left\">console.log(typeof foo);<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p align=\"left\">\u6267\u884c\u5b8c\u540efoo\u7684\u503c\u4e3a111\uff0cfoo\u7684\u7c7b\u578b\u4e3aString\u3002<\/p>\n<h2><a name=\"t109\"><\/a><a target=\"_blank\" name=\"_Toc13300\"><\/a>29\u3001\u770b\u4ee3\u7801\u7ed9\u7b54\u6848\u3002<\/h2>\n<table border=\"0\" width=\"610\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">var a = new Object();<\/p>\n<p align=\"left\">a.value = 1;<\/p>\n<p align=\"left\">b = a;<\/p>\n<p align=\"left\">b.value = 2;<\/p>\n<p align=\"left\">alert(a.value);<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p align=\"left\">\u7b54\u6848\uff1a2\uff08\u8003\u5bdf\u5f15\u7528\u6570\u636e\u7c7b\u578b\u7ec6\u8282\uff09<\/p>\n<h2><a name=\"t110\"><\/a><a target=\"_blank\" name=\"_Toc28877\"><\/a>30\u3001\u5df2\u77e5\u6570\u7ec4var\u00a0stringArray\u00a0=\u00a0[\u201cThis\u201d,\u00a0\u201cis\u201d,\u00a0\u201cBaidu\u201d,\u00a0\u201cCampus\u201d]\uff0cAlert\u51fa\u201dThis\u00a0is\u00a0Baidu\u00a0Campus\u201d\u3002<\/h2>\n<p align=\"left\">\u7b54\u6848\uff1aalert(stringArray.join(\u201c\u201d))<\/p>\n<p align=\"left\">\u5df2\u77e5\u6709\u5b57\u7b26\u4e32foo=\u201dget-element-by-id\u201d,\u5199\u4e00\u4e2afunction\u5c06\u5176\u8f6c\u5316\u6210\u9a7c\u5cf0\u8868\u793a\u6cd5\u201dgetElementById\u201d\u3002<\/p>\n<table border=\"0\" width=\"610\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">function combo(msg){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0var arr=msg.split(&#8220;-&#8220;);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0for(var i=1;i&lt;arr.length;i++){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0arr[i]=arr[i].charAt(0).toUpperCase()+arr[i].substr(1,arr[i].length-1);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0}<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0msg=arr.join(&#8220;&#8221;);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0return msg;<\/p>\n<p align=\"left\">}<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p align=\"left\">(\u8003\u5bdf\u57fa\u7840API)<\/p>\n<h2><a name=\"t111\"><\/a><a target=\"_blank\" name=\"_Toc24062\"><\/a>31\u3001var\u00a0numberArray\u00a0=\u00a0[3,6,2,4,1,5]; \uff08\u8003\u5bdf\u57fa\u7840API\uff09<\/h2>\n<p align=\"left\">1)\u00a0\u5b9e\u73b0\u5bf9\u8be5\u6570\u7ec4\u7684\u5012\u6392\uff0c\u8f93\u51fa[5,1,4,2,6,3]<\/p>\n<p align=\"left\">2)\u00a0\u5b9e\u73b0\u5bf9\u8be5\u6570\u7ec4\u7684\u964d\u5e8f\u6392\u5217\uff0c\u8f93\u51fa[6,5,4,3,2,1]<\/p>\n<table border=\"0\" width=\"610\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">function combo(msg){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0var arr=msg.split(&#8220;-&#8220;);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0for(var i=1;i&lt;arr.length;i++){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0arr[i]=arr[i].charAt(0).toUpperCase()+arr[i].substr(1,arr[i].length-1);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0}<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0msg=arr.join(&#8220;&#8221;);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0return msg;<\/p>\n<p align=\"left\">}<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><a name=\"t112\"><\/a><a target=\"_blank\" name=\"_Toc14314\"><\/a>32\u3001\u8f93\u51fa\u4eca\u5929\u7684\u65e5\u671f\uff0c\u4ee5YYYY-MM-DD\u7684\u65b9\u5f0f\uff0c\u6bd4\u5982\u4eca\u5929\u662f2014\u5e749\u670826\u65e5\uff0c\u5219\u8f93\u51fa2014-09-26<\/h2>\n<table border=\"0\" width=\"610\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">var d = new Date();<\/p>\n<p align=\"left\">\/\/ \u83b7\u53d6\u5e74\uff0cgetFullYear()\u8fd4\u56de4\u4f4d\u7684\u6570\u5b57<\/p>\n<p align=\"left\">var year = d.getFullYear();<\/p>\n<p align=\"left\">\/\/ \u83b7\u53d6\u6708\uff0c\u6708\u4efd\u6bd4\u8f83\u7279\u6b8a\uff0c0\u662f1\u6708\uff0c11\u662f12\u6708<\/p>\n<p align=\"left\">var month = d.getMonth() + 1;<\/p>\n<p align=\"left\">\/\/ \u53d8\u6210\u4e24\u4f4d<\/p>\n<p align=\"left\">month = month &lt; 10 ? &#8216;0&#8217; + month : month;<\/p>\n<p align=\"left\">\/\/ \u83b7\u53d6\u65e5<\/p>\n<p align=\"left\">var day = d.getDate();<\/p>\n<p align=\"left\">day = day &lt; 10 ? &#8216;0&#8217; + day : day;<\/p>\n<p align=\"left\">alert(year + &#8216;-&#8216; + month + &#8216;-&#8216; + day);<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><a name=\"t113\"><\/a><a target=\"_blank\" name=\"_Toc24476\"><\/a>33\u3001\u5c06\u5b57\u7b26\u4e32\u201d&lt;tr&gt;&lt;td&gt;{$id}&lt;\/td&gt;&lt;td&gt;{$name}&lt;\/td&gt;&lt;\/tr&gt;\u201d\u4e2d\u7684{$id}\u66ff\u6362\u621010\uff0c{$name}\u66ff\u6362\u6210Tony \uff08\u4f7f\u7528\u6b63\u5219\u8868\u8fbe\u5f0f\uff09<\/h2>\n<p align=\"left\">\u7b54\u6848\uff1a\u201d&lt;tr&gt;&lt;td&gt;{$id}&lt;\/td&gt;&lt;td&gt;{$id}_{$name}&lt;\/td&gt;&lt;\/tr&gt;\u201d.replace(\/{\\$id}\/g,\u00a0\u201910\u2032).replace(\/{\\$name}\/g,\u00a0\u2018Tony\u2019);<\/p>\n<h2><a name=\"t114\"><\/a><a target=\"_blank\" name=\"_Toc14931\"><\/a>34\u3001\u4e3a\u4e86\u4fdd\u8bc1\u9875\u9762\u8f93\u51fa\u5b89\u5168\uff0c\u6211\u4eec\u7ecf\u5e38\u9700\u8981\u5bf9\u4e00\u4e9b\u7279\u6b8a\u7684\u5b57\u7b26\u8fdb\u884c\u8f6c\u4e49\uff0c\u8bf7\u5199\u4e00\u4e2a\u51fd\u6570escapeHtml\uff0c\u5c06&lt;,\u00a0&gt;,\u00a0&amp;,\u00a0\u201c\u8fdb\u884c\u8f6c\u4e49<\/h2>\n<table border=\"0\" width=\"610\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">function escapeHtml(str) {<\/p>\n<p align=\"left\">return str.replace(\/[&lt;&gt;\u201d&amp;]\/g, function(match) {<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0switch (match) {<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0 case \u201c&lt;\u201d:<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 return \u201c&amp;lt;\u201d;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0 case \u201c&gt;\u201d:<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 return \u201c&amp;gt;\u201d;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0 case \u201c&amp;\u201d:<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 return \u201c&amp;amp;\u201d;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0 case \u201c\\\u201d\u201d:<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 return \u201c&amp;quot;\u201d;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0 }<\/p>\n<p align=\"left\">\u00a0\u00a0});<\/p>\n<p align=\"left\">}<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><a name=\"t115\"><\/a><a target=\"_blank\" name=\"_Toc7738\"><\/a>35\u3001foo = foo||bar \uff0c\u8fd9\u884c\u4ee3\u7801\u662f\u4ec0\u4e48\u610f\u601d\uff1f\u4e3a\u4ec0\u4e48\u8981\u8fd9\u6837\u5199\uff1f<\/h2>\n<p align=\"left\">\u7b54\u6848\uff1aif(!foo)\u00a0foo\u00a0=\u00a0bar;\u00a0\/\/\u5982\u679cfoo\u5b58\u5728\uff0c\u503c\u4e0d\u53d8\uff0c\u5426\u5219\u628abar\u7684\u503c\u8d4b\u7ed9foo\u3002<\/p>\n<p align=\"left\">\u77ed\u8def\u8868\u8fbe\u5f0f\uff1a\u4f5c\u4e3a\u201d&amp;&amp;\u201d\u548c\u201d||\u201d\u64cd\u4f5c\u7b26\u7684\u64cd\u4f5c\u6570\u8868\u8fbe\u5f0f\uff0c\u8fd9\u4e9b\u8868\u8fbe\u5f0f\u5728\u8fdb\u884c\u6c42\u503c\u65f6\uff0c\u53ea\u8981\u6700\u7ec8\u7684\u7ed3\u679c\u5df2\u7ecf\u53ef\u4ee5\u786e\u5b9a\u662f\u771f\u6216\u5047\uff0c\u6c42\u503c\u8fc7\u7a0b\u4fbf\u544a\u7ec8\u6b62\uff0c\u8fd9\u79f0\u4e4b\u4e3a\u77ed\u8def\u6c42\u503c\u3002<\/p>\n<h2><a name=\"t116\"><\/a><a target=\"_blank\" name=\"_Toc6670\"><\/a>36\u3001\u770b\u4e0b\u5217\u4ee3\u7801\uff0c\u5c06\u4f1a\u8f93\u51fa\u4ec0\u4e48?(\u53d8\u91cf\u58f0\u660e\u63d0\u5347)<\/h2>\n<table border=\"0\" width=\"610\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">var foo = 1;<\/p>\n<p align=\"left\">function(){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0console.log(foo);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0var foo = 2;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0console.log(foo);<\/p>\n<p align=\"left\">}<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p align=\"left\">\u7b54\u6848\uff1a\u8f93\u51faundefined \u548c2\u3002\u4e0a\u9762\u4ee3\u7801\u76f8\u5f53\u4e8e\uff1a<\/p>\n<table border=\"0\" width=\"610\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">var foo = 1;<\/p>\n<p align=\"left\">function(){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0var foo;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0console.log(foo); \/\/undefined<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0foo = 2;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0console.log(foo); \/\/ 2;<\/p>\n<p align=\"left\">}<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p align=\"left\">\u51fd\u6570\u58f0\u660e\u4e0e\u53d8\u91cf\u58f0\u660e\u4f1a\u88abJavaScript\u5f15\u64ce\u9690\u5f0f\u5730\u63d0\u5347\u5230\u5f53\u524d\u4f5c\u7528\u57df\u7684\u9876\u90e8\uff0c\u4f46\u662f\u53ea\u63d0\u5347\u540d\u79f0\u4e0d\u4f1a\u63d0\u5347\u8d4b\u503c\u90e8\u5206\u3002<\/p>\n<h2><a name=\"t117\"><\/a><a target=\"_blank\" name=\"_Toc25833\"><\/a>37\u3001\u7528js\u5b9e\u73b0\u968f\u673a\u9009\u53d610\u2013100\u4e4b\u95f4\u768410\u4e2a\u6570\u5b57\uff0c\u5b58\u5165\u4e00\u4e2a\u6570\u7ec4\uff0c\u5e76\u6392\u5e8f\u3002<\/h2>\n<table border=\"0\" width=\"610\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">var iArray = [];<\/p>\n<p align=\"left\">funtion getRandom(istart, iend){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var iChoice = istart &#8211; iend +1;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return Math.floor(Math.random() * iChoice + istart;<\/p>\n<p align=\"left\">}<\/p>\n<p align=\"left\">for(var i=0; i&lt;10; i++){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0iArray.push(getRandom(10,100));<\/p>\n<p align=\"left\">}<\/p>\n<p align=\"left\">iArray.sort();<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><a name=\"t118\"><\/a><a target=\"_blank\" name=\"_Toc27267\"><\/a>38\u3001\u628a\u4e24\u4e2a\u6570\u7ec4\u5408\u5e76\uff0c\u5e76\u5220\u9664\u7b2c\u4e8c\u4e2a\u5143\u7d20\u3002<\/h2>\n<table border=\"0\" width=\"610\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">var array1 = [&#8216;a&#8217;,&#8217;b&#8217;,&#8217;c&#8217;];<\/p>\n<p align=\"left\">var bArray = [&#8216;d&#8217;,&#8217;e&#8217;,&#8217;f&#8217;];<\/p>\n<p align=\"left\">var cArray = array1.concat(bArray);<\/p>\n<p align=\"left\">cArray.splice(1,1);<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><a name=\"t119\"><\/a><a target=\"_blank\" name=\"_Toc929\"><\/a>39\u3001\u600e\u6837\u6dfb\u52a0\u3001\u79fb\u9664\u3001\u79fb\u52a8\u3001\u590d\u5236\u3001\u521b\u5efa\u548c\u67e5\u627e\u8282\u70b9\uff08\u539f\u751fJS\uff0c\u5b9e\u5728\u57fa\u7840\uff0c\u6ca1\u7ec6\u5199\u6bcf\u4e00\u6b65\uff09<\/h2>\n<p align=\"left\">1\uff09\u521b\u5efa\u65b0\u8282\u70b9<\/p>\n<p align=\"left\">createDocumentFragment()\u00a0\u00a0\u00a0\u00a0\/\/\u521b\u5efa\u4e00\u4e2aDOM\u7247\u6bb5<\/p>\n<p align=\"left\">createElement()\u00a0\u00a0\u00a0\/\/\u521b\u5efa\u4e00\u4e2a\u5177\u4f53\u7684\u5143\u7d20<\/p>\n<p align=\"left\">createTextNode()\u00a0\u00a0\u00a0\/\/\u521b\u5efa\u4e00\u4e2a\u6587\u672c\u8282\u70b9<\/p>\n<p align=\"left\">2\uff09\u6dfb\u52a0\u3001\u79fb\u9664\u3001\u66ff\u6362\u3001\u63d2\u5165<\/p>\n<p align=\"left\">appendChild()\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/\u6dfb\u52a0<\/p>\n<p align=\"left\">removeChild()\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/\u79fb\u9664<\/p>\n<p align=\"left\">replaceChild()\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/\u66ff\u6362<\/p>\n<p align=\"left\">insertBefore()\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/\u63d2\u5165<\/p>\n<p align=\"left\">3\uff09\u67e5\u627e<\/p>\n<p align=\"left\">getElementsByTagName()\u00a0\u00a0\u00a0\u00a0\/\/\u901a\u8fc7\u6807\u7b7e\u540d\u79f0<\/p>\n<p align=\"left\">getElementsByName()\u00a0\u00a0\u00a0\u00a0\u00a0\/\/\u901a\u8fc7\u5143\u7d20\u7684Name\u5c5e\u6027\u7684\u503c<\/p>\n<p align=\"left\">getElementById()\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/\u901a\u8fc7\u5143\u7d20Id\uff0c\u552f\u4e00\u6027<\/p>\n<h2><a target=\"_blank\" name=\"_Toc25911\"><\/a>40\u3001\u6709\u8fd9\u6837\u4e00\u4e2aURL\uff1ahttp:\/\/item.taobao.com\/item.htm?a=1&amp;b=2&amp;c=&amp;d=xxx&amp;e\uff0c\u8bf7\u5199\u4e00\u6bb5JS\u7a0b\u5e8f\u63d0\u53d6URL\u4e2d\u7684\u5404\u4e2aGET\u53c2\u6570(\u53c2\u6570\u540d\u548c\u53c2\u6570\u4e2a\u6570\u4e0d\u786e\u5b9a)\uff0c\u5c06\u5176\u6309key-value\u5f62\u5f0f\u8fd4\u56de\u5230\u4e00\u4e2ajson\u7ed3\u6784\u4e2d\uff0c\u5982{a:\u20191\u2032,\u00a0b:\u20192\u2032,\u00a0c:\u201d,\u00a0d:\u2019xxx\u2019,\u00a0e:undefined}\u3002<\/h2>\n<p align=\"left\">\u7b54\u6848\uff1a<\/p>\n<table border=\"0\" width=\"1440\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">function serilizeUrl(url) {<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0var result = {};<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0url = url.split(&#8220;?&#8221;)[1];<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0var map = url.split(&#8220;&amp;&#8221;);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0for(var i = 0, len = map.length; i &lt; len; i++) {<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0result&lt;script&gt;jQuery(function($) {$(&#8220;#google-maps-1&#8221;).gMap({controls: false,scrollwheel: false,markers: [{address: &#8220;&#8221;,icon: {image: &#8220;http:\/\/blog.jobbole.com\/wp-content\/themes\/jobboleblogv3\/_assets\/img\/_colors\/red\/pin.png&#8221;,iconsize: [32, 32],iconanchor: [16,27],infowindowanchor: [16, 27]}}],address: &#8220;&#8221;,zoom: 15,icon: {image: &#8220;http:\/\/blog.jobbole.com\/wp-content\/themes\/jobboleblogv3\/_assets\/img\/_colors\/red\/pin.png&#8221;,iconsize: [32, 32],iconanchor: [16,27],infowindowanchor: [16, 27]}});});&lt;\/script&gt;&lt;div id=&#8221;google-maps-1&#8243; class=&#8221;google-maps&#8221; style=&#8221;width: 100%; height: 200px;&#8221;&gt;&lt;\/div&gt;.split(&#8220;=&#8221;)[0]] = map[i].split(&#8220;=&#8221;)[1];<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0}<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0return result;<\/p>\n<p align=\"left\">}<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><a name=\"t121\"><\/a><a target=\"_blank\" name=\"_Toc31126\"><\/a>41\u3001\u6b63\u5219\u8868\u8fbe\u5f0f\u6784\u9020\u51fd\u6570var reg=new RegExp(\u201cxxx\u201d)\u4e0e\u6b63\u5219\u8868\u8fbe\u5b57\u9762\u91cfvar reg=\/\/\u6709\u4ec0\u4e48\u4e0d\u540c\uff1f\u5339\u914d\u90ae\u7bb1\u7684\u6b63\u5219\u8868\u8fbe\u5f0f\uff1f<\/h2>\n<p align=\"left\">\u7b54\u6848\uff1a\u5f53\u4f7f\u7528RegExp()\u6784\u9020\u51fd\u6570\u7684\u65f6\u5019\uff0c\u4e0d\u4ec5\u9700\u8981\u8f6c\u4e49\u5f15\u53f7\uff08\u5373\\\u201d\u8868\u793a\u201d\uff09\uff0c\u5e76\u4e14\u8fd8\u9700\u8981\u53cc\u53cd\u659c\u6760\uff08\u5373\\\\\u8868\u793a\u4e00\u4e2a\\\uff09\u3002\u4f7f\u7528\u6b63\u5219\u8868\u8fbe\u5b57\u9762\u91cf\u7684\u6548\u7387\u66f4\u9ad8\u3002<\/p>\n<p align=\"left\">\u90ae\u7bb1\u7684\u6b63\u5219\u5339\u914d\uff1a<\/p>\n<table border=\"0\" width=\"610\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">var regMail = \/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$\/;<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p align=\"left\">24.\u770b\u4e0b\u9762\u4ee3\u7801\uff0c\u7ed9\u51fa\u8f93\u51fa\u7ed3\u679c\u3002<\/p>\n<table border=\"0\" width=\"610\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">for(var i=1;i&lt;=3;i++){<\/p>\n<p align=\"left\">\u00a0\u00a0setTimeout(function(){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0console.log(i);<\/p>\n<p align=\"left\">\u00a0\u00a0},0);<\/p>\n<p align=\"left\">};<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p align=\"left\">\u7b54\u6848\uff1a4 4 4\u3002<\/p>\n<p align=\"left\">\u539f\u56e0\uff1aJavascript\u4e8b\u4ef6\u5904\u7406\u5668\u5728\u7ebf\u7a0b\u7a7a\u95f2\u4e4b\u524d\u4e0d\u4f1a\u8fd0\u884c\u3002\u8ffd\u95ee\uff0c\u5982\u4f55\u8ba9\u4e0a\u8ff0\u4ee3\u7801\u8f93\u51fa1 2 3\uff1f<\/p>\n<table border=\"0\" width=\"610\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">for(var i=1;i&lt;=3;i++){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0setTimeout((function(a){\u00a0 \/\/\u6539\u6210\u7acb\u5373\u6267\u884c\u51fd\u6570<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0console.log(a);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0})(i),0);<\/p>\n<p align=\"left\">};<\/p>\n<p align=\"left\">1\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \/\/\u8f93\u51fa<\/p>\n<p align=\"left\">2<\/p>\n<p align=\"left\">3<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><a name=\"t122\"><\/a><a target=\"_blank\" name=\"_Toc4418\"><\/a>42\u3001\u5199\u4e00\u4e2afunction\uff0c\u6e05\u9664\u5b57\u7b26\u4e32\u524d\u540e\u7684\u7a7a\u683c\u3002\uff08\u517c\u5bb9\u6240\u6709\u6d4f\u89c8\u5668\uff09<\/h2>\n<p align=\"left\">\u4f7f\u7528\u81ea\u5e26\u63a5\u53e3trim()\uff0c\u8003\u8651\u517c\u5bb9\u6027\uff1a<\/p>\n<table border=\"0\" width=\"610\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">if (!String.prototype.trim) {<\/p>\n<p align=\"left\">\u00a0String.prototype.trim = function() {<\/p>\n<p align=\"left\">\u00a0return this.replace(\/^\\s+\/, &#8220;&#8221;).replace(\/\\s+$\/,&#8221;&#8221;);<\/p>\n<p align=\"left\">\u00a0}<\/p>\n<p align=\"left\">}<\/p>\n<p align=\"left\">\u00a0\/\/ test the function<\/p>\n<p align=\"left\">var str = &#8221; \\t\\n test string &#8220;.trim();<\/p>\n<p align=\"left\">alert(str == &#8220;test string&#8221;); \/\/ alerts &#8220;true&#8221;<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><a name=\"t123\"><\/a><a target=\"_blank\" name=\"_Toc2899\"><\/a>43\u3001Javascript\u4e2dcallee\u548ccaller\u7684\u4f5c\u7528\uff1f<\/h2>\n<p align=\"left\">caller\u662f\u8fd4\u56de\u4e00\u4e2a\u5bf9\u51fd\u6570\u7684\u5f15\u7528\uff0c\u8be5\u51fd\u6570\u8c03\u7528\u4e86\u5f53\u524d\u51fd\u6570\uff1b<\/p>\n<p align=\"left\">callee\u662f\u8fd4\u56de\u6b63\u5728\u88ab\u6267\u884c\u7684function\u51fd\u6570\uff0c\u4e5f\u5c31\u662f\u6240\u6307\u5b9a\u7684function\u5bf9\u8c61\u7684\u6b63\u6587\u3002<\/p>\n<p align=\"left\">\u90a3\u4e48\u95ee\u9898\u6765\u4e86\uff1f\u5982\u679c\u4e00\u5bf9\u5154\u5b50\u6bcf\u6708\u751f\u4e00\u5bf9\u5154\u5b50\uff1b\u4e00\u5bf9\u65b0\u751f\u5154\uff0c\u4ece\u7b2c\u4e8c\u4e2a\u6708\u8d77\u5c31\u5f00\u59cb\u751f\u5154\u5b50\uff1b\u5047\u5b9a\u6bcf\u5bf9\u5154\u5b50\u90fd\u662f\u4e00\u96cc\u4e00\u96c4\uff0c\u8bd5\u95ee\u4e00\u5bf9\u5154\u5b50\uff0c\u7b2cn\u4e2a\u6708\u80fd\u7e41\u6b96\u6210\u591a\u5c11\u5bf9\u5154\u5b50\uff1f\uff08\u4f7f\u7528callee\u5b8c\u6210\uff09<\/p>\n<table border=\"0\" width=\"610\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">var result=[];<\/p>\n<p align=\"left\">function fn(n){\u00a0 \/\/\u5178\u578b\u7684\u6590\u6ce2\u90a3\u5951\u6570\u5217<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0if(n==1){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return 1;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0}else if(n==2){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return 1;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0}else{<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if(result[n]){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return result[n];<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}else{<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/argument.callee()\u8868\u793afn()<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0result[n]=arguments.callee(n-1)+arguments.callee(n-2);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return result[n];<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0}<\/p>\n<p align=\"left\">}<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><a name=\"t124\"><\/a><a target=\"_blank\" name=\"_Toc23443\"><\/a>44\u3001Javascript\u4e2d, \u4ee5\u4e0b\u54ea\u6761\u8bed\u53e5\u4e00\u5b9a\u4f1a\u4ea7\u751f\u8fd0\u884c\u9519\u8bef\uff1f\u00a0\u00a0\u00a0\u00a0\u00a0 \u7b54\u6848(\u00a0 B\u00a0\u00a0 )<\/h2>\n<p align=\"left\">A\u3001\u00a0\u00a0var _\u53d8\u91cf=NaN;B\u3001var 0bj = [];C\u3001var obj = \/\/;\u00a0 D\u3001var obj = {};<\/p>\n<h2><a name=\"t125\"><\/a><a target=\"_blank\" name=\"_Toc27245\"><\/a>45\u3001\u4ee5\u4e0b\u4e24\u4e2a\u53d8\u91cfa\u548cb\uff0ca+b\u7684\u54ea\u4e2a\u7ed3\u679c\u662fNaN\uff1f\u00a0\u00a0\u00a0\u00a0\u00a0\u7b54\u6848(\u00a0\u00a0C\u00a0 )<\/h2>\n<p>A\u3001<a target=\"_blank\" name=\"OLE_LINK3\"><\/a><a target=\"_blank\" name=\"OLE_LINK2\"><\/a>var a=<a target=\"_blank\" name=\"OLE_LINK5\"><\/a>undefind; b=NaN<\/p>\n<p>B\u3001var a=\u2018123\u2019; b=NaN<\/p>\n<p>C\u3001var a =undefined , b =NaN<\/p>\n<p>D\u3001var a=NaN , b=<a target=\"_blank\" name=\"OLE_LINK4\"><\/a>&#8216;undefined&#8217;<\/p>\n<h2><a name=\"t126\"><\/a><a target=\"_blank\" name=\"_Toc20034\"><\/a><a target=\"_blank\" name=\"OLE_LINK7\"><\/a><a target=\"_blank\" name=\"OLE_LINK8\"><\/a>46\u3001var a=10; b=20; c=4;\u00a0++b+c+a++ \u4ee5\u4e0b\u54ea\u4e2a\u7ed3\u679c\u662f\u6b63\u786e\u7684\uff1f\u7b54\u6848(\u00a0 B\u00a0 )<\/h2>\n<p>A\u3001\u00a0\u00a034\u00a0\u00a0 B\u300135\u00a0 C\u300136\u00a0 D\u300137<\/p>\n<h2><a name=\"t127\"><\/a><a target=\"_blank\" name=\"_Toc1037\"><\/a>47\u3001\u4e0b\u9762\u7684JavaScript\u8bed\u53e5\u4e2d\uff0c\uff08 D \uff09\u5b9e\u73b0\u68c0\u7d22\u5f53\u524d\u9875\u9762\u4e2d\u7684\u8868\u5355\u5143\u7d20\u4e2d\u7684\u6240\u6709\u6587\u672c\u6846\uff0c\u5e76\u5c06\u5b83\u4eec\u5168\u90e8\u6e05\u7a7a<\/h2>\n<p>A.for(vari=0;i&lt; form1.elements.length;i++) {<\/p>\n<p>if(form1.elements.type==\u201dtext\u201d)<\/p>\n<p>form1.elements.value=\u201d&#8221;;}<\/p>\n<p>B.for(vari=0;i&lt;document.forms.length;i++) {<\/p>\n<p>if(forms[0].elements.type==\u201dtext\u201d)<\/p>\n<p>forms[0].elements.value=\u201d&#8221;;<\/p>\n<p>}<\/p>\n<p>C.if(document.form.elements.type==\u201dtext\u201d)<\/p>\n<p>form.elements.value=\u201d&#8221;;<\/p>\n<p>D. for(vari=0;i&lt;document.forms.length;i++){<\/p>\n<p>for(varj=0;j&lt;document.forms.elements.length; j++){<\/p>\n<p>if(document.forms.elements[j].type==\u201dtext\u201d)<\/p>\n<p>document.forms.elements[j].value=\u201d&#8221;;<\/p>\n<p>}<\/p>\n<p>}<\/p>\n<p><a target=\"_blank\" name=\"_Toc18300\"><\/a>48\u3001\u8981\u5c06\u9875\u9762\u7684\u72b6\u6001\u680f\u4e2d\u663e\u793a\u201c\u5df2\u7ecf\u9009\u4e2d\u8be5\u6587\u672c\u6846\u201d\uff0c\u4e0b\u5217JavaScript\u8bed\u53e5\u6b63\u786e\u7684\u662f\uff08 A \uff09<\/p>\n<p>A. window.status=\u201d\u5df2\u7ecf\u9009\u4e2d\u8be5\u6587\u672c\u6846\u201d<\/p>\n<p>B. document.status=\u201d\u5df2\u7ecf\u9009\u4e2d\u8be5\u6587\u672c\u6846\u201d<\/p>\n<p>C. window.screen=\u201d\u5df2\u7ecf\u9009\u4e2d\u8be5\u6587\u672c\u6846\u201d<\/p>\n<p>D. document.screen=\u201d\u5df2\u7ecf\u9009\u4e2d\u8be5\u6587\u672c\u6846\u201d<\/p>\n<h2><a name=\"t128\"><\/a><a target=\"_blank\" name=\"_Toc29868\"><\/a>49\u3001\u4ee5\u4e0b\u54ea\u6761\u8bed\u53e5\u4f1a\u4ea7\u751f\u8fd0\u884c\u9519\u8bef\uff1a\uff08A\uff09<\/h2>\n<h2><a name=\"t129\"><\/a>A.var obj = ();<\/h2>\n<h2><a name=\"t130\"><\/a>B.var obj = [];<\/h2>\n<h2><a name=\"t131\"><\/a>C.var obj = {};<\/h2>\n<h2><a name=\"t132\"><\/a>D.var obj = \/\/;<\/h2>\n<h2><a name=\"t133\"><\/a><a target=\"_blank\" name=\"_Toc21715\"><\/a>50\u3001\u4ee5\u4e0b\u54ea\u4e2a\u5355\u8bcd\u4e0d\u5c5e\u4e8ejavascript\u4fdd\u7559\u5b57\uff1a\uff08B\uff09<\/h2>\n<h2><a name=\"t134\"><\/a>A.with<\/h2>\n<h2><a name=\"t135\"><\/a>B.parent<\/h2>\n<h2><a name=\"t136\"><\/a>C.class<\/h2>\n<h2><a name=\"t137\"><\/a>D.void<\/h2>\n<h2><a name=\"t138\"><\/a><a target=\"_blank\" name=\"_Toc21162\"><\/a>51\u3001\u8bf7\u9009\u62e9\u7ed3\u679c\u4e3a\u771f\u7684\u8868\u8fbe\u5f0f\uff1a\uff08C\uff09<\/h2>\n<h2><a name=\"t139\"><\/a>A.null instanceof Object<\/h2>\n<h2><a name=\"t140\"><\/a>B.null === undefined<\/h2>\n<h2><a name=\"t141\"><\/a>C.null == undefined<\/h2>\n<h2><a name=\"t142\"><\/a>D.NaN == NaN<\/h2>\n<h2><a name=\"t143\"><\/a><a target=\"_blank\" name=\"_Toc15856\"><\/a>52\u3001Javascript\u4e2d, \u5982\u679c\u5df2\u77e5HTML\u9875\u9762\u4e2d\u7684\u67d0\u6807\u7b7e\u5bf9\u8c61\u7684id=\u201dusername\u201d\uff0c\u7528<a target=\"_blank\" name=\"OLE_LINK9\"><\/a>____document.getElementById(\u2018username\u2019)___ _<a target=\"_blank\" name=\"OLE_LINK10\"><\/a>\u65b9\u6cd5\u83b7\u5f97\u8be5\u6807\u7b7e\u5bf9\u8c61\u3002<\/h2>\n<h2><a name=\"t144\"><\/a><a target=\"_blank\" name=\"_Toc20141\"><\/a>53\u3001typeof\u8fd0\u7b97\u7b26\u8fd4\u56de\u503c\u4e2d\u6709\u4e00\u4e2a\u8ddfjavascript\u6570\u636e\u7c7b\u578b\u4e0d\u4e00\u81f4\uff0c<a target=\"_blank\" name=\"OLE_LINK12\"><\/a>\u5b83\u662f________\u201dfunction\u201d_________\u3002<\/h2>\n<h2><a name=\"t145\"><\/a><a target=\"_blank\" name=\"_Toc25084\"><\/a>54\u3001\u5b9a\u4e49\u4e86\u4e00\u4e2a\u53d8\u91cf\uff0c\u4f46\u6ca1\u6709\u4e3a\u8be5\u53d8\u91cf\u8d4b\u503c\uff0c\u5982\u679calert\u8be5\u53d8\u91cf\uff0cjavascript\u5f39\u51fa\u7684\u5bf9\u8bdd\u6846\u4e2d\u663e\u793a___undefined______ \u3002<\/h2>\n<h2><a name=\"t146\"><\/a><a target=\"_blank\" name=\"_Toc24554\"><\/a>55\u3001\u5206\u6790\u4ee3\u7801\uff0c\u5f97\u51fa\u6b63\u786e\u7684\u7ed3\u679c\u3002<\/h2>\n<p align=\"left\">var a=10, b=20 , c=30;<\/p>\n<p align=\"left\">++a;<\/p>\n<p align=\"left\">a++;<\/p>\n<p align=\"left\">e=++a+(++b)+(c++)+a++;<\/p>\n<p align=\"left\">alert(e);<\/p>\n<p align=\"left\">\u5f39\u51fa\u63d0\u793a\u5bf9\u8bdd\u6846\uff1a77<\/p>\n<h2><a name=\"t147\"><\/a><a target=\"_blank\" name=\"_Toc25921\"><\/a>56\u3001\u5199\u51fa\u51fd\u6570DateDemo\u7684\u8fd4\u56de\u7ed3\u679c\uff0c\u7cfb\u7edf\u65f6\u95f4\u5047\u5b9a\u4e3a\u4eca\u5929<\/h2>\n<p align=\"left\">function DateDemo(){<\/p>\n<p align=\"left\">\u00a0var d, s=&#8221;\u4eca\u5929\u65e5\u671f\u662f\uff1a&#8221;;<\/p>\n<p align=\"left\">\u00a0d = new Date();<\/p>\n<p align=\"left\">s += d.getMonth() +&#8221;\/&#8221;;<\/p>\n<p align=\"left\">s += d.getDate() +&#8221;\/&#8221;;<\/p>\n<p align=\"left\">s += d.getYear();<\/p>\n<p align=\"left\">return s;}<\/p>\n<p align=\"left\">\u7ed3\u679c\uff1a\u4eca\u5929\u65e5\u671f\u662f\uff1a7\/17\/2010<\/p>\n<h2><a name=\"t148\"><\/a><a target=\"_blank\" name=\"_Toc9158\"><\/a>57\u3001\u5199\u51fa\u7a0b\u5e8f\u8fd0\u884c\u7684\u7ed3\u679c\uff1f<\/h2>\n<p align=\"left\">for(i=0, j=0; i&lt;10,j&lt;6; i++, j++){<\/p>\n<p align=\"left\">k = i + j;}<\/p>\n<p align=\"left\">\u7ed3\u679c\uff1a10<\/p>\n<h2><a name=\"t149\"><\/a><a target=\"_blank\" name=\"_Toc22730\"><\/a>58\u3001\u9605\u8bfb\u4ee5\u4e0b\u4ee3\u7801\uff0c\u8bf7\u5206\u6790\u51fa\u7ed3\u679c\uff1a<\/h2>\n<p>vararr = new Array(1 ,3 ,5);<\/p>\n<p>arr[4]=&#8217;z&#8217;;<\/p>\n<p>arr2= arr.reverse();<\/p>\n<p>arr3= arr.concat(arr2);<\/p>\n<p>alert(arr3);<\/p>\n<p>\u5f39\u51fa\u63d0\u793a\u5bf9\u8bdd\u6846\uff1az,,5,3,1,z,,5,3,1<\/p>\n<h2><a name=\"t150\"><\/a><a target=\"_blank\" name=\"_Toc4979\"><\/a>59\u3001\u8865\u5145\u6309\u94ae\u4e8b\u4ef6\u7684\u51fd\u6570\uff0c\u786e\u8ba4\u7528\u6237\u662f\u5426\u9000\u51fa\u5f53\u524d\u9875\u9762\uff0c\u786e\u8ba4\u4e4b\u540e\u5173\u95ed\u7a97\u53e3\uff1b&lt;html&gt;<\/h2>\n<p>&lt;head&gt;<\/p>\n<p>&lt;script type=\u201dtext\/javascript\u201d &gt;<\/p>\n<p>function closeWin(){<\/p>\n<p>\/\/\u5728\u6b64\u5904\u6dfb\u52a0\u4ee3\u7801<\/p>\n<p>if(confirm(\u201c\u786e\u5b9a\u8981\u9000\u51fa\u5417\uff1f\u201d)){<\/p>\n<p>window.close();<\/p>\n<p>}<\/p>\n<p>}<\/p>\n<p>&lt;\/script&gt;<\/p>\n<p>&lt;\/head&gt;<\/p>\n<p>&lt;body&gt;<\/p>\n<p>&lt;input type=\u201dbutton\u201dvalue=\u201d\u5173\u95ed\u7a97\u53e3\u201donclick=\u201dcloseWin()\u201d\/&gt;<\/p>\n<p>&lt;\/body&gt;<\/p>\n<p>&lt;\/html&gt;<\/p>\n<h2><a name=\"t151\"><\/a><a target=\"_blank\" name=\"_Toc5133\"><\/a>60\u3001\u5199\u51fa\u7b80\u5355\u63cf\u8ff0html\u6807\u7b7e\uff08\u4e0d\u5e26\u5c5e\u6027\u7684\u5f00\u59cb\u6807\u7b7e\u548c\u7ed3\u675f\u6807\u7b7e\uff09\u7684\u6b63\u5219\u8868\u8fbe\u5f0f\uff0c\u5e76\u5c06\u4ee5\u4e0b\u5b57\u7b26\u4e32\u4e2d\u7684html\u6807\u7b7e\u53bb\u9664\u6389<\/h2>\n<p>var str = \u201c&lt;div&gt;\u8fd9\u91cc\u662fdiv&lt;p&gt;\u91cc\u9762\u7684\u6bb5\u843d&lt;\/p&gt;&lt;\/div&gt;\u201d;<\/p>\n<p>\/\/<\/p>\n<p>&lt;scripttype=\u201dtext\/javascript\u201d&gt;<\/p>\n<p>varreg = \/&lt;\\\/?\\w+\\\/?&gt;\/gi;<\/p>\n<p>varstr = \u201c&lt;div&gt;\u8fd9\u91cc\u662fdiv&lt;p&gt;\u91cc\u9762\u7684\u6bb5\u843d&lt;\/p&gt;&lt;\/div&gt;\u201d;<\/p>\n<p>alert(str.replace(reg,\u201d&#8221;));<\/p>\n<p>&lt;\/script&gt;<\/p>\n<h2><a name=\"t152\"><\/a><a target=\"_blank\" name=\"_Toc1903\"><\/a>61\u3001\u5b8c\u6210foo()\u51fd\u6570\u7684\u5185\u5bb9\uff0c\u8981\u6c42\u80fd\u591f\u5f39\u51fa\u5bf9\u8bdd\u6846\u63d0\u793a\u5f53\u524d\u9009\u4e2d\u7684\u662f\u7b2c\u51e0\u4e2a\u5355\u9009\u6846\u3002<\/h2>\n<p>&lt;html&gt;<\/p>\n<p>&lt;head&gt;<\/p>\n<p>&lt;metahttp-equiv=\u201dContent-Type\u201d content=\u201dtext\/html;charset=utf-8\u2033 \/&gt;<\/p>\n<p>&lt;\/head&gt;<\/p>\n<p>&lt;body&gt;<\/p>\n<p>&lt;script type=\u201dtext\/javascript\u201d &gt;<\/p>\n<p>function foo() {<\/p>\n<p>\/\/\u5728\u6b64\u5904\u6dfb\u52a0\u4ee3\u7801<\/p>\n<p>var rdo =document.form1.radioGroup;<\/p>\n<p>for(var i =0 ;i&lt;rdo.length;i++){<\/p>\n<p>if(rdo.checked){<\/p>\n<p>alert(\u201c\u60a8\u9009\u62e9\u7684\u662f\u7b2c\u201d+(i+1)+\u201d\u4e2a\u5355\u9009\u6846\u201d);<\/p>\n<p>}<\/p>\n<p>}<\/p>\n<p>}<\/p>\n<p>&lt;\/script&gt;<\/p>\n<p>&lt;body&gt;<\/p>\n<p>&lt;form name=\u201dform1\u2033 &gt;<\/p>\n<p>&lt;input type=\u201dradio\u201dname=\u201dradioGroup\u201d\/&gt;<\/p>\n<p>&lt;input type=\u201dradio\u201dname=\u201dradioGroup\u201d\/&gt;<\/p>\n<p>&lt;input type=\u201dradio\u201d name=\u201dradioGroup\u201d\/&gt;<\/p>\n<p>&lt;input type=\u201dradio\u201dname=\u201dradioGroup\u201d\/&gt;<\/p>\n<p>&lt;input type=\u201dsubmit\u201d\/&gt;<\/p>\n<p>&lt;\/form&gt;<\/p>\n<p>&lt;\/body&gt;<\/p>\n<p>&lt;\/html&gt;<\/p>\n<h2><a name=\"t153\"><\/a><a target=\"_blank\" name=\"_Toc30952\"><\/a>62\u3001\u5b8c\u6210\u51fd\u6570showImg()\uff0c\u8981\u6c42\u80fd\u591f\u52a8\u6001\u6839\u636e\u4e0b\u62c9\u5217\u8868\u7684\u9009\u9879\u53d8\u5316\uff0c\u66f4\u65b0\u56fe\u7247\u7684\u663e\u793a<\/h2>\n<p>&lt;body&gt;<\/p>\n<p>&lt;script type=\u201dtext\/javascript\u201d &gt;<\/p>\n<p>function showImg (oSel) {<\/p>\n<p>\/\/\u5728\u6b64\u5904\u6dfb\u52a0\u4ee3\u7801<\/p>\n<p>var str = oSel.value;<\/p>\n<p>document.getElementById(\u201cpic\u201d).src=str+\u201d.jpg\u201d;<\/p>\n<p>}<\/p>\n<p>&lt;\/script&gt;<\/p>\n<p>&lt;img id=\u201dpic\u201dsrc=\u201dimg1.jpg\u201dwidth=\u201d200\u2033 height=\u201d200\u2033 \/&gt;<\/p>\n<p>&lt;br \/&gt;<\/p>\n<p>&lt;select id=\u201dsel\u201d&gt;<\/p>\n<p>&lt;option value=\u201dimg1\u201c&gt;\u57ce\u5e02\u751f\u6d3b&lt;\/option&gt;<\/p>\n<p>&lt;option value=\u201dimg2\u201c&gt;\u90fd\u5e02\u65e9\u62a5&lt;\/option&gt;<\/p>\n<p>&lt;option value=\u201dimg3\u201c&gt;\u9752\u5c71\u7eff\u6c34&lt;\/option&gt;<\/p>\n<p>&lt;\/select&gt;&lt;\/body&gt;<\/p>\n<h2><a name=\"t154\"><\/a><a target=\"_blank\" name=\"_Toc21\"><\/a>63\u3001\u622a\u53d6\u5b57\u7b26\u4e32abcdefg\u7684efg<\/h2>\n<p align=\"left\">alert(&#8216;abcdefg&#8217;.substring(4));<\/p>\n<h2><a name=\"t155\"><\/a><a target=\"_blank\" name=\"_Toc23665\"><\/a>64\u3001\u5217\u4e3e\u6d4f\u89c8\u5668\u5bf9\u8c61\u6a21\u578bBOM\u91cc\u5e38\u7528\u7684\u81f3\u5c114\u4e2a\u5bf9\u8c61\uff0c\u5e76\u5217\u4e3ewindow\u5bf9\u8c61\u7684\u5e38\u7528\u65b9\u6cd5\u81f3\u5c115\u4e2a<\/h2>\n<p align=\"left\">\u5bf9\u8c61\uff1aWindow document location screen history navigator<\/p>\n<p align=\"left\">\u65b9\u6cd5\uff1aAlert() confirm() prompt() open() close()<\/p>\n<h2><a name=\"t156\"><\/a><a target=\"_blank\" name=\"_Toc9122\"><\/a>65\u3001\u7b80\u8ff0\u5217\u4e3e\u6587\u6863\u5bf9\u8c61\u6a21\u578bDOM\u91ccdocument\u7684\u5e38\u7528\u7684\u67e5\u627e\u8bbf\u95ee\u8282\u70b9\u7684\u65b9\u6cd5\u5e76\u505a\u7b80\u5355\u8bf4\u660e<\/h2>\n<p>Document.getElementById\u6839\u636e\u5143\u7d20id\u67e5\u627e\u5143\u7d20<\/p>\n<p align=\"left\">Document.getElementByName\u6839\u636e\u5143\u7d20name\u67e5\u627e\u5143\u7d20<\/p>\n<p align=\"left\">Document.getElementTagName\u6839\u636e\u6307\u5b9a\u7684\u5143\u7d20\u540d\u67e5\u627e\u5143\u7d20<\/p>\n<h2><a name=\"t157\"><\/a><a target=\"_blank\" name=\"_Toc25456\"><\/a>66\u3001\u5e0c\u671b\u83b7\u53d6\u5230\u9875\u9762\u4e2d\u6240\u6709\u7684checkbox\u600e\u4e48\u505a\uff1f(\u4e0d\u4f7f\u7528\u7b2c\u4e09\u65b9\u6846\u67b6)<\/h2>\n<p align=\"left\">vardomList = document.getElementsByTagName(\u2018input\u2019)<\/p>\n<p align=\"left\">varcheckBoxList = [];<\/p>\n<p align=\"left\">varlen = domList.length;\u3000\u3000\/\/\u7f13\u5b58\u5230\u5c40\u90e8\u53d8\u91cf<\/p>\n<p align=\"left\">while(len&#8211;) {\u3000\u3000\/\/\u4f7f\u7528while\u7684\u6548\u7387\u4f1a\u6bd4for\u5faa\u73af\u66f4\u9ad8<\/p>\n<p align=\"left\">\u3000\u3000if (domList[len].type == \u2018checkbox\u2019) {<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0 \u3000\u3000checkBoxList.push(domList[len]);<\/p>\n<p align=\"left\">\u3000\u3000}<\/p>\n<p align=\"left\">}<\/p>\n<h2><a name=\"t158\"><\/a><a target=\"_blank\" name=\"_Toc9554\"><\/a>67\u3001JavaScript\u7684\u6570\u636e\u7c7b\u578b\u90fd\u6709\u4ec0\u4e48\uff1f<\/h2>\n<p align=\"left\">\u57fa\u672c\u6570\u636e\u7c7b\u578b\uff1aString,Boolean,Number,Undefined,Null<\/p>\n<p align=\"left\">\u5f15\u7528\u6570\u636e\u7c7b\u578b\uff1aObject(Array,Date,RegEx p,Function)<\/p>\n<h2><a name=\"t159\"><\/a><a target=\"_blank\" name=\"_Toc22394\"><\/a>68\u3001javascript\u4e2d\u6709\u54ea\u51e0\u79cd\u6570\u636e\u7c7b\u578b\uff0c\u5206\u522b\u5199\u51fa\u4e2d\u6587\u548c\u82f1\u6587\u3002<\/h2>\n<p>string boolean number null undefined object<\/p>\n<p>\u5b57\u7b26\u4e32\u5e03\u5c14 \u6570\u503c \u7a7a\u503c \u672a\u5b9a\u4e49 \u5bf9\u8c61<\/p>\n<h2><a name=\"t160\"><\/a><a target=\"_blank\" name=\"_Toc9864\"><\/a>69\u3001javascript\u4e2d==\u548c===\u7684\u533a\u522b\u662f\u4ec0\u4e48\uff1f\u4e3e\u4f8b\u8bf4\u660e\u3002<\/h2>\n<p>===\u4f1a\u81ea\u52a8\u8fdb\u884c\u7c7b\u578b\u8f6c\u6362\uff0c==\u4e0d\u4f1a<\/p>\n<h2><a name=\"t161\"><\/a><a target=\"_blank\" name=\"_Toc25089\"><\/a>70\u3001\u7b80\u8ff0\u521b\u5efa\u51fd\u6570\u7684\u51e0\u79cd\u65b9\u5f0f<\/h2>\n<p>\u7b2c\u4e00\u79cd\uff08\u51fd\u6570\u58f0\u660e\uff09\uff1a<\/p>\n<p>function sum1(num1,num2){<\/p>\n<p>return num1+num2;<\/p>\n<p>}<\/p>\n<p>\u7b2c\u4e8c\u79cd\uff08\u51fd\u6570\u8868\u8fbe\u5f0f\uff09\uff1a<\/p>\n<p>var sum2 = function(num1,num2){<\/p>\n<p>return num1+num2;<\/p>\n<p>}<\/p>\n<p>\u7b2c\u4e09\u79cd\uff08\u51fd\u6570\u5bf9\u8c61\u65b9\u5f0f\uff09\uff1a<\/p>\n<p>var sum3 = newFunction(&#8220;num1&#8243;,&#8221;num2&#8243;,&#8221;return num1+num2&#8221;);<\/p>\n<h2><a name=\"t162\"><\/a><a target=\"_blank\" name=\"_Toc27166\"><\/a>71\u3001Javascript\u5982\u4f55\u5b9e\u73b0\u7ee7\u627f\uff1f<\/h2>\n<p>\u539f\u578b\u94fe\u7ee7\u627f\uff0c\u501f\u7528\u6784\u9020\u51fd\u6570\u7ee7\u627f\uff0c\u7ec4\u5408\u7ee7\u627f\uff0c\u5bc4\u751f\u5f0f\u7ee7\u627f\uff0c\u5bc4\u751f\u7ec4\u5408\u7ee7\u627f<\/p>\n<h2><a name=\"t163\"><\/a><a target=\"_blank\" name=\"_Toc17628\"><\/a>72\u3001Javascript\u521b\u5efa\u5bf9\u8c61\u7684\u51e0\u79cd\u65b9\u5f0f\uff1f<\/h2>\n<p>\u5de5\u5382\u65b9\u5f0f\uff0c\u6784\u9020\u51fd\u6570\u65b9\u5f0f\uff0c\u539f\u578b\u6a21\u5f0f\uff0c\u6df7\u5408\u6784\u9020\u51fd\u6570\u539f\u578b\u6a21\u5f0f\uff0c\u52a8\u6001\u539f\u578b\u65b9\u5f0f<\/p>\n<h2><a name=\"t164\"><\/a><a target=\"_blank\" name=\"_Toc13137\"><\/a>73\u3001\u628a Script \u6807\u7b7e \u653e\u5728\u9875\u9762\u7684\u6700\u5e95\u90e8\u7684body\u5c01\u95ed\u4e4b\u524d \u548c\u5c01\u95ed\u4e4b\u540e\u6709\u4ec0\u4e48\u533a\u522b\uff1f\u6d4f\u89c8\u5668\u4f1a\u5982\u4f55\u89e3\u6790\u5b83\u4eec\uff1f<\/h2>\n<h2><a name=\"t165\"><\/a><a target=\"_blank\" name=\"_Toc9234\"><\/a>74\u3001iframe\u7684\u4f18\u7f3a\u70b9\uff1f<\/h2>\n<p>\u4f18\u70b9\uff1a<\/p>\n<p>1. \u89e3\u51b3\u52a0\u8f7d\u7f13\u6162\u7684\u7b2c\u4e09\u65b9\u5185\u5bb9\u5982\u56fe\u6807\u548c\u5e7f\u544a\u7b49\u7684\u52a0\u8f7d\u95ee\u9898<\/p>\n<p>2. Security sandbox<\/p>\n<p>3. \u5e76\u884c\u52a0\u8f7d\u811a\u672c<\/p>\n<p>\u7f3a\u70b9\uff1a<\/p>\n<p>1. iframe\u4f1a\u963b\u585e\u4e3b\u9875\u9762\u7684Onload\u4e8b\u4ef6<\/p>\n<p>2. \u5373\u65f6\u5185\u5bb9\u4e3a\u7a7a\uff0c\u52a0\u8f7d\u4e5f\u9700\u8981\u65f6\u95f4<\/p>\n<p>3. \u6ca1\u6709\u8bed\u610f<\/p>\n<h2><a name=\"t166\"><\/a><a target=\"_blank\" name=\"_Toc13539\"><\/a>75\u3001\u8bf7\u4f60\u8c08\u8c08Cookie\u7684\u5f0a\u7aef\uff1f<\/h2>\n<p>\u7f3a\u70b9\uff1a<\/p>\n<p>1.`Cookie`\u6570\u91cf\u548c\u957f\u5ea6\u7684\u9650\u5236\u3002\u6bcf\u4e2adomain\u6700\u591a\u53ea\u80fd\u670920\u6761cookie\uff0c\u6bcf\u4e2acookie\u957f\u5ea6\u4e0d\u80fd\u8d85\u8fc74KB\uff0c\u5426\u5219\u4f1a\u88ab\u622a\u6389\u3002<\/p>\n<p>2.\u5b89\u5168\u6027\u95ee\u9898\u3002\u5982\u679ccookie\u88ab\u4eba\u62e6\u622a\u4e86\uff0c\u90a3\u4eba\u5c31\u53ef\u4ee5\u53d6\u5f97\u6240\u6709\u7684session\u4fe1\u606f\u3002\u5373\u4f7f\u52a0\u5bc6\u4e5f\u4e0e\u4e8b\u65e0\u8865\uff0c\u56e0\u4e3a\u62e6\u622a\u8005\u5e76\u4e0d\u9700\u8981\u77e5\u9053cookie\u7684\u610f\u4e49\uff0c\u4ed6\u53ea\u8981\u539f\u6837\u8f6c\u53d1cookie\u5c31\u53ef\u4ee5\u8fbe\u5230\u76ee\u7684\u4e86\u3002<\/p>\n<p>3.\u6709\u4e9b\u72b6\u6001\u4e0d\u53ef\u80fd\u4fdd\u5b58\u5728\u5ba2\u6237\u7aef\u3002\u4f8b\u5982\uff0c\u4e3a\u4e86\u9632\u6b62\u91cd\u590d\u63d0\u4ea4\u8868\u5355\uff0c\u6211\u4eec\u9700\u8981\u5728\u670d\u52a1\u5668\u7aef\u4fdd\u5b58\u4e00\u4e2a\u8ba1\u6570\u5668\u3002\u5982\u679c\u6211\u4eec\u628a\u8fd9\u4e2a\u8ba1\u6570\u5668\u4fdd\u5b58\u5728\u5ba2\u6237\u7aef\uff0c\u90a3\u4e48\u5b83\u8d77\u4e0d\u5230\u4efb\u4f55\u4f5c\u7528\u3002<\/p>\n<h2><a name=\"t167\"><\/a><a target=\"_blank\" name=\"_Toc21223\"><\/a>76\u3001DOM\u64cd\u4f5c\u2014\u2014\u600e\u6837\u6dfb\u52a0\u3001\u79fb\u9664\u3001\u79fb\u52a8\u3001\u590d\u5236\u3001\u521b\u5efa\u548c\u67e5\u627e\u8282\u70b9\u3002<\/h2>\n<p>1. \u521b\u5efa\u65b0\u8282\u70b9<\/p>\n<p>createDocumentFragment() \/\/ \u521b\u5efa\u4e00\u4e2aDOM\u7247\u6bb5<\/p>\n<p>createElement() \/\/ \u521b\u5efa\u4e00\u4e2a\u5177\u4f53\u7684\u5143\u7d20<\/p>\n<p>createTextNode() \/\/ \u521b\u5efa\u4e00\u4e2a\u6587\u672c\u8282\u70b9<\/p>\n<p>2. \u6dfb\u52a0\u3001\u79fb\u9664\u3001\u66ff\u6362\u3001\u63d2\u5165<\/p>\n<p>appendChild()<\/p>\n<p>removeChild()<\/p>\n<p>replaceChild()<\/p>\n<p>insertBefore() \/\/ \u5728\u5df2\u6709\u7684\u5b50\u8282\u70b9\u524d\u63d2\u5165\u4e00\u4e2a\u65b0\u7684\u5b50\u8282\u70b9<\/p>\n<p>3. \u67e5\u627e<\/p>\n<p>getElementsByTagName() \/\/ \u901a\u8fc7\u6807\u7b7e\u540d\u79f0<\/p>\n<p>getElementsByName() \/\/ \u901a\u8fc7\u5143\u7d20\u7684Name\u5c5e\u6027\u7684\u503c(IE\u5bb9\u9519\u80fd\u529b\u8f83\u5f3a\uff0c\u4f1a\u5f97\u5230\u4e00\u4e2a\u6570\u7ec4\uff0c\u5176\u4e2d\u5305\u62ecid\u7b49\u4e8ename\u503c\u7684)<\/p>\n<p>getElementById() \/\/ \u901a\u8fc7\u5143\u7d20Id\uff0c\u552f\u4e00\u6027<\/p>\n<h2><a name=\"t168\"><\/a><a target=\"_blank\" name=\"_Toc23139\"><\/a>77\u3001js\u5ef6\u8fdf\u52a0\u8f7d\u7684\u65b9\u5f0f\u6709\u54ea\u4e9b\uff1f<\/h2>\n<p>1. defer\u548casync<\/p>\n<p>2. \u52a8\u6001\u521b\u5efaDOM\u65b9\u5f0f\uff08\u521b\u5efascript\uff0c\u63d2\u5165\u5230DOM\u4e2d\uff0c\u52a0\u8f7d\u5b8c\u6bd5\u540ecallBack\uff09<\/p>\n<p>3. \u6309\u9700\u5f02\u6b65\u8f7d\u5165js<\/p>\n<h2><a name=\"t169\"><\/a><a target=\"_blank\" name=\"_Toc26245\"><\/a>78\u3001documen.write\u548c innerHTML \u7684\u533a\u522b\uff1f<\/h2>\n<p>document.write \u53ea\u80fd\u91cd\u7ed8\u6574\u4e2a\u9875\u9762<\/p>\n<p>innerHTML \u53ef\u4ee5\u91cd\u7ed8\u9875\u9762\u7684\u4e00\u90e8\u5206<\/p>\n<h2><a name=\"t170\"><\/a><a target=\"_blank\" name=\"_Toc17608\"><\/a>79\u3001\u54ea\u4e9b\u64cd\u4f5c\u4f1a\u9020\u6210\u5185\u5b58\u6cc4\u6f0f\uff1f<\/h2>\n<p>\u5185\u5b58\u6cc4\u6f0f\u6307\u4efb\u4f55\u5bf9\u8c61\u5728\u60a8\u4e0d\u518d\u62e5\u6709\u6216\u9700\u8981\u5b83\u4e4b\u540e\u4ecd\u7136\u5b58\u5728\u3002<\/p>\n<p>\u5783\u573e\u56de\u6536\u5668\u5b9a\u671f\u626b\u63cf\u5bf9\u8c61\uff0c\u5e76\u8ba1\u7b97\u5f15\u7528\u4e86\u6bcf\u4e2a\u5bf9\u8c61\u7684\u5176\u4ed6\u5bf9\u8c61\u7684\u6570\u91cf\u3002\u5982\u679c\u4e00\u4e2a\u5bf9\u8c61\u7684\u5f15\u7528\u6570\u91cf\u4e3a 0\uff08\u6ca1\u6709\u5176\u4ed6\u5bf9\u8c61\u5f15\u7528\u8fc7\u8be5\u5bf9\u8c61\uff09\uff0c\u6216\u5bf9\u8be5\u5bf9\u8c61\u7684\u60df\u4e00\u5f15\u7528\u662f\u5faa\u73af\u7684\uff0c\u90a3\u4e48\u8be5\u5bf9\u8c61\u7684\u5185\u5b58\u5373\u53ef\u56de\u6536\u3002<\/p>\n<p>1. setTimeout \u7684\u7b2c\u4e00\u4e2a\u53c2\u6570\u4f7f\u7528\u5b57\u7b26\u4e32\u800c\u975e\u51fd\u6570\u7684\u8bdd\uff0c\u4f1a\u5f15\u53d1\u5185\u5b58\u6cc4\u6f0f\u3002<\/p>\n<p>2. \u95ed\u5305<\/p>\n<p>3. \u63a7\u5236\u53f0\u65e5\u5fd7<\/p>\n<p>4. \u5faa\u73af\uff08\u5728\u4e24\u4e2a\u5bf9\u8c61\u5f7c\u6b64\u5f15\u7528\u4e14\u5f7c\u6b64\u4fdd\u7559\u65f6\uff0c\u5c31\u4f1a\u4ea7\u751f\u4e00\u4e2a\u5faa\u73af\uff09<\/p>\n<h2><a name=\"t171\"><\/a><a target=\"_blank\" name=\"_Toc8886\"><\/a>80\u3001javascript\u7684typeof\u8fd4\u56de\u54ea\u4e9b\u6570\u636e\u7c7b\u578b?<\/h2>\n<p>\u7b54\uff1aobject\u3001 number\u3001 function \u3001boolean\u3001 underfind<\/p>\n<h2><a name=\"t172\"><\/a><a target=\"_blank\" name=\"_Toc23736\"><\/a>81\u3001split() join() \u7684\u533a\u522b<\/h2>\n<p>\u7b54\uff1a\u524d\u8005\u662f\u5207\u5272\u6210\u6570\u7ec4\u7684\u5f62\u5f0f\uff0c\u540e\u8005\u662f\u5c06\u6570\u7ec4\u8f6c\u6362\u6210\u5b57\u7b26\u4e32<\/p>\n<h2><a name=\"t173\"><\/a><a target=\"_blank\" name=\"_Toc14719\"><\/a>82\u3001\u6570\u7ec4\u65b9\u6cd5pop() push() unshift() shift()\u5404\u8868\u793a\u4ec0\u4e48\u610f\u601d\uff1f<\/h2>\n<p>\u7b54\uff1aPush()\u5c3e\u90e8\u6dfb\u52a0\u3001pop()\u5c3e\u90e8\u5220\u9664\u3001Unshift()\u5934\u90e8\u6dfb\u52a0\u3001shift()\u5934\u90e8\u5220\u9664<\/p>\n<h2><a name=\"t174\"><\/a><a target=\"_blank\" name=\"_Toc12339\"><\/a>83\u3001\u5224\u65ad\u4e00\u4e2a\u5b57\u7b26\u4e32\u4e2d\u51fa\u73b0\u6b21\u6570\u6700\u591a\u7684\u5b57\u7b26\uff0c\u7edf\u8ba1\u8fd9\u4e2a\u6b21\u6570<\/h2>\n<p>\u7b54\uff1avarstr = &#8216;asdfssaaasasasasaa&#8217;;<br \/>\nvar json = {};<br \/>\nfor (var i = 0; i &lt; str.length; i++) {<br \/>\nif(!json[str.charAt(i)]){<br \/>\njson[str.charAt(i)] = 1;<br \/>\n}else{<br \/>\njson[str.charAt(i)]++;<br \/>\n}<br \/>\n};<br \/>\nvar iMax = 0;<br \/>\nvar iIndex = &#8221;;<br \/>\nfor(var i in json){<br \/>\nif(json[i]&gt;iMax){<br \/>\niMax = json[i];<br \/>\niIndex = i;<br \/>\n}<br \/>\n}<br \/>\nalert(&#8216;\u51fa\u73b0\u6b21\u6570\u6700\u591a\u7684\u662f:&#8217;+iIndex+&#8217;\u51fa\u73b0&#8217;+iMax+&#8217;\u6b21&#8217;);<\/p>\n<h2><a name=\"t175\"><\/a><a target=\"_blank\" name=\"_Toc23722\"><\/a>84\u3001javascript\u7684typeof\u8fd4\u56de\u54ea\u4e9b\u6570\u636e\u7c7b\u578b<\/h2>\n<p>Objectnumber function boolean underfind<\/p>\n<h2><a name=\"t176\"><\/a><a target=\"_blank\" name=\"_Toc16001\"><\/a>85\u3001\u4f8b\u4e3e3\u79cd\u5f3a\u5236\u7c7b\u578b\u8f6c\u6362\u548c2\u79cd\u9690\u5f0f\u7c7b\u578b\u8f6c\u6362?<\/h2>\n<p>\u5f3a\u5236\uff08parseInt,parseFloat,number\uff09<\/p>\n<p>\u9690\u5f0f\uff08== \u2013 ===\uff09<\/p>\n<h2><a name=\"t177\"><\/a><a target=\"_blank\" name=\"_Toc22648\"><\/a>86\u3001split() join() \u7684\u533a\u522b<\/h2>\n<p>\u524d\u8005\u662f\u5207\u5272\u6210\u6570\u7ec4\u7684\u5f62\u5f0f\uff0c\u540e\u8005\u662f\u5c06\u6570\u7ec4\u8f6c\u6362\u6210\u5b57\u7b26\u4e32<\/p>\n<h2><a name=\"t178\"><\/a><a target=\"_blank\" name=\"_Toc11404\"><\/a>87\u3001\u6570\u7ec4\u65b9\u6cd5pop() push() unshift() shift()<\/h2>\n<p>Push()\u5c3e\u90e8\u6dfb\u52a0 shift() \u5c3e\u90e8\u5220\u9664<\/p>\n<p>Unshift() \u5934\u90e8\u6dfb\u52a0 shift() \u5934\u90e8\u5220\u9664<\/p>\n<h2><a name=\"t179\"><\/a><a target=\"_blank\" name=\"_Toc26903\"><\/a>88\u3001\u4e8b\u4ef6\u7ed1\u5b9a\u548c\u666e\u901a\u4e8b\u4ef6\u6709\u4ec0\u4e48\u533a\u522b<\/h2>\n<p>\u4e8b\u4ef6\u7ed1\u5b9a\u548c\u666e\u901a\u4e8b\u4ef6\u6709\u4ec0\u4e48\u533a\u522b<\/p>\n<h2><a name=\"t180\"><\/a><a target=\"_blank\" name=\"_Toc27920\"><\/a>89\u3001IE\u548cDOM\u4e8b\u4ef6\u6d41\u7684\u533a\u522b<\/h2>\n<p>1.\u6267\u884c\u987a\u5e8f\u4e0d\u4e00\u6837\u3001<\/p>\n<p>2.\u53c2\u6570\u4e0d\u4e00\u6837<\/p>\n<p>3.\u4e8b\u4ef6\u52a0\u4e0d\u52a0on<\/p>\n<p>4.this\u6307\u5411\u95ee\u9898<\/p>\n<h2><a name=\"t181\"><\/a><a target=\"_blank\" name=\"_Toc18574\"><\/a>90\u3001IE\u548c\u6807\u51c6\u4e0b\u6709\u54ea\u4e9b\u517c\u5bb9\u6027\u7684\u5199\u6cd5<\/h2>\n<p>Varev = ev || window.event<\/p>\n<p>document.documentElement.clientWidth ||document.body.clientWidth<\/p>\n<p>Var target = ev.srcElement||ev.target<\/p>\n<h2><a name=\"t182\"><\/a><a target=\"_blank\" name=\"_Toc837\"><\/a>91\u3001call\u548capply\u7684\u533a\u522b<\/h2>\n<p>Object.call(this,obj1,obj2,obj3)<\/p>\n<p>Object.apply(this,arguments)<\/p>\n<h2><a name=\"t183\"><\/a><a target=\"_blank\" name=\"_Toc8508\"><\/a>92\u3001b\u7ee7\u627fa\u7684\u65b9\u6cd5<\/h2>\n<h2><a name=\"t184\"><\/a><a target=\"_blank\" name=\"_Toc31732\"><\/a>93\u3001\u5199\u4e00\u4e2a\u83b7\u53d6\u975e\u884c\u95f4\u6837\u5f0f\u7684\u51fd\u6570<\/h2>\n<p>function getStyle(obj,attr,value)<\/p>\n<p>{<\/p>\n<p>if(!value)<\/p>\n<p>{<\/p>\n<p>if(obj.currentStyle)<\/p>\n<p>{<\/p>\n<p>returnobj.currentStyle(attr);<\/p>\n<p>}<\/p>\n<p>else{<\/p>\n<p>obj.getComputedStyle(attr,false);<\/p>\n<p>}<\/p>\n<p>}<\/p>\n<p>else<\/p>\n<p>{<\/p>\n<p>obj.style[attr] =value;<\/p>\n<p>}<\/p>\n<p>}<\/p>\n<h2><a name=\"t185\"><\/a><a target=\"_blank\" name=\"_Toc12575\"><\/a>94\u3001\u4e8b\u4ef6\u59d4\u6258\u662f\u4ec0\u4e48<\/h2>\n<p>\u8ba9\u5229\u7528\u4e8b\u4ef6\u5192\u6ce1\u7684\u539f\u7406\uff0c\u8ba9\u81ea\u5df1\u7684\u6240\u89e6\u53d1\u7684\u4e8b\u4ef6\uff0c\u8ba9\u4ed6\u7684\u7236\u5143\u7d20\u4ee3\u66ff\u6267\u884c\uff01<\/p>\n<p><a target=\"_blank\" name=\"OLE_LINK15\"><\/a><a target=\"_blank\" name=\"OLE_LINK14\"><\/a>http:\/\/www.webasily.com\/?p=78 \u4f8b\u5b50\u53ef\u89c1\u6b64\u94fe\u63a5<\/p>\n<p>\u4e8b\u4ef6\u59d4\u6258\u662f\u4ec0\u4e48<\/p>\n<h2><a name=\"t186\"><\/a><a target=\"_blank\" name=\"_Toc22551\"><\/a>95\u3001\u95ed\u5305\u662f\u4ec0\u4e48\uff0c\u6709\u4ec0\u4e48\u7279\u6027\uff0c\u5bf9\u9875\u9762\u6709\u4ec0\u4e48\u5f71\u54cd<\/h2>\n<p>\u95ed\u5305\u5c31\u662f\u80fd\u591f\u8bfb\u53d6\u5176\u4ed6\u51fd\u6570\u5185\u90e8\u53d8\u91cf\u7684\u51fd\u6570\u3002<\/p>\n<p>http:\/\/blog.csdn.NET\/gaoshanwudi\/article\/details\/7355794 \u6b64\u94fe\u63a5\u53ef\u67e5\u770b\uff08\u95ee\u8fd9\u4e2a\u95ee\u9898\u7684\u4e0d\u662f\u4e00\u4e2a\u516c\u53f8\uff09<\/p>\n<h2><a name=\"t187\"><\/a><a target=\"_blank\" name=\"_Toc3193\"><\/a>96\u3001\u89e3\u91cajsonp\u7684\u539f\u7406\uff0c\u4ee5\u53ca\u4e3a\u4ec0\u4e48\u4e0d\u662f\u771f\u6b63\u7684ajax<\/h2>\n<p>\u52a8\u6001\u521b\u5efascript\u6807\u7b7e\uff0c\u56de\u8c03\u51fd\u6570<\/p>\n<p>Ajax\u662f\u9875\u9762\u65e0\u5237\u65b0\u8bf7\u6c42\u6570\u636e\u64cd\u4f5c<\/p>\n<h2><a name=\"t188\"><\/a><a target=\"_blank\" name=\"_Toc15718\"><\/a>97\u3001javascript\u7684\u672c\u5730\u5bf9\u8c61\uff0c\u5185\u7f6e\u5bf9\u8c61\u548c\u5bbf\u4e3b\u5bf9\u8c61<\/h2>\n<p>\u672c\u5730\u5bf9\u8c61\u4e3aarray obj regexp\u7b49\u53ef\u4ee5new\u5b9e\u4f8b\u5316<\/p>\n<p>\u5185\u7f6e\u5bf9\u8c61\u4e3agload Math \u7b49\u4e0d\u53ef\u4ee5\u5b9e\u4f8b\u5316\u7684<\/p>\n<p>\u5bbf\u4e3b\u4e3a\u6d4f\u89c8\u5668\u81ea\u5e26\u7684document,window \u7b49<\/p>\n<h2><a name=\"t189\"><\/a><a target=\"_blank\" name=\"_Toc8854\"><\/a>98\u3001document load \u548cdocument ready\u7684\u533a\u522b<\/h2>\n<p>Document.onload\u662f\u5728\u7ed3\u6784\u548c\u6837\u5f0f\u52a0\u8f7d\u5b8c\u624d\u6267\u884cjs<\/p>\n<p>Document.ready\u539f\u751f\u79cd\u6ca1\u6709\u8fd9\u4e2a\u65b9\u6cd5\uff0cjquery\u4e2d\u6709 $().ready(function)<\/p>\n<h2><a name=\"t190\"><\/a><a target=\"_blank\" name=\"_Toc9358\"><\/a>99\u3001\u5b57\u7b26\u4e32\u53cd\u8f6c\uff0c\u5982\u5c06 &#8216;12345678&#8217; \u53d8\u6210 &#8216;87654321&#8217;<\/h2>\n<table border=\"0\" width=\"709\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">\/\/\u5927\u725b\u505a\u6cd5\uff1b<\/p>\n<p align=\"left\">\/\/\u601d\u8def\uff1a\u5148\u5c06\u5b57\u7b26\u4e32\u8f6c\u6362\u4e3a\u6570\u7ec4\u00a0split()\uff0c\u5229\u7528\u6570\u7ec4\u7684\u53cd\u5e8f\u51fd\u6570\u00a0reverse()\u98a0\u5012\u6570\u7ec4\uff0c\u518d\u5229\u7528\u00a0jion()\u00a0\u8f6c\u6362\u4e3a\u5b57\u7b26\u4e32<\/p>\n<p align=\"left\">var\u00a0str\u00a0=\u00a0&#8216;12345678&#8217;;<\/p>\n<p align=\"left\">str\u00a0=\u00a0str.split(&#8221;).reverse().join(&#8221;);<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><a name=\"t191\"><\/a><a target=\"_blank\" name=\"_Toc32188\"><\/a>100\u3001\u5c06\u6570\u5b57 12345678 \u8f6c\u5316\u6210 RMB\u5f62\u5f0f \u5982\uff1a 12,345,678<\/h2>\n<table border=\"0\" width=\"704\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">\/\/\u4e2a\u4eba\u65b9\u6cd5\uff1b<\/p>\n<p align=\"left\">\/\/\u601d\u8def\uff1a\u5148\u5c06\u6570\u5b57\u8f6c\u4e3a\u5b57\u7b26\uff0c\u00a0str=\u00a0str\u00a0+\u00a0&#8221;\u00a0;<\/p>\n<p align=\"left\">\/\/\u5229\u7528\u53cd\u8f6c\u51fd\u6570\uff0c\u6bcf\u4e09\u4f4d\u5b57\u7b26\u52a0\u4e00\u4e2a\u00a0&#8216;,&#8217;\u6700\u540e\u4e00\u4f4d\u4e0d\u52a0\uff1b\u00a0re()\u662f\u81ea\u5b9a\u4e49\u7684\u53cd\u8f6c\u51fd\u6570\uff0c\u6700\u540e\u518d\u53cd\u8f6c\u56de\u53bb\uff01<\/p>\n<p align=\"left\">for(var\u00a0i\u00a0=\u00a01;\u00a0i\u00a0&lt;=\u00a0re(str).length;\u00a0i++){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0tmp\u00a0+=\u00a0re(str)[i\u00a0&#8211;\u00a01];<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0if(i\u00a0%\u00a03\u00a0==\u00a00\u00a0&amp;&amp;\u00a0i\u00a0!=\u00a0re(str).length){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0tmp\u00a0+=\u00a0&#8216;,&#8217;;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0}<\/p>\n<p align=\"left\">}<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><a name=\"t192\"><\/a><a target=\"_blank\" name=\"_Toc14820\"><\/a>101\u3001\u751f\u62105\u4e2a\u4e0d\u540c\u7684\u968f\u673a\u6570\uff1b<\/h2>\n<table border=\"0\" width=\"704\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">\/\/\u601d\u8def\uff1a5\u4e2a\u4e0d\u540c\u7684\u6570\uff0c\u6bcf\u751f\u6210\u4e00\u6b21\u5c31\u548c\u524d\u9762\u7684\u6240\u6709\u6570\u5b57\u76f8\u6bd4\u8f83\uff0c\u5982\u679c\u6709\u76f8\u540c\u7684\uff0c\u5219\u653e\u5f03\u5f53\u524d\u751f\u6210\u7684\u6570\u5b57\uff01<\/p>\n<p align=\"left\">var\u00a0num1\u00a0=\u00a0[];<\/p>\n<p align=\"left\">for(var\u00a0i\u00a0=\u00a00;\u00a0i\u00a0&lt;\u00a05;\u00a0i++){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0num1[i]\u00a0=\u00a0Math.floor(Math.random()*10)\u00a0+\u00a01;\u00a0\/\/\u8303\u56f4\u662f\u00a0[1,\u00a010]<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0for(var\u00a0j\u00a0=\u00a00;\u00a0j\u00a0&lt;\u00a0i;\u00a0j++){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if(num1[i]\u00a0==\u00a0num1[j]){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0i&#8211;;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0}<\/p>\n<p align=\"left\">}<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><a name=\"t193\"><\/a><a target=\"_blank\" name=\"_Toc16261\"><\/a>102\u3001\u53bb\u6389\u6570\u7ec4\u4e2d\u91cd\u590d\u7684\u6570\u5b57\u65b9\u6cd5\u4e00\uff1b<\/h2>\n<table border=\"0\" width=\"704\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">\/\/\u601d\u8def\uff1a\u6bcf\u904d\u5386\u4e00\u6b21\u5c31\u548c\u4e4b\u524d\u7684\u6240\u6709\u505a\u6bd4\u8f83\uff0c\u4e0d\u76f8\u7b49\u5219\u653e\u5165\u65b0\u7684\u6570\u7ec4\u4e2d\uff01<\/p>\n<p align=\"left\">\/\/\u8fd9\u91cc\u7528\u7684\u539f\u578b\u00a0\u4e2a\u4eba\u505a\u6cd5\uff1b<\/p>\n<p align=\"left\">Array.prototype.unique\u00a0=\u00a0function(){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0var\u00a0len\u00a0=\u00a0this.length,<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0newArr\u00a0=\u00a0[],<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0flag\u00a0=\u00a01;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0for(var\u00a0i\u00a0=\u00a00;\u00a0i\u00a0&lt;\u00a0len;\u00a0i++,\u00a0flag\u00a0=\u00a01){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0for(var\u00a0j\u00a0=\u00a00;\u00a0j\u00a0&lt;\u00a0i;\u00a0j++){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if(this[i]\u00a0==\u00a0this[j]){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0flag\u00a0=\u00a00;\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/\u627e\u5230\u76f8\u540c\u7684\u6570\u5b57\u540e\uff0c\u4e0d\u6267\u884c\u6dfb\u52a0\u6570\u636e<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0flag\u00a0?\u00a0newArr.push(this[i])\u00a0:\u00a0&#8221;;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0}<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0return\u00a0newArr;<\/p>\n<p align=\"left\">}<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u65b9\u6cd5\u4e8c\uff1a<\/p>\n<table border=\"0\" width=\"704\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">(function(arr){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0var\u00a0len\u00a0=\u00a0arr.length,<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0newArr\u00a0=\u00a0[],<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0flag;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0for(var\u00a0i\u00a0=\u00a00;\u00a0i\u00a0&lt;\u00a0len;\u00a0i+=1,\u00a0flag\u00a0=\u00a01){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0for(var\u00a0j\u00a0=\u00a00;\u00a0j\u00a0&lt;\u00a0i;\u00a0j++){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if(arr[i]\u00a0==\u00a0arr[j]){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0flag\u00a0=\u00a00;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0flag?newArr.push(arr[i]):&#8221;;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0}<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0alert(newArr);<\/p>\n<p align=\"left\">})([1,\u00a01,\u00a022,\u00a03,\u00a04,\u00a055,\u00a066]);<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><a name=\"t194\"><\/a><a target=\"_blank\" name=\"_Toc3271\"><\/a>103\u3001\u9636\u4e58\u51fd\u6570\uff1b<\/h2>\n<table border=\"0\" width=\"704\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">\/\/\u539f\u578b\u65b9\u6cd5<\/p>\n<p align=\"left\">Number.prototype.N\u00a0=\u00a0function(){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0var\u00a0re\u00a0=\u00a01;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0for(var\u00a0i\u00a0=\u00a01;\u00a0i\u00a0&lt;=\u00a0this;\u00a0i++){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0re\u00a0*=\u00a0i;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0}<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0return\u00a0re;<\/p>\n<p align=\"left\">}<\/p>\n<p align=\"left\">var\u00a0num\u00a0=\u00a05;<\/p>\n<p align=\"left\">alert(num.N());<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><a name=\"t195\"><\/a><a target=\"_blank\" name=\"_Toc9533\"><\/a>104\u3001window.location.search() \u8fd4\u56de\u7684\u662f\u4ec0\u4e48\uff1f<\/h2>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u7b54\uff1a\u67e5\u8be2(\u53c2\u6570)\u90e8\u5206\u3002\u9664\u4e86\u7ed9\u52a8\u6001\u8bed\u8a00\u8d4b\u503c\u4ee5\u5916\uff0c\u6211\u4eec\u540c\u6837\u53ef\u4ee5\u7ed9\u9759\u6001\u9875\u9762,\u5e76\u4f7f\u7528javascript\u6765\u83b7\u5f97\u76f8\u4fe1\u5e94\u7684\u53c2\u6570\u503c<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u8fd4\u56de\u503c\uff1a?ver=1.0&amp;id=timlq \u4e5f\u5c31\u662f\u95ee\u53f7\u540e\u9762\u7684\uff01<\/p>\n<h2><a name=\"t196\"><\/a><a target=\"_blank\" name=\"_Toc19227\"><\/a>105\u3001window.location.hash\u00a0\u8fd4\u56de\u7684\u662f\u4ec0\u4e48\uff1f<\/h2>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u7b54\uff1a\u951a\u70b9 \uff0c\u00a0\u8fd4\u56de\u503c\uff1a#love \uff1b<\/p>\n<h2><a name=\"t197\"><\/a><a target=\"_blank\" name=\"_Toc31733\"><\/a>106\u3001window.location.reload() \u4f5c\u7528\uff1f<\/h2>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u7b54\uff1a\u5237\u65b0\u5f53\u524d\u9875\u9762\u3002<\/p>\n<h2><a name=\"t198\"><\/a><a target=\"_blank\" name=\"_Toc29049\"><\/a>107\u3001\u963b\u6b62\u5192\u6ce1\u51fd\u6570<\/h2>\n<table border=\"0\" width=\"704\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">function\u00a0stopPropagation(e)\u00a0{<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0e\u00a0=\u00a0e\u00a0||\u00a0window.event;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0if(e.stopPropagation)\u00a0{\u00a0\/\/W3C\u963b\u6b62\u5192\u6ce1\u65b9\u6cd5<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0e.stopPropagation();<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0}\u00a0else\u00a0{<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0e.cancelBubble\u00a0=\u00a0true;\u00a0\/\/IE\u963b\u6b62\u5192\u6ce1\u65b9\u6cd5<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0}<\/p>\n<p align=\"left\">}<\/p>\n<p align=\"left\">document.getElementById(&#8216;need_hide&#8217;).onclick\u00a0=\u00a0function(e)\u00a0{<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0stopPropagation(e);<\/p>\n<p align=\"left\">}<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><a name=\"t199\"><\/a><a target=\"_blank\" name=\"_Toc27243\"><\/a>108\u3001\u4ec0\u4e48\u662f\u95ed\u5305\uff1f\u5199\u4e00\u4e2a\u7b80\u5355\u7684\u95ed\u5305\uff1f\uff1b<\/h2>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u7b54\uff1a\u6211\u7684\u7406\u89e3\u662f\uff0c\u95ed\u5305\u5c31\u662f\u80fd\u591f\u8bfb\u53d6\u5176\u4ed6\u51fd\u6570\u5185\u90e8\u53d8\u91cf\u7684\u51fd\u6570\u3002\u5728\u672c\u8d28\u4e0a\uff0c\u95ed\u5305\u5c31\u662f\u5c06\u51fd\u6570\u5185\u90e8\u548c\u51fd\u6570\u5916\u90e8\u8fde\u63a5\u8d77\u6765\u7684\u4e00\u5ea7\u6865\u6881\u3002<\/p>\n<table border=\"0\" width=\"704\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">function\u00a0outer(){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0var\u00a0num\u00a0=\u00a01;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0function\u00a0inner(){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var\u00a0n\u00a0=\u00a02;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0alert(n\u00a0+\u00a0num);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0}<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0return\u00a0inner;<\/p>\n<p align=\"left\">}<\/p>\n<p align=\"left\">outer()();<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><a name=\"t200\"><\/a><a target=\"_blank\" name=\"_Toc24074\"><\/a>109\u3001javascript \u4e2d\u7684\u5783\u573e\u56de\u6536\u673a\u5236\uff1f<\/h2>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u7b54\uff1a\u5728Javascript\u4e2d\uff0c\u5982\u679c\u4e00\u4e2a\u5bf9\u8c61\u4e0d\u518d\u88ab\u5f15\u7528\uff0c\u90a3\u4e48\u8fd9\u4e2a\u5bf9\u8c61\u5c31\u4f1a\u88abGC\u56de\u6536\u3002\u5982\u679c\u4e24\u4e2a\u5bf9\u8c61\u4e92\u76f8\u5f15\u7528\uff0c\u800c\u4e0d\u518d \u00a0\u88ab\u7b2c3\u8005\u6240\u5f15\u7528\uff0c\u90a3\u4e48\u8fd9\u4e24\u4e2a\u4e92\u76f8\u5f15\u7528\u7684\u5bf9\u8c61\u4e5f\u4f1a\u88ab\u56de\u6536\u3002\u56e0\u4e3a\u51fd\u6570a\u88abb\u5f15\u7528\uff0cb\u53c8\u88aba\u5916\u7684c\u5f15\u7528\uff0c\u8fd9\u5c31\u662f\u4e3a\u4ec0\u4e48 \u00a0\u51fd\u6570a\u6267\u884c\u540e\u4e0d\u4f1a\u88ab\u56de\u6536\u7684\u539f\u56e0\u3002<\/p>\n<h2><a name=\"t201\"><\/a><a target=\"_blank\" name=\"_Toc26362\"><\/a>110\u3001\u770b\u9898\u505a\u7b54\uff1a<\/h2>\n<table border=\"0\" width=\"704\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">function\u00a0f1(){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0var\u00a0tmp\u00a0=\u00a01;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0this.x\u00a0=\u00a03;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0console.log(tmp);\u00a0\u00a0\u00a0\u00a0\/\/A<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0console.log(this.x)\uff1b\u00a0\u00a0\u00a0\u00a0\u00a0\/\/B<\/p>\n<p align=\"left\">}<\/p>\n<p align=\"left\">var\u00a0obj\u00a0=\u00a0new\u00a0f1();\u00a0\/\/1<\/p>\n<p align=\"left\">console.log(obj.x)\u00a0\u00a0\u00a0\u00a0\u00a0\/\/2<\/p>\n<p align=\"left\">console.log(f1());\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/3<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u5206\u6790\uff1a<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u8fd9\u9053\u9898\u8ba9\u6211\u91cd\u65b0\u8ba4\u8bc6\u4e86\u5bf9\u8c61\u548c\u51fd\u6570\uff0c\u9996\u5148\u770b\u4ee3\u7801\uff081\uff09\uff0c\u8fd9\u91cc\u5b9e\u4f8b\u8bdd\u5316\u4e86 f1\u8fd9\u4e2a\u7c7b\u3002\u76f8\u5f53\u4e8e\u6267\u884c\u4e86 f1\u51fd\u6570\u3002\u6240\u4ee5\u8fd9\u4e2a\u65f6\u5019 A \u4f1a\u8f93\u51fa 1\uff0c \u800c B \u8fd9\u4e2a\u65f6\u5019\u7684 this \u4ee3\u8868\u7684\u662f \u5b9e\u4f8b\u5316\u7684\u5f53\u524d\u5bf9\u8c61 obj B \u8f93\u51fa 3.\u3002 \u4ee3\u7801\uff082\uff09\u6bcb\u5eb8\u7f6e\u7591\u4f1a\u8f93\u51fa 3\uff0c\u91cd\u70b9 \u4ee3\u7801\uff083\uff09\u9996\u5148\u8fd9\u91cc\u5c06\u4e0d\u518d\u662f\u4e00\u4e2a\u7c7b\uff0c\u5b83\u53ea\u662f\u4e00\u4e2a\u51fd\u6570\u3002\u90a3\u4e48 A\u8f93\u51fa 1\uff0c B\u5462\uff1f\u8fd9\u91cc\u7684this \u4ee3\u8868\u7684\u5176\u5b9e\u5c31\u662fwindow\u5bf9\u8c61\uff0c\u90a3\u4e48this.x \u5c31\u662f\u4e00\u4e2a\u5168\u5c40\u53d8\u91cf \u76f8\u5f53\u4e8e\u5728\u5916\u90e8 \u7684\u4e00\u4e2a\u5168\u5c40\u53d8\u91cf\u3002\u6240\u4ee5 B \u8f93\u51fa 3\u3002\u6700\u540e\u4ee3\u7801\u7531\u4e8ef\u6ca1\u6709\u8fd4\u56de\u503c\u90a3\u4e48\u4e00\u4e2a\u51fd\u6570\u5982\u679c\u6ca1\u8fd4\u56de\u503c\u7684\u8bdd\uff0c\u5c06\u4f1a\u8fd4\u56de underfined \uff0c\u6240\u4ee5\u7b54\u6848\u5c31\u662f \uff1a 1\uff0c 3\uff0c 3\uff0c 1\uff0c 3\uff0c underfined \u3002<\/p>\n<h2><a name=\"t202\"><\/a><a target=\"_blank\" name=\"_Toc25394\"><\/a>111\u3001\u4e0b\u9762\u8f93\u51fa\u591a\u5c11\uff1f<\/h2>\n<table border=\"0\" width=\"704\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">var\u00a0o1\u00a0=\u00a0new\u00a0Object();<\/p>\n<p align=\"left\">var\u00a0o2\u00a0=\u00a0o1;<\/p>\n<p align=\"left\">o2.name\u00a0=\u00a0&#8220;CSSer&#8221;;<\/p>\n<p align=\"left\">console.log(o1.name);<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p align=\"left\">\u00a0\u5982\u679c\u4e0d\u770b\u7b54\u6848\uff0c\u4f60\u56de\u7b54\u771f\u786e\u4e86\u7684\u8bdd\uff0c\u90a3\u4e48\u8bf4\u660e\u4f60\u5bf9javascript\u7684\u6570\u636e\u7c7b\u578b\u4e86\u89e3\u7684\u8fd8\u662f\u6bd4\u8f83\u6e05\u695a\u4e86\u3002js\u4e2d\u6709\u4e24\u79cd\u6570\u636e\u7c7b\u578b\uff0c\u5206\u522b\u662f\uff1a\u57fa\u672c\u6570\u636e\u7c7b\u578b\u548c\u5f15\u7528\u6570\u636e\u7c7b\u578b\uff08object Array\uff09\u3002\u5bf9\u4e8e\u4fdd\u5b58\u57fa\u672c\u7c7b\u578b\u503c\u7684\u53d8\u91cf\uff0c\u53d8\u91cf\u662f\u6309\u503c\u8bbf\u95ee\u7684\uff0c\u56e0\u4e3a\u6211\u4eec\u64cd\u4f5c\u7684\u662f\u53d8\u91cf\u5b9e\u9645\u4fdd\u5b58\u7684\u503c\u3002\u5bf9\u4e8e\u4fdd\u5b58\u5f15\u7528\u7c7b\u578b\u503c\u7684\u53d8\u91cf\uff0c\u53d8\u91cf\u662f\u6309\u5f15\u7528\u8bbf\u95ee\u7684\uff0c<u>\u6211\u4eec\u64cd\u4f5c\u7684\u662f\u53d8\u91cf\u503c\u6240\u5f15\u7528\uff08\u6307\u5411\uff09\u7684\u5bf9\u8c61\u3002\u7b54\u6848\u5c31\u6e05\u695a\u4e86\uff1a \u00a0\/\/CSSer;<\/u><\/p>\n<h2><a name=\"t203\"><\/a><a target=\"_blank\" name=\"_Toc8741\"><\/a>112\u3001\u518d\u6765\u4e00\u4e2a<\/h2>\n<table border=\"0\" width=\"704\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">function\u00a0changeObjectProperty\u00a0(o)\u00a0{<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0o.siteUrl\u00a0=\u00a0&#8220;http:\/\/www.csser.com\/&#8221;;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0o\u00a0=\u00a0new\u00a0Object();<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0o.siteUrl\u00a0=\u00a0&#8220;http:\/\/www.popcg.com\/&#8221;;<\/p>\n<p align=\"left\">}<\/p>\n<p align=\"left\">var\u00a0CSSer\u00a0=\u00a0new\u00a0Object();<\/p>\n<p align=\"left\">changeObjectProperty(CSSer);<\/p>\n<p align=\"left\">console.log(CSSer.siteUrl);\u00a0\/\/<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u5982\u679cCSSer\u53c2\u6570\u662f\u6309\u5f15\u7528\u4f20\u9012\u7684\uff0c\u90a3\u4e48\u7ed3\u679c\u5e94\u8be5\u662f&#8221;http:\/\/www.popcg.com\/&#8221;\uff0c\u4f46\u5b9e\u9645\u7ed3\u679c\u5374\u4ecd\u662f&#8221;http:\/\/www.csser.com\/&#8221;\u3002\u4e8b\u5b9e\u662f\u8fd9\u6837\u7684\uff1a\u5728\u51fd\u6570\u5185\u90e8\u4fee\u6539\u4e86\u5f15\u7528\u7c7b\u578b\u503c\u7684\u53c2\u6570\uff0c\u8be5\u53c2\u6570\u503c\u7684\u539f\u59cb\u5f15\u7528\u4fdd\u6301\u4e0d\u53d8\u3002\u6211\u4eec\u53ef\u4ee5\u628a\u53c2\u6570\u60f3\u8c61\u6210\u5c40\u90e8\u53d8\u91cf\uff0c\u5f53\u53c2\u6570\u88ab\u91cd\u5199\u65f6\uff0c\u8fd9\u4e2a\u53d8\u91cf\u5f15\u7528\u7684\u5c31\u662f\u4e00\u4e2a\u5c40\u90e8\u53d8\u91cf\uff0c\u5c40\u90e8\u53d8\u91cf\u7684\u751f\u5b58\u671f\u4ec5\u9650\u4e8e\u51fd\u6570\u6267\u884c\u7684\u8fc7\u7a0b\u4e2d\uff0c\u51fd\u6570\u6267\u884c\u5b8c\u6bd5\uff0c\u5c40\u90e8\u53d8\u91cf\u5373\u88ab\u9500\u6bc1\u4ee5\u91ca\u653e\u5185\u5b58\u3002<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\uff08\u8865\u5145\uff1a\u5185\u90e8\u73af\u5883\u53ef\u4ee5\u901a\u8fc7\u4f5c\u7528\u57df\u94fe\u8bbf\u95ee\u6240\u6709\u7684\u5916\u90e8\u73af\u5883\u4e2d\u7684\u53d8\u91cf\u5bf9\u8c61\uff0c\u4f46\u5916\u90e8\u73af\u5883\u65e0\u6cd5\u8bbf\u95ee\u5185\u90e8\u73af\u5883\u3002\u6bcf\u4e2a\u73af\u5883\u90fd\u53ef\u4ee5\u5411\u4e0a\u641c\u7d22\u4f5c\u7528\u57df\u94fe\uff0c\u4ee5\u67e5\u8be2\u53d8\u91cf\u548c\u51fd\u6570\u540d\uff0c\u53cd\u4e4b\u5411\u4e0b\u5219\u4e0d\u80fd\u3002\uff09<\/p>\n<h2><a name=\"t204\"><\/a><a target=\"_blank\" name=\"_Toc8293\"><\/a>113\u3001\u8f93\u51fa\u591a\u5c11\uff1f<\/h2>\n<table border=\"0\" width=\"704\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">var\u00a0a\u00a0=\u00a06;<\/p>\n<p align=\"left\">setTimeout(function\u00a0()\u00a0{<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0var\u00a0a\u00a0=\u00a0666;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0alert(a);\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/\u00a0\u8f93\u51fa666\uff0c<\/p>\n<p align=\"left\">},\u00a01000);<\/p>\n<p align=\"left\">a\u00a0=\u00a066;<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p align=\"left\">\u56e0\u4e3avar a = 666;\u5b9a\u4e49\u4e86\u5c40\u90e8\u53d8\u91cfa\uff0c\u5e76\u4e14\u8d4b\u503c\u4e3a666\uff0c\u6839\u636e\u53d8\u91cf\u4f5c\u7528\u57df\u94fe\uff0c<br \/>\n\u5168\u5c40\u53d8\u91cf\u5904\u5728\u4f5c\u7528\u57df\u672b\u7aef\uff0c\u4f18\u5148\u8bbf\u95ee\u4e86\u5c40\u90e8\u53d8\u91cf\uff0c\u4ece\u800c\u8986\u76d6\u4e86\u5168\u5c40\u53d8\u91cf\u3002<\/p>\n<table border=\"0\" width=\"704\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">var\u00a0a\u00a0=\u00a06;<\/p>\n<p align=\"left\">setTimeout(function\u00a0()\u00a0{<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0alert(a);\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/\u00a0\u8f93\u51faundefined<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0var\u00a0a\u00a0=\u00a0666;<\/p>\n<p align=\"left\">},\u00a01000);<\/p>\n<p align=\"left\">a\u00a0=\u00a066;<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p align=\"left\">\u56e0\u4e3avar a = 666;\u5b9a\u4e49\u4e86\u5c40\u90e8\u53d8\u91cfa\uff0c\u540c\u6837\u8986\u76d6\u4e86\u5168\u5c40\u53d8\u91cf\uff0c\u4f46\u662f\u5728alert(a);\u4e4b\u524d<br \/>\na\u5e76\u672a\u8d4b\u503c\uff0c\u6240\u4ee5\u8f93\u51faundefined\u3002<\/p>\n<table border=\"0\" width=\"704\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">var\u00a0a\u00a0=\u00a06;<\/p>\n<p align=\"left\">setTimeout(function(){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0alert(a);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0var\u00a0a\u00a0=\u00a066;<\/p>\n<p align=\"left\">},\u00a01000);<\/p>\n<p align=\"left\">a\u00a0=\u00a0666;<\/p>\n<p align=\"left\">alert(a);<\/p>\n<p align=\"left\">\/\/\u00a0666,\u00a0undefined;<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p align=\"left\">\u8bb0\u4f4f\uff1a \u5f02\u6b65\u5904\u7406\uff0c\u4e00\u5207OK \u58f0\u660e\u63d0\u524d<\/p>\n<h2><a name=\"t205\"><\/a><a target=\"_blank\" name=\"_Toc12938\"><\/a>114\u3001\u8f93\u51fa\u591a\u5c11\uff1f<\/h2>\n<table border=\"0\" width=\"704\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">function\u00a0setN(obj){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0obj.name=&#8217;\u5c4c\u4e1d&#8217;;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0obj\u00a0=\u00a0new\u00a0Object();<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0obj.name\u00a0=\u00a0&#8216;\u8150\u5973&#8217;;<\/p>\n<p align=\"left\">};<\/p>\n<p align=\"left\">var\u00a0per\u00a0=\u00a0new\u00a0Object();<\/p>\n<p align=\"left\">setN(per);<\/p>\n<p align=\"left\">alert(per.name);\u00a0\u00a0\/\/\u5c4c\u4e1d\u00a0\u5185\u90e8<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><a name=\"t206\"><\/a><a target=\"_blank\" name=\"_Toc23267\"><\/a>115\u3001JS\u7684\u7ee7\u627f\u6027<\/h2>\n<table border=\"0\" width=\"704\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">window.color\u00a0=\u00a0&#8216;red&#8217;;<\/p>\n<p align=\"left\">var\u00a0o\u00a0=\u00a0{color:\u00a0&#8216;blue&#8217;};<\/p>\n<p align=\"left\">function\u00a0sayColor(){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0alert(this.color);<\/p>\n<p align=\"left\">}<\/p>\n<p align=\"left\">sayColor();\u00a0\/\/red<\/p>\n<p align=\"left\">sayColor.call(this);\u00a0\/\/red\u00a0this-window\u5bf9\u8c61<\/p>\n<p align=\"left\">sayColor.call(window);\u00a0\/\/red<\/p>\n<p align=\"left\">sayColor.call(o);\u00a0\/\/blue<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><a name=\"t207\"><\/a><a target=\"_blank\" name=\"_Toc29998\"><\/a>116\u3001\u7cbe\u5ea6\u95ee\u9898: JS \u7cbe\u5ea6\u4e0d\u80fd\u7cbe\u786e\u5230 0.1 \u6240\u4ee5\u00a0\u3002\u3002\u3002\u3002\u540c\u65f6\u5b58\u5728\u4e8e\u503c\u548c\u5dee\u503c\u4e2d<\/h2>\n<table border=\"0\" width=\"704\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">var\u00a0n\u00a0=\u00a00.3,m\u00a0=\u00a00.2,\u00a0i\u00a0=\u00a00.2,\u00a0j\u00a0=\u00a00.1;<\/p>\n<p align=\"left\">alert((n\u00a0&#8211;\u00a0m)\u00a0==\u00a0(i\u00a0&#8211;\u00a0j));\u00a0\/\/false<\/p>\n<p align=\"left\">alert((n-m)\u00a0==\u00a00.1);\u00a0\/\/false<\/p>\n<p align=\"left\">alert((i-j)==0.1);\u00a0\/\/true<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><a name=\"t208\"><\/a><a target=\"_blank\" name=\"_Toc7479\"><\/a>117\u3001\u52a0\u51cf\u8fd0\u7b97<\/h2>\n<table border=\"0\" width=\"704\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">alert(&#8216;5&#8217;+3);\u00a0\/\/53\u00a0string<\/p>\n<p align=\"left\">alert(&#8216;5&#8217;+&#8217;3&#8217;);\u00a0\/\/53\u00a0string<\/p>\n<p align=\"left\">alert(&#8216;5&#8217;-3);\u00a0\/\/2\u00a0number<\/p>\n<p align=\"left\">alert(&#8216;5&#8217;-&#8216;3&#8217;);\u00a0\/\/2\u00a0number<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><a name=\"t209\"><\/a><a target=\"_blank\" name=\"_Toc28046\"><\/a>118\u3001\u4ec0\u4e48\u662f\u540c\u6e90\u7b56\u7565\uff1f<\/h2>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u6307\uff1a \u540c\u534f\u8bae\u3001\u7aef\u53e3\u3001\u57df\u540d\u7684\u5b89\u5168\u7b56\u7565\uff0c\u7531\u738b\u666f\u516c\u53f8\u63d0\u51fa\u6765\u7684\u5b89\u5168\u534f\u8bae\uff01<\/p>\n<h2><a name=\"t210\"><\/a><a target=\"_blank\" name=\"_Toc23455\"><\/a>119\u3001call\u548capplay\u7684\u533a\u522b\u662f\u4ec0\u4e48\uff1f<\/h2>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u53c2\u6570\u5f62\u5f0f\u4e0d\u540c\uff0ccall(obj, pra, pra)\u540e\u9762\u662f\u5355\u4e2a\u53c2\u6570\u3002applay(obj, [args])\u540e\u9762\u662f\u6570\u7ec4\u3002<\/p>\n<h2><a name=\"t211\"><\/a><a target=\"_blank\" name=\"_Toc2779\"><\/a>120\u3001\u4e3a\u4ec0\u4e48\u4e0d\u80fd\u5b9a\u4e491px\u5de6\u53f3\u7684div\u5bb9\u5668\uff1f<\/h2>\n<div>\n<p align=\"left\">IE6\u4e0b\u8fd9\u4e2a\u95ee\u9898\u662f\u56e0\u4e3a\u9ed8\u8ba4\u7684\u884c\u9ad8\u9020\u6210\u7684\uff0c\u89e3\u51b3\u7684\u65b9\u6cd5\u4e5f\u6709\u5f88\u591a\uff0c\u4f8b\u5982\uff1a<\/p>\n<p align=\"left\">overflow:hidden\u00a0|\u00a0zoom:0.08\u00a0|\u00a0line-height:1px<\/p>\n<\/div>\n<h2><a name=\"t212\"><\/a><a target=\"_blank\" name=\"_Toc3276\"><\/a>121\u3001\u7ed3\u679c\u662f\u4ec0\u4e48\uff1f<\/h2>\n<table border=\"0\" width=\"704\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">function\u00a0foo(){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0foo.a\u00a0=\u00a0function(){alert(1)};<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0this.a\u00a0=\u00a0function(){alert(2)};<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0a\u00a0=\u00a0function(){alert(3)};<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0var\u00a0a\u00a0=\u00a0function(){alert(4)};<\/p>\n<p align=\"left\">};<\/p>\n<p align=\"left\">foo.prototype.a\u00a0=\u00a0function(){alert(5)};<\/p>\n<p align=\"left\">foo.a\u00a0=\u00a0function(){alert(6)};<\/p>\n<p align=\"left\">foo.a();\u00a0\/\/6<\/p>\n<p align=\"left\">var\u00a0obj\u00a0=\u00a0new\u00a0foo();<\/p>\n<p align=\"left\">obj.a();\u00a0\/\/2<\/p>\n<p align=\"left\">foo.a();\u00a0\/\/1<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><a name=\"t213\"><\/a><a target=\"_blank\" name=\"_Toc9274\"><\/a>122\u3001\u8f93\u51fa\u7ed3\u679c<\/h2>\n<table border=\"0\" width=\"704\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">var\u00a0a\u00a0=\u00a05;<\/p>\n<p align=\"left\">function\u00a0test(){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0a\u00a0=\u00a00;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0alert(a);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0alert(this.a);\u00a0\/\/\u6ca1\u6709\u5b9a\u4e49\u00a0a\u8fd9\u4e2a\u5c5e\u6027<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0var\u00a0a;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0alert(a)<\/p>\n<p align=\"left\">}<\/p>\n<p align=\"left\">test();\u00a0\/\/\u00a00,\u00a05,\u00a00<\/p>\n<p align=\"left\">new\u00a0test();\u00a0\/\/\u00a00,\u00a0undefined,\u00a00\u00a0\/\/\u7531\u4e8e\u7c7b\u5b83\u81ea\u8eab\u6ca1\u6709\u5c5e\u6027a\uff0c\u00a0\u6240\u4ee5\u662fundefined<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><a name=\"t214\"><\/a><a target=\"_blank\" name=\"_Toc24992\"><\/a>123\u3001\u8ba1\u7b97\u5b57\u7b26\u4e32\u5b57\u8282\u6570\uff1a<\/h2>\n<table border=\"0\" width=\"704\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">new\u00a0function(s){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0if(!arguments.length||!s)\u00a0return\u00a0null;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0if(&#8220;&#8221;==s)\u00a0return\u00a00;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0var\u00a0l=0;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0for(var\u00a0i=0;i&lt;s.length;i++){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if(s.charCodeAt(i)&gt;255)\u00a0l+=2;\u00a0else\u00a0l+=1;\u00a0\u00a0\/\/charCodeAt()\u5f97\u5230\u7684\u662funCode\u7801<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0}\u00a0\u00a0\u00a0\u00a0\u00a0\/\/\u6c49\u5b57\u7684unCode\u7801\u5927\u4e8e\u00a0255bit\u00a0\u5c31\u662f\u4e24\u4e2a\u5b57\u8282<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0alert(l);<\/p>\n<p align=\"left\">}(&#8220;hello\u00a0world!&#8221;);<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><a name=\"t215\"><\/a><a target=\"_blank\" name=\"_Toc19471\"><\/a>124\u3001\u7ed3\u679c\u662f\uff1a<\/h2>\n<table border=\"0\" width=\"687\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">var\u00a0bool\u00a0=\u00a0!!2;\u00a0alert(bool)\uff1b\/\/true;<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p align=\"left\">\u53cc\u5411\u975e\u64cd\u4f5c\u53ef\u4ee5\u628a\u5b57\u7b26\u4e32\u548c\u6570\u5b57\u8f6c\u6362\u4e3a\u5e03\u5c14\u503c\u3002<\/p>\n<h2><a name=\"t216\"><\/a><a target=\"_blank\" name=\"_Toc23502\"><\/a>125\u3001\u58f0\u660e\u5bf9\u8c61\uff0c\u6dfb\u52a0\u5c5e\u6027\uff0c\u8f93\u51fa\u5c5e\u6027<\/h2>\n<table border=\"0\" width=\"704\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0var\u00a0obj\u00a0=\u00a0{<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0name:\u00a0&#8216;leipeng&#8217;,<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0showName:\u00a0function(){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0alert(this.name);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0}<\/p>\n<p align=\"left\">obj.showName();<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><a name=\"t217\"><\/a><a target=\"_blank\" name=\"_Toc23194\"><\/a>126\u3001\u5339\u914d\u8f93\u5165\u7684\u5b57\u7b26\uff1a\u7b2c\u4e00\u4e2a\u5fc5\u987b\u662f\u5b57\u6bcd\u6216\u4e0b\u5212\u7ebf\u5f00\u5934\uff0c\u957f\u5ea65-20<\/h2>\n<table border=\"0\" width=\"704\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">var\u00a0reg\u00a0=\u00a0\/^[a-zA-Z][a-zA-Z0-9_]{5,20}\/,<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0name1\u00a0=\u00a0&#8216;leipeng&#8217;,<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0name2\u00a0=\u00a0&#8216;0leipeng&#8217;,<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0name3\u00a0=\u00a0&#8216;\u4f60\u597dleipeng&#8217;,<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0name4\u00a0=\u00a0&#8216;hi&#8217;;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0alert(reg.test(name1));<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0alert(reg.test(name2));<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0alert(reg.test(name3));<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0alert(reg.test(name4));<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><a name=\"t218\"><\/a><a target=\"_blank\" name=\"_Toc17035\"><\/a>127\u3001\u68c0\u6d4b\u53d8\u91cf\u7c7b\u578b<\/h2>\n<table border=\"0\" width=\"704\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">function\u00a0checkStr(str){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0typeof\u00a0str\u00a0==\u00a0&#8216;string&#8217;?\u00a0alert(&#8216;true&#8217;):alert(&#8216;false&#8217;);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0}<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0checkStr(&#8216;leipeng&#8217;);<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><a name=\"t219\"><\/a><a target=\"_blank\" name=\"_Toc21097\"><\/a>128\u3001\u5982\u4f55\u5728HTML\u4e2d\u6dfb\u52a0\u4e8b\u4ef6\uff0c\u51e0\u79cd\u65b9\u6cd5\uff1f<\/h2>\n<p align=\"left\">\u00a0 \u00a0 1\u3001\u6807\u7b7e\u4e4b\u4e2d\u76f4\u63a5\u6dfb\u52a0 onclick=&#8221;fun()&#8221;;<\/p>\n<p align=\"left\">\u00a0 \u00a0 2\u3001JS\u6dfb\u52a0Eobj.onclick = method;<\/p>\n<p align=\"left\">\u00a0 \u00a0 3\u3001\u73b0\u4ee3\u4e8b\u4ef6 \u00a0IE\uff1aobj.attachEvent(&#8216;onclick&#8217;, method)\uff1b<\/p>\n<p align=\"left\">\u00a0 \u00a0 \u00a0 \u00a0 \u00a0\u00a0 \u00a0 \u00a0 \u00a0\u00a0\u00a0FF:obj.addEventListener(&#8216;click&#8217;, method, false);<\/p>\n<h2><a name=\"t220\"><\/a><a target=\"_blank\" name=\"_Toc11694\"><\/a>129\u3001BOM\u5bf9\u8c61\u6709\u54ea\u4e9b\uff0c\u5217\u4e3ewindow\u5bf9\u8c61\uff1f<\/h2>\n<p align=\"left\">\u00a0 \u00a0 1\u3001window\u5bf9\u8c61 \uff0c\u662fJS\u7684\u6700\u9876\u5c42\u5bf9\u8c61\uff0c\u5176\u4ed6\u7684BOM\u5bf9\u8c61\u90fd\u662fwindow\u5bf9\u8c61\u7684\u5c5e\u6027\uff1b<\/p>\n<p align=\"left\">\u00a0 \u00a0 2\u3001document\u5bf9\u8c61\uff0c\u6587\u6863\u5bf9\u8c61\uff1b<\/p>\n<p align=\"left\">\u00a0 \u00a0 3\u3001location\u5bf9\u8c61\uff0c\u6d4f\u89c8\u5668\u5f53\u524dURL\u4fe1\u606f\uff1b<\/p>\n<p align=\"left\">\u00a0 \u00a0 4\u3001navigator\u5bf9\u8c61\uff0c\u6d4f\u89c8\u5668\u672c\u8eab\u4fe1\u606f\uff1b<\/p>\n<p align=\"left\">\u00a0 \u00a0 5\u3001screen\u5bf9\u8c61\uff0c\u5ba2\u6237\u7aef\u5c4f\u5e55\u4fe1\u606f\uff1b<\/p>\n<p align=\"left\">\u00a0 \u00a0 6\u3001history\u5bf9\u8c61\uff0c\u6d4f\u89c8\u5668\u8bbf\u95ee\u5386\u53f2\u4fe1\u606f\uff1b<\/p>\n<h2><a name=\"t221\"><\/a><a target=\"_blank\" name=\"_Toc5486\"><\/a>130\u3001\u8bf7\u95ee\u4ee3\u7801\u5b9e\u73b0 outerHTML<\/h2>\n<p align=\"left\">\u00a0 \u00a0 \/\/\u8bf4\u660e\uff1aouterHTML\u5176\u5b9e\u5c31\u662finnerHTML\u518d\u52a0\u4e0a\u672c\u8eab\uff1b<\/p>\n<table border=\"0\" width=\"704\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">Object.prototype.outerHTML\u00a0=\u00a0function(){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var\u00a0innerCon\u00a0=\u00a0this.innerHTML,\u00a0\/\/\u83b7\u5f97\u91cc\u9762\u7684\u5185\u5bb9<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0outerCon\u00a0=\u00a0this.appendChild(innerCon);\u00a0\/\/\u6dfb\u52a0\u5230\u91cc\u9762<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0alert(outerCon);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0}<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p align=\"left\">\u00a0 \u00a0 \u6f14\u793a\u4ee3\u7801\uff1a<\/p>\n<table border=\"0\" width=\"598\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td>\n<p align=\"left\">\u00a0&lt;!doctype\u00a0html&gt;<\/p>\n<p align=\"left\">\u00a0&lt;html&gt;<\/p>\n<p align=\"left\">\u00a0\u00a0&lt;head&gt;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0&lt;meta\u00a0charset=&#8221;UTF-8&#8243;&gt;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0&lt;title&gt;Document&lt;\/title&gt;<\/p>\n<p align=\"left\">\u00a0\u00a0&lt;\/head&gt;<\/p>\n<p align=\"left\">\u00a0\u00a0&lt;body&gt;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0&lt;div\u00a0id=&#8221;outer&#8221;&gt;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0hello<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0&lt;\/div&gt;<\/p>\n<p align=\"left\">\u00a0\u00a0&lt;script&gt;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0Object.prototype.outerHTML\u00a0=\u00a0function(){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0 var\u00a0innerCon\u00a0=\u00a0this.innerHTML,\u00a0\/\/\u83b7\u5f97\u91cc\u9762\u7684\u5185\u5bb9<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0outerCon\u00a0=\u00a0this.appendChild(innerCon);\u00a0\/\/\u6dfb\u52a0\u5230\u91cc\u9762<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0alert(outerCon);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0function\u00a0$(id){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0return\u00a0document.getElementById(id);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0}<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0alert($(&#8216;outer&#8217;).innerHTML);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0alert($(&#8216;outer&#8217;).outerHTML);<\/p>\n<p align=\"left\">\u00a0\u00a0&lt;\/script&gt;<\/p>\n<p align=\"left\">\u00a0&lt;\/body&gt;<\/p>\n<p align=\"left\">\u00a0&lt;\/html&gt;<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><a name=\"t222\"><\/a><a target=\"_blank\" name=\"_Toc25332\"><\/a>131\u3001JS\u4e2d\u7684\u7b80\u5355\u7ee7\u627f call\u65b9\u6cd5\uff01<\/h2>\n<table border=\"0\" width=\"704\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">\/\/\u9876\u4e00\u4e2a\u7236\u6bcd\u7c7b\uff0c\u6ce8\u610f\uff1a\u7c7b\u540d\u90fd\u662f\u9996\u5b57\u6bcd\u5927\u5199\u7684\u54e6\uff01<\/p>\n<p align=\"left\">\u00a0\u00a0function\u00a0Parent(name,\u00a0money){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0this.name\u00a0=\u00a0name;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0this.money\u00a0=\u00a0money;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0this.info\u00a0=\u00a0function(){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0alert(&#8216;\u59d3\u540d\uff1a\u00a0&#8216;+this.name+&#8217;\u00a0\u94b1\uff1a\u00a0&#8216;+\u00a0this.money);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/\u5b9a\u4e49\u5b69\u5b50\u7c7b<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0function\u00a0Children(name){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0Parent.call(this,\u00a0name);\u00a0\/\/\u7ee7\u627f\u00a0\u59d3\u540d\u5c5e\u6027\uff0c\u4e0d\u8981\u94b1\u3002<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0this.info\u00a0=\u00a0function(){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0alert(&#8216;\u59d3\u540d\uff1a\u00a0&#8216;+this.name);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/\u5b9e\u4f8b\u5316\u7c7b<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var\u00a0per\u00a0=\u00a0new\u00a0Parent(&#8216;parent&#8217;,\u00a0800000000000);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var\u00a0chi\u00a0=\u00a0new\u00a0Children(&#8216;child&#8217;);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0per.info();<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0chi.info();<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><a name=\"t223\"><\/a><a target=\"_blank\" name=\"_Toc22460\"><\/a>132\u3001bind(), live(), delegate()\u7684\u533a\u522b<\/h2>\n<p align=\"left\">\u00a0 \u00a0 bind\uff1a \u7ed1\u5b9a\u4e8b\u4ef6\uff0c\u5bf9\u65b0\u6dfb\u52a0\u7684\u4e8b\u4ef6\u4e0d\u8d77\u4f5c\u7528\uff0c\u65b9\u6cd5\u7528\u4e8e\u5c06\u4e00\u4e2a\u5904\u7406\u7a0b\u5e8f\u9644\u52a0\u5230\u6bcf\u4e2a\u5339\u914d\u5143\u7d20\u7684\u4e8b\u4ef6\u4e0a\u5e76\u8fd4\u56dejQuery\u5bf9\u8c61\u3002<\/p>\n<p align=\"left\">\u00a0 \u00a0 live\uff1a \u65b9\u6cd5\u5c06\u4e00\u4e2a\u4e8b\u4ef6\u5904\u7406\u7a0b\u5e8f\u9644\u52a0\u5230\u4e0e\u5f53\u524d\u9009\u62e9\u5668\u5339\u914d\u7684\u6240\u6709\u5143\u7d20\uff08\u5305\u542b\u73b0\u6709\u7684\u6216\u5c06\u6765\u6dfb\u52a0\u7684\uff09\u7684\u6307\u5b9a\u4e8b\u4ef6\u4e0a\u5e76\u8fd4\u56dejQuery\u5bf9\u8c61\u3002<\/p>\n<p align=\"left\">\u00a0 \u00a0 delegate\uff1a \u65b9\u6cd5\u57fa\u4e8e\u4e00\u7ec4\u7279\u5b9a\u7684\u6839\u5143\u7d20\u5c06\u5904\u7406\u7a0b\u5e8f\u9644\u52a0\u5230\u5339\u914d\u9009\u62e9\u5668\u7684\u6240\u6709\u5143\u7d20\uff08\u73b0\u6709\u7684\u6216\u5c06\u6765\u7684\uff09\u7684\u4e00\u4e2a\u6216\u591a\u4e2a\u4e8b\u4ef6\u4e0a\u3002<\/p>\n<h2><a name=\"t224\"><\/a><a target=\"_blank\" name=\"_Toc24133\"><\/a>133\u3001typeof \u7684\u8fd4\u56de\u7c7b\u578b\u6709\u54ea\u4e9b\uff1f<\/h2>\n<table border=\"0\" width=\"704\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0alert(typeof\u00a0[1,\u00a02]);\u00a0\/\/object<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0alert(typeof\u00a0&#8216;leipeng&#8217;);\u00a0\/\/string<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0var\u00a0i\u00a0=\u00a0true;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0alert(typeof\u00a0i);\u00a0\/\/boolean<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0alert(typeof\u00a01);\u00a0\/\/number<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0var\u00a0a;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0alert(typeof\u00a0a);\u00a0\/\/undefined<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0function\u00a0a(){;};<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0alert(typeof\u00a0a)\u00a0\/\/function<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><a name=\"t225\"><\/a><a target=\"_blank\" name=\"_Toc25912\"><\/a>134\u3001\u7b80\u8ff0link\u548cimport\u7684\u533a\u522b\uff1f<\/h2>\n<p align=\"left\">\u533a\u522b1\uff1alink\u662fXHTML\u6807\u7b7e\uff0c\u9664\u4e86\u52a0\u8f7dCSS\u5916\uff0c\u8fd8\u53ef\u4ee5\u5b9a\u4e49RSS\u7b49\u5176\u4ed6\u4e8b\u52a1\uff1b@import\u5c5e\u4e8eCSS\u8303\u7574\uff0c\u53ea\u80fd\u52a0\u8f7dCSS\u3002<\/p>\n<p align=\"left\">\u533a\u522b2\uff1alink\u5f15\u7528CSS\u65f6\uff0c\u5728\u9875\u9762\u8f7d\u5165\u65f6\u540c\u65f6\u52a0\u8f7d\uff1b@import\u9700\u8981\u9875\u9762\u7f51\u9875\u5b8c\u5168\u8f7d\u5165\u4ee5\u540e\u52a0\u8f7d\u3002<\/p>\n<p align=\"left\">\u533a\u522b3\uff1alink\u662fXHTML\u6807\u7b7e\uff0c\u65e0\u517c\u5bb9\u95ee\u9898\uff1b@import\u662f\u5728CSS2.1\u63d0\u51fa\u7684\uff0c\u4f4e\u7248\u672c\u7684\u6d4f\u89c8\u5668\u4e0d\u652f\u6301\u3002<\/p>\n<p align=\"left\">\u533a\u522b4\uff1alink\u652f\u6301\u4f7f\u7528Javascript\u63a7\u5236DOM\u53bb\u6539\u53d8\u6837\u5f0f\uff1b\u800c@import\u4e0d\u652f\u6301\u3002<\/p>\n<h2><a name=\"t226\"><\/a><a target=\"_blank\" name=\"_Toc25893\"><\/a>135\u3001window.onload \u548c document.ready\u7684\u533a\u522b\uff1f<\/h2>\n<p align=\"left\">load\u8981\u7b49\u5230\u56fe\u7247\u548c\u5305\u542b\u7684\u6587\u4ef6\u90fd\u52a0\u5728\u8fdb\u6765\u4e4b\u540e\u6267\u884c\uff1b<\/p>\n<p align=\"left\">ready\u662f\u4e0d\u5305\u542b\u56fe\u7247\u548c\u975e\u6587\u5b57\u6587\u4ef6\u7684\u6587\u6863\u7ed3\u6784\u51c6\u5907\u597d\u5c31\u6267\u884c\uff1b<\/p>\n<h2><a name=\"t227\"><\/a><a target=\"_blank\" name=\"_Toc14784\"><\/a>136\u3001\u89e3\u6790URL\u6210\u4e00\u4e2a\u5bf9\u8c61\uff1f<\/h2>\n<table border=\"0\" width=\"568\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0String.prototype.urlQueryString\u00a0=\u00a0function(){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var\u00a0url\u00a0=\u00a0this.split(&#8216;?&#8217;)[1].split(&#8216;&amp;&#8217;),<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0len\u00a0=\u00a0url.length;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0this.url\u00a0=\u00a0{};<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0for(var\u00a0i\u00a0=\u00a00;\u00a0i\u00a0&lt;\u00a0len;\u00a0i\u00a0+=\u00a01){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var\u00a0cell\u00a0=\u00a0url[i].split(&#8216;=&#8217;),<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0key\u00a0=\u00a0cell[0],<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0val\u00a0=\u00a0cell[1];<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0this.url[&#8221;+key+&#8221;]\u00a0=\u00a0val;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return\u00a0this.url;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var\u00a0url\u00a0=\u00a0&#8216;?name=12&amp;age=23&#8217;;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0console.log(url.urlQueryString().age);<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><a name=\"t228\"><\/a><a target=\"_blank\" name=\"_Toc18108\"><\/a>137\u3001\u770b\u4e0b\u5217\u4ee3\u7801\u8f93\u51fa\u4ec0\u4e48\uff1f<\/h2>\n<pre>var foo = \"11\"+2-\"1\";\r\nconsole.log(foo);\r\nconsole.log(typeof foo);<\/pre>\n<pre>\u6267\u884c\u5b8c\u540efoo\u7684\u503c\u4e3a111\uff0cfoo\u7684\u7c7b\u578b\u4e3aNumber\u3002<\/pre>\n<h2><a name=\"t229\"><\/a><a target=\"_blank\" name=\"_Toc10131\"><\/a>138\u3001\u770b\u4e0b\u5217\u4ee3\u7801,\u8f93\u51fa\u4ec0\u4e48\uff1f<\/h2>\n<pre>var a = new Object();<\/pre>\n<pre>a.value = 1;<\/pre>\n<pre>b = a;<\/pre>\n<pre>b.value = 2;<\/pre>\n<pre>alert(a.value);<\/pre>\n<pre>\u6267\u884c\u5b8c\u540e\u8f93\u51fa\u7ed3\u679c\u4e3a2<\/pre>\n<h2><a name=\"t230\"><\/a><a target=\"_blank\" name=\"_Toc13595\"><\/a>139\u3001\u5df2\u77e5\u6570\u7ec4var stringArray = [&#8220;This\u201d, &#8220;is\u201d, &#8220;Baidu\u201d,&#8221;Campus\u201d]\uff0cAlert\u51fa\u201dThis isBaidu Campus\u201d\u3002<\/h2>\n<p>\u7b54\u6848\uff1aalert(stringArray.join(&#8220;&#8221;))<\/p>\n<h2><a name=\"t231\"><\/a><a target=\"_blank\" name=\"_Toc26119\"><\/a>140\u3001\u5df2\u77e5\u6709\u5b57\u7b26\u4e32foo=&#8221;get-element-by-id&#8221;,\u5199\u4e00\u4e2afunction\u5c06\u5176\u8f6c\u5316\u6210\u9a7c\u5cf0\u8868\u793a\u6cd5&#8221;getElementById&#8221;\u3002<\/h2>\n<p align=\"left\">\u7b54\u6848\uff1afunction combo(msg){<\/p>\n<p align=\"left\">\u00a0\u00a0var arr = msg.split(&#8220;-&#8220;);<\/p>\n<p align=\"left\">\u00a0\u00a0var len = arr.length;\u00a0 \/\/\u5c06arr.length\u5b58\u50a8\u5728\u4e00\u4e2a\u5c40\u90e8\u53d8\u91cf\u53ef\u4ee5\u63d0\u9ad8for\u5faa\u73af\u6548\u7387<\/p>\n<p align=\"left\">\u00a0\u00a0for(var i=1;i&lt;len;i++){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0arr[i]=arr[i].charAt(0).toUpperCase()+arr[i].substr(1,arr[i].length-1);<\/p>\n<p align=\"left\">\u00a0\u00a0}<\/p>\n<p align=\"left\">\u00a0\u00a0msg=arr.join(&#8220;&#8221;);<\/p>\n<p align=\"left\">\u00a0\u00a0returnmsg;<\/p>\n<p align=\"left\">}<\/p>\n<h2><a name=\"t232\"><\/a><a target=\"_blank\" name=\"_Toc18857\"><\/a>141\u3001\u600e\u6837\u6dfb\u52a0\u3001\u79fb\u9664\u3001\u79fb\u52a8\u3001\u590d\u5236\u3001\u521b\u5efa\u548c\u67e5\u627e\u8282\u70b9<\/h2>\n<p>1\uff09\u521b\u5efa\u65b0\u8282\u70b9<\/p>\n<p>createDocumentFragment()\/\/\u521b\u5efa\u4e00\u4e2aDOM\u7247\u6bb5<br \/>\ncreateElement() \/\/\u521b\u5efa\u4e00\u4e2a\u5177\u4f53\u7684\u5143\u7d20<br \/>\ncreateTextNode() \/\/\u521b\u5efa\u4e00\u4e2a\u6587\u672c\u8282\u70b9<\/p>\n<p>2\uff09\u6dfb\u52a0\u3001\u79fb\u9664\u3001\u66ff\u6362\u3001\u63d2\u5165<br \/>\nappendChild() \/\/\u6dfb\u52a0<br \/>\nremoveChild() \/\/\u79fb\u9664<br \/>\nreplaceChild() \/\/\u66ff\u6362<br \/>\ninsertBefore() \/\/\u63d2\u5165<\/p>\n<p>3\uff09\u67e5\u627e<br \/>\ngetElementsByTagName() \/\/\u901a\u8fc7\u6807\u7b7e\u540d\u79f0<br \/>\ngetElementsByName() \/\/\u901a\u8fc7\u5143\u7d20\u7684Name\u5c5e\u6027\u7684\u503c<br \/>\ngetElementById() \/\/\u901a\u8fc7\u5143\u7d20Id\uff0c\u552f\u4e00\u6027<\/p>\n<h2><a name=\"t233\"><\/a><a target=\"_blank\" name=\"_Toc29382\"><\/a>142\u3001\u539f\u751fJS\u7684window.onload\u4e0eJquery\u7684$(document).ready(function(){})\u6709\u4ec0\u4e48\u4e0d\u540c\uff1f<\/h2>\n<p>window.onload()\u65b9\u6cd5\u662f\u5fc5\u987b\u7b49\u5230\u9875\u9762\u5185\u5305\u62ec\u56fe\u7247\u7684\u6240\u6709\u5143\u7d20\u52a0\u8f7d\u5b8c\u6bd5\u540e\u624d\u80fd\u6267\u884c\u3002<\/p>\n<p>$(document).ready()\u662fDOM\u7ed3\u6784\u7ed8\u5236\u5b8c\u6bd5\u540e\u5c31\u6267\u884c\uff0c\u4e0d\u5fc5\u7b49\u5230\u52a0\u8f7d\u5b8c\u6bd5\u3002<\/p>\n<p>&nbsp;<\/p>\n<h2><a name=\"t234\"><\/a><a target=\"_blank\" name=\"_Toc5586\"><\/a>143\u3001\u4f60\u5982\u4f55\u4f18\u5316\u81ea\u5df1\u7684\u4ee3\u7801\uff1f<\/h2>\n<p>\u4ee3\u7801\u91cd\u7528<\/p>\n<p>\u907f\u514d\u5168\u5c40\u53d8\u91cf\uff08\u547d\u540d\u7a7a\u95f4\uff0c\u5c01\u95ed\u7a7a\u95f4\uff0c\u6a21\u5757\u5316mvc..\uff09<\/p>\n<p>\u62c6\u5206\u51fd\u6570\u907f\u514d\u51fd\u6570\u8fc7\u4e8e\u81c3\u80bf<\/p>\n<p>\u6ce8\u91ca<\/p>\n<h2><a name=\"t235\"><\/a><a target=\"_blank\" name=\"_Toc16946\"><\/a>144\u3001\u8bf7\u63cf\u8ff0\u51fa\u4e0b\u5217\u4ee3\u7801\u8fd0\u884c\u7684\u7ed3\u679c<\/h2>\n<p>function d(){<\/p>\n<p>console.log(this);<\/p>\n<p>}<\/p>\n<p>d();<\/p>\n<h2><a name=\"t236\"><\/a><a target=\"_blank\" name=\"_Toc27258\"><\/a>145\u3001\u9700\u8981\u5c06\u53d8\u91cfe\u7684\u503c\u4fee\u6539\u4e3a\u201ca+b+c+d\u201d,\u8bf7\u5199\u51fa\u5bf9\u5e94\u7684\u4ee3\u7801<\/h2>\n<p>var e=\u201dabcd\u201d;<\/p>\n<p>\u8bbe\u8ba1\u4e00\u6bb5\u4ee3\u7801\u80fd\u591f\u904d\u5386\u4e0b\u5217\u6574\u4e2aDOM\u8282\u70b9<\/p>\n<p>&lt;div&gt;<\/p>\n<p>&lt;p&gt;<\/p>\n<p>&lt;span&gt;&lt;a\/&gt;&lt;\/span&gt;<\/p>\n<p>&lt;span&gt;&lt;a\/&gt;&lt;\/span&gt;<\/p>\n<p>&lt;\/p&gt;<\/p>\n<p>&lt;ul&gt;<\/p>\n<p>&lt;li&gt;&lt;\/li&gt;<\/p>\n<p>&lt;li&gt;&lt;\/li&gt;<\/p>\n<p>&lt;\/ul&gt;<\/p>\n<p>&lt;\/div&gt;<\/p>\n<h2><a name=\"t237\"><\/a><a target=\"_blank\" name=\"_Toc24473\"><\/a>146\u3001\u600e\u6837\u5b9e\u73b0\u4e24\u680f\u7b49\u9ad8\uff1f<\/h2>\n<h2><a name=\"t238\"><\/a><a target=\"_blank\" name=\"_Toc5059\"><\/a>147\u3001\u4f7f\u7528js\u5b9e\u73b0\u8fd9\u6837\u7684\u6548\u679c\uff1a\u5728\u6587\u672c\u57df\u91cc\u8f93\u5165\u6587\u5b57\u65f6\uff0c\u5f53\u6309\u4e0benter\u952e\u65f6\u4e0d\u6362\u884c\uff0c\u800c\u662f\u66ff\u6362\u6210\u201c{{enter}}\u201d,(\u53ea\u9700\u8981\u8003\u8651\u5728\u884c\u5c3e\u6309\u4e0benter\u952e\u7684\u60c5\u51b5).<\/h2>\n<h2><a name=\"t239\"><\/a><a target=\"_blank\" name=\"_Toc25700\"><\/a>148\u3001\u4ee5\u4e0b\u4ee3\u7801\u4e2dend\u5b57\u7b26\u4e32\u4ec0\u4e48\u65f6\u5019\u8f93\u51fa<\/h2>\n<p>var t=true;<\/p>\n<p>setTimeout(function(){<\/p>\n<p>console.log(123);<\/p>\n<p>t=false;<\/p>\n<p>},1000);<\/p>\n<p>while(t){}<\/p>\n<p>console.log(\u2018end\u2019);<\/p>\n<h2><a name=\"t240\"><\/a><a target=\"_blank\" name=\"_Toc29719\"><\/a>149\u3001specify(\u2018hello,world\u2019)\/\/=&gt;\u2019h,e,l,l,o,w,o,r,l,d\u2019\u5b9e\u73b0specify\u51fd\u6570<\/h2>\n<h2><a name=\"t241\"><\/a><a target=\"_blank\" name=\"_Toc9576\"><\/a>150\u3001\u8bf7\u5c06\u4e00\u4e2aURL\u7684search\u90e8\u5206\u53c2\u6570\u4e0e\u503c\u8f6c\u6362\u6210\u4e00\u4e2ajson\u5bf9\u8c61<\/h2>\n<h2><a name=\"t242\"><\/a><a target=\"_blank\" name=\"_Toc170\"><\/a>151\u3001\u8bf7\u7528\u539f\u751fjs\u5b9e\u73b0jquery\u7684get\\post\u529f\u80fd\uff0c\u4ee5\u53ca\u8de8\u57df\u60c5\u51b5\u4e0b<\/h2>\n<h2><a name=\"t243\"><\/a><a target=\"_blank\" name=\"_Toc12279\"><\/a>152\u3001\u8bf7\u7b80\u8981\u63cf\u8ff0web\u524d\u7aef\u6027\u80fd\u9700\u8981\u8003\u8651\u54ea\u65b9\u9762\uff0c\u4f60\u7684\u4f18\u5316\u601d\u8def\u662f\u4ec0\u4e48\uff1f<\/h2>\n<h2><a name=\"t244\"><\/a><a target=\"_blank\" name=\"_Toc29379\"><\/a>153\u3001\u7b80\u8ff0readyonly\u4e0edisabled\u7684\u533a\u522b<\/h2>\n<h2><a name=\"t245\"><\/a><a target=\"_blank\" name=\"_Toc15477\"><\/a>154\u3001\u5224\u65ad\u4e00\u4e2a\u5b57\u7b26\u5415\u4e32\u51fa\u73b0\u6b21\u6570\u6700\u591a\u7684\u5b57\u7b26\uff0c\u7edf\u8ba1\u8fd9\u4e2a\u6b21\u6570\u5e76\u8f93\u51fa<\/h2>\n<h2><a name=\"t246\"><\/a><a target=\"_blank\" name=\"_Toc23692\"><\/a>155\u3001\u7f16\u5199\u4e00\u4e2a\u65b9\u6cd5\uff0c\u53bb\u6389\u4e00\u4e2a\u6570\u7ec4\u7684\u590d\u91cd\u5143\u7d20<\/h2>\n<h2><a name=\"t247\"><\/a><a target=\"_blank\" name=\"_Toc10862\"><\/a>156\u3001\u5199\u51fa3\u4e2a\u4f7f\u7528this\u7684\u5178\u578b\u5e94\u7528<\/h2>\n<h2><a name=\"t248\"><\/a><a target=\"_blank\" name=\"_Toc1347\"><\/a>157\u3001\u8bf7\u5c3d\u53ef\u80fd\u8be6\u5c3d\u7684\u89e3\u91caajax\u7684\u5de5\u4f5c\u539f\u7406<\/h2>\n<h2><a name=\"t249\"><\/a><a target=\"_blank\" name=\"_Toc31362\"><\/a>158\u3001\u4e3a\u4ec0\u4e48\u6269\u5c55javascript\u5185\u7f6e\u5bf9\u8c61\u4e0d\u662f\u597d\u7684\u505a\u6cd5\uff1f<\/h2>\n<h2><a name=\"t250\"><\/a><a target=\"_blank\" name=\"_Toc20473\"><\/a>159\u3001\u8bf7\u89e3\u91ca\u4e00\u4e0bjavascript\u7684\u540c\u6e90\u7b56\u7565<\/h2>\n<h2><a name=\"t251\"><\/a><a target=\"_blank\" name=\"_Toc7339\"><\/a>160\u3001\u4ec0\u4e48\u662f\u4e09\u5143\u8868\u8fbe\u5f0f\uff1f\u201c\u4e09\u5143\u201d\u8868\u793a\u4ec0\u4e48\u610f\u601d\uff1f<\/h2>\n<h2><a name=\"t252\"><\/a><a target=\"_blank\" name=\"_Toc18755\"><\/a>161\u3001\u6d4f\u89c8\u5668\u6807\u51c6\u6a21\u5f0f\u548c\u602a\u5f02\u6a21\u5f0f\u4e4b\u95f4\u7684\u533a\u522b\u662f\u4ec0\u4e48\uff1f<\/h2>\n<h2><a name=\"t253\"><\/a><a target=\"_blank\" name=\"_Toc23968\"><\/a>162\u3001\u5982\u679c\u8bbe\u8ba1\u4e2d\u4f7f\u7528\u4e86\u975e\u6807\u51c6\u7684\u5b57\u4f53\uff0c\u4f60\u8be5\u5982\u4f55\u53bb\u5b9e\u73b0\uff1f<\/h2>\n<h2><a name=\"t254\"><\/a><a target=\"_blank\" name=\"_Toc7055\"><\/a>163\u3001\u7528css\u5206\u522b\u5b9e\u73b0\u67d0\u4e2adiv\u5143\u7d20\u4e0a\u4e0b\u5c45\u4e2d\u548c\u5de6\u53f3\u5c45\u4e2d<\/h2>\n<h2><a name=\"t255\"><\/a><a target=\"_blank\" name=\"_Toc21603\"><\/a>164\u3001modulo(12,5)\/\/2\u00a0 \u5b9e\u73b0\u6ee1\u8db3\u8fd9\u4e2a\u7ed3\u679c\u7684modulo\u51fd\u6570<\/h2>\n<h2><a name=\"t256\"><\/a><a target=\"_blank\" name=\"_Toc26357\"><\/a>165\u3001HTTP\u534f\u8bae\u4e2d\uff0cGET\u548cPOST\u6709\u4ec0\u4e48\u533a\u522b\uff1f\u5206\u522b\u9002\u7528\u4ec0\u4e48\u573a\u666f\uff1f<\/h2>\n<h2><a name=\"t257\"><\/a><a target=\"_blank\" name=\"_Toc31042\"><\/a>166\u3001HTTP\u72b6\u6001\u6d88\u606f200 302 304 403 404 500\u5206\u522b\u8868\u793a\u4ec0\u4e48<\/h2>\n<h2><a name=\"t258\"><\/a><a target=\"_blank\" name=\"_Toc8383\"><\/a>167\u3001HTTP\u534f\u8bae\u4e2d\uff0cheader\u4fe1\u606f\u91cc\u9762\uff0c\u600e\u4e48\u63a7\u5236\u9875\u9762\u5931\u6548\u65f6\u95f4\uff08last-modified,cache-control,Expires\u5206\u522b\u4ee3\u8868\u4ec0\u4e48\uff09<\/h2>\n<h2><a name=\"t259\"><\/a><a target=\"_blank\" name=\"_Toc6606\"><\/a>168\u3001HTTP\u96f7\u950b\u8bae\u76ee\u524d\u5e38\u7528\u7684\u6709\u54ea\u51e0\u4e2a\uff1fKEEPALIVE\u4ece\u54ea\u4e2a\u7248\u672c\u5f00\u59cb\u51fa\u73b0\u7684\uff1f<\/h2>\n<h2><a name=\"t260\"><\/a><a target=\"_blank\" name=\"_Toc32763\"><\/a>169\u3001\u4e1a\u754c\u5e38\u7528\u7684\u4f18\u5316WEB\u9875\u9762\u52a0\u8f7d\u901f\u5ea6\u7684\u65b9\u6cd5\uff08\u53ef\u4ee5\u5206\u522b\u4ece\u9875\u9762\u5143\u7d20\u5c55\u73b0\uff0c\u8bf7\u6c42\u8fde\u63a5\uff0ccss,js,\u670d\u52a1\u5668\u7b49\u65b9\u9762\u4ecb\u7ecd\uff09<\/h2>\n<h2><a name=\"t261\"><\/a><a target=\"_blank\" name=\"_Toc14741\"><\/a>170\u3001\u5217\u4e3e\u5e38\u7528\u7684web\u9875\u9762\u5f00\u53d1\uff0c\u8c03\u8bd5\u4ee5\u53ca\u4f18\u5316\u5de5\u5177<\/h2>\n<h2><a name=\"t262\"><\/a><a target=\"_blank\" name=\"_Toc26580\"><\/a>171\u3001\u89e3\u91ca\u4ec0\u4e48\u662fsql\u6ce8\u5165\uff0cxss\u6f0f\u6d1e<\/h2>\n<h2><a name=\"t263\"><\/a><a target=\"_blank\" name=\"_Toc11683\"><\/a>172\u3001\u5982\u4f55\u5224\u65ad\u4e00\u4e2ajs\u53d8\u91cf\u662f\u6570\u7ec4\u7c7b\u578b<\/h2>\n<h2><a name=\"t264\"><\/a><a target=\"_blank\" name=\"_Toc1415\"><\/a>173\u3001\u8bf7\u5217\u4e3ejs\u6570\u7ec4\u7c7b\u578b\u4e2d\u7684\u5e38\u7528\u65b9\u6cd5<\/h2>\n<h2><a name=\"t265\"><\/a><a target=\"_blank\" name=\"_Toc28948\"><\/a>174\u3001FF\u4e0eIE\u4e2d\u5982\u4f55\u963b\u6b62\u4e8b\u4ef6\u5192\u6ce1\uff0c\u5982\u4f55\u83b7\u53d6\u4e8b\u4ef6\u5bf9\u8c61\uff0c\u4ee5\u53ca\u5982\u4f55\u83b7\u53d6\u89e6\u53d1\u4e8b\u4ef6\u7684\u5143\u7d20<\/h2>\n<h2><a name=\"t266\"><\/a><a target=\"_blank\" name=\"_Toc18224\"><\/a>175\u3001\u5217\u4e3e\u5e38\u7528\u7684js\u6846\u67b6\u4ee5\u53ca\u5206\u522b\u9002\u7528\u7684\u9886\u57df<\/h2>\n<h2><a name=\"t267\"><\/a><a target=\"_blank\" name=\"_Toc25411\"><\/a>176\u3001js\u4e2d\u5982\u4f55\u5b9e\u73b0\u4e00\u4e2amap<\/h2>\n<h2><a name=\"t268\"><\/a><a target=\"_blank\" name=\"_Toc14785\"><\/a>177\u3001js\u53ef\u5426\u5b9e\u73b0\u9762\u5411\u5bf9\u8c61\u7f16\u7a0b\uff0c\u5982\u679c\u53ef\u4ee5\u5982\u4f55\u5b9e\u73b0js\u5bf9\u8c61\u7684\u7ee7\u627f<\/h2>\n<h2><a name=\"t269\"><\/a><a target=\"_blank\" name=\"_Toc25687\"><\/a>178\u3001\u7ea6\u745f\u592b\u73af\u2014\u5df2\u77e5n\u4e2a\u4eba\uff08\u4ee5\u7f16\u53f71\uff0c2\uff0c3\u2026\u5206\u522b\u8868\u793a\uff09\u56f4\u5750\u5728\u4e00\u5f20\u5706\u684c\u5468\u56f4\u3002\u4ece\u7f16\u53f7\u4e3ak\u7684\u4eba\u5f00\u59cb\u62a5\u6570\uff0c\u6570\u5230m\u7684\u90a3\u4e2a\u4eba\u51fa\u5217\uff1b\u4ed6\u7684\u4e0b\u4e00\u4e2a\u4eba\u53c8\u4ece1\u5f00\u59cb\u62a5\u6570\uff0c\u6570\u5230m\u7684\u90a3\u4e2a\u4eba\u53c8\u51fa\u5217\uff1b\u4f9d\u6b64\u89c4\u5f8b\u91cd\u590d\u4e0b\u53bb\uff0c\u76f4\u5230\u5706\u684c\u5468\u56f4\u7684\u4eba\u5168\u90e8\u51fa\u5217\u3002<\/h2>\n<h2><a name=\"t270\"><\/a><a target=\"_blank\" name=\"_Toc4057\"><\/a>179\u3001\u67091\u523010w\u8fd9\u4e2a10w\u4e2a\u6570\uff0c\u53bb\u96642\u4e2a\u5e76\u6253\u4e71\u6b21\u5e8f\uff0c\u5982\u4f55\u627e\u51fa\u90a3\u4e24\u4e2a\u6570\uff1f<\/h2>\n<h2><a name=\"t271\"><\/a><a target=\"_blank\" name=\"_Toc11060\"><\/a>180\u3001\u5982\u4f55\u83b7\u53d6\u5bf9\u8c61a\u62e5\u6709\u7684\u6240\u6709\u5c5e\u6027\uff08\u53ef\u679a\u4e3e\u7684\u3001\u4e0d\u53ef\u679a\u4e3e\u7684\uff0c\u4e0d\u5305\u62ec\u7ee7\u627f\u6765\u7684\u5c5e\u6027\uff09<\/h2>\n<h2><a name=\"t272\"><\/a><a target=\"_blank\" name=\"_Toc24681\"><\/a>181\u3001\u6709\u4e0b\u9762\u8fd9\u6837\u4e00\u6bb5HTML\u7ed3\u6784\uff0c\u4f7f\u7528css\u5b9e\u73b0\u8fd9\u6837\u7684\u6548\u679c\uff1a<\/h2>\n<p>\u5de6\u8fb9\u5bb9\u5668\u65e0\u8bba\u5bbd\u5ea6\u5982\u4f55\u53d8\u52a8\uff0c\u53f3\u8fb9\u5bb9\u5668\u90fd\u80fd\u81ea\u9002\u5e94\u586b\u6ee1\u7236\u5bb9\u5668\u5269\u4f59\u7684\u5bbd\u5ea6\u3002<\/p>\n<p>&lt;div class=\u201dwarp\u201d&gt;<\/p>\n<p>&lt;div class=\u201dleft\u201d&gt;&lt;\/div&gt;<\/p>\n<p>&lt;div class=\u201dright\u201d&gt;&lt;\/div&gt;<\/p>\n<p>&lt;\/div&gt;<\/p>\n<h2><a name=\"t273\"><\/a><a target=\"_blank\" name=\"_Toc18475\"><\/a>182\u3001\u4e0b\u9762\u8fd9\u6bb5\u4ee3\u7801\u60f3\u8981\u5faa\u73af\u661d\u8f93\u51fa\u7ed3\u679c01234\uff0c\u8bf7\u95ee\u8f93\u51fa\u7ed3\u679c\u662f\u5426\u6b63\u786e\uff0c\u5982\u679c\u4e0d\u6b63\u786e\uff0c\u8bf7\u8bf4\u660e\u4e3a\u4ec0\u4e48\uff0c\u5e76\u4fee\u6539\u5faa\u73af\u5185\u7684\u4ee3\u7801\u4f7f\u5176\u8f93\u51fa\u6b63\u786e\u7ed3\u679c<\/h2>\n<p>for(var i=0;i&lt;5;++i){<\/p>\n<p>setTimeout(function(){<\/p>\n<p>console.log(i+\u2019\u2019);<\/p>\n<p>},100*i);<\/p>\n<p>}<\/p>\n<h2><a name=\"t274\"><\/a><a target=\"_blank\" name=\"_Toc25397\"><\/a>183\u3001\u89e3\u91ca\u4e0b\u8fd9\u4e2acss\u9009\u62e9\u5668\u4ec0\u4e48\u53d1\u751f\u4ec0\u4e48\uff1f<\/h2>\n<p>[role=nav]&gt;ul a:not([href^-mailto]){}<\/p>\n<h2><a name=\"t275\"><\/a><a target=\"_blank\" name=\"_Toc8658\"><\/a>184\u3001JavaScript\u4ee5\u4e0b\u54ea\u6761\u8bed\u53e5\u4f1a\u4ea7\u751f\u8fd0\u884c\u9519\u8bef<\/h2>\n<p align=\"left\">A. varobj = (); \u00a0\u00a0 B. var obj = []; \u00a0\u00a0 C. var obj = {}; \u00a0\u00a0 D. var obj = \/\/;<\/p>\n<p align=\"left\">\u7b54\u6848\uff1aAD<\/p>\n<h2><a name=\"t276\"><\/a><a target=\"_blank\" name=\"_Toc25277\"><\/a>185\u3001\u4ee5\u4e0b\u54ea\u4e9b\u662fjavascript\u7684\u5168\u5c40\u51fd\u6570\uff1a\uff08ABC\uff09<\/h2>\n<p align=\"left\">A.escape\u00a0\u00a0 \u51fd\u6570\u53ef\u5bf9\u5b57\u7b26\u4e32\u8fdb\u884c\u7f16\u7801\uff0c\u8fd9\u6837\u5c31\u53ef\u4ee5\u5728\u6240\u6709\u7684\u8ba1\u7b97\u673a\u4e0a\u8bfb\u53d6\u8be5\u5b57\u7b26\u4e32\u3002ECMAScript v3 \u53cd\u5bf9\u4f7f\u7528\u8be5\u65b9\u6cd5\uff0c\u5e94\u7528\u4f7f\u7528 decodeURI() \u548c decodeURIComponent() \u66ff\u4ee3\u5b83\u3002<\/p>\n<p align=\"left\">B.parseFloat\u00a0\u00a0 parseFloat() \u51fd\u6570\u53ef\u89e3\u6790\u4e00\u4e2a\u5b57\u7b26\u4e32\uff0c\u5e76\u8fd4\u56de\u4e00\u4e2a\u6d6e\u70b9\u6570\u3002<\/p>\n<p align=\"left\">\u8be5\u51fd\u6570\u6307\u5b9a\u5b57\u7b26\u4e32\u4e2d\u7684\u9996\u4e2a\u5b57\u7b26\u662f\u5426\u662f\u6570\u5b57\u3002\u5982\u679c\u662f\uff0c\u5219\u5bf9\u5b57\u7b26\u4e32\u8fdb\u884c\u89e3\u6790\uff0c\u76f4\u5230\u5230\u8fbe\u6570\u5b57\u7684\u672b\u7aef\u4e3a\u6b62\uff0c\u7136\u540e\u4ee5\u6570\u5b57\u8fd4\u56de\u8be5\u6570\u5b57\uff0c\u800c\u4e0d\u662f\u4f5c\u4e3a\u5b57\u7b26\u4e32\u3002<\/p>\n<p align=\"left\">C.eval \u51fd\u6570\u53ef\u8ba1\u7b97\u67d0\u4e2a\u5b57\u7b26\u4e32\uff0c\u5e76\u6267\u884c\u5176\u4e2d\u7684\u7684 JavaScript \u4ee3\u7801\u3002<\/p>\n<p align=\"left\">D.setTimeout<\/p>\n<p align=\"left\">E.alert<\/p>\n<h2><a name=\"t277\"><\/a><a target=\"_blank\" name=\"_Toc26088\"><\/a>186\u3001\u5173\u4e8eIE\u7684window\u5bf9\u8c61\u8868\u8ff0\u6b63\u786e\u7684\u6709\uff1a\uff08ACD\uff09<\/h2>\n<p>A.window.opener\u5c5e\u6027\u672c\u8eab\u5c31\u662f\u6307\u5411window\u5bf9\u8c61<\/p>\n<p align=\"left\">B.window.reload()\u65b9\u6cd5\u53ef\u4ee5\u7528\u6765\u5237\u65b0\u5f53\u524d\u9875\u9762\u00a0 \u5e94\u8be5\u662flocation.reload\u6216\u8005window.location.reload<\/p>\n<p align=\"left\">C.window.location=\u201da.html\u201d\u548cwindow.location.href=\u201da.html\u201d\u7684\u4f5c\u7528\u90fd\u662f\u628a\u5f53\u524d\u9875\u9762\u66ff\u6362\u6210a.html\u9875\u9762<\/p>\n<p align=\"left\">D. \u5b9a\u4e49\u4e86\u5168\u5c40\u53d8\u91cfg\uff1b\u53ef\u4ee5\u7528window.g\u7684\u65b9\u5f0f\u6765\u5b58\u53d6\u8be5\u53d8\u91cf<\/p>\n<h2><a name=\"t278\"><\/a><a target=\"_blank\" name=\"_Toc5650\"><\/a>187\u3001\u63cf\u8ff0\u9519\u8bef\u7684\u662f<\/h2>\n<p>A\uff1aHttp\u72b6\u6001\u7801302\u8868\u793a\u6682\u65f6\u6027\u8f6c\u79fb \u5bf9<\/p>\n<p align=\"left\">B:domContentLoaded\u4e8b\u4ef6\u65e9\u4e8eonload\u4e8b\u4ef6\u00a0 onload \u4e8b\u4ef6\u4f1a\u5728\u9875\u9762\u6216\u56fe\u50cf\u52a0\u8f7d\u5b8c\u6210\u540e\u7acb\u5373\u53d1\u751f\u3002<\/p>\n<p align=\"left\">C:IE678\u4e0d\u652f\u6301\u4e8b\u4ef6\u6355\u83b7<\/p>\n<p align=\"left\">D:localStorage\u5b58\u50a8\u7684\u6570\u636e\u5728\u7535\u8111\u91cd\u542f\u540e\u4e22\u5931\u00a0\u00a0\u00a0\u00a0 \u6ca1\u6709\u65f6\u95f4\u9650\u5236<\/p>\n<p align=\"left\">try&#8230;catch\u8bed\u53e5\u3002(\u5728 IE5+\u3001Mozilla 1.0\u3001\u548cNetscape 6 \u4e2d\u53ef\u7528)<\/p>\n<h2><a name=\"t279\"><\/a><a target=\"_blank\" name=\"_Toc30273\"><\/a>188\u3001\u5173\u4e8elink\u548c@import\u7684\u533a\u522b\u6b63\u786e\u7684\u662f\u00a0 A<\/h2>\n<p>A:link\u5c5e\u4e8eXHTML\u6807\u7b7e\uff0c\u800c@import\u662fCSS\u63d0\u4f9b\u7684\uff1b<\/p>\n<p align=\"left\">B\uff1a\u9875\u9762\u88ab\u52a0\u8f7d\u65f6\uff0clink\u4f1a\u540c\u65f6\u88ab\u52a0\u8f7d\uff0c\u800c\u540e\u8005\u5f15\u7528\u7684CSS\u4f1a\u7b49\u5230\u9875\u9762\u88ab\u52a0\u8f7d\u5b8c\u518d\u52a0\u8f7d<\/p>\n<p align=\"left\">C\uff1aimport\u53ea\u5728IE5\u4ee5\u4e0a\u624d\u80fd\u8bc6\u522b\u800clink\u662fXHTML\u6807\u7b7e\uff0c\u65e0\u517c\u5bb9\u95ee\u9898<\/p>\n<p align=\"left\">D: link\u65b9\u5f0f\u7684\u6837\u5f0f\u7684\u6743\u91cd\u9ad8\u4e8e@import\u7684\u6743\u91cd<\/p>\n<h2><a name=\"t280\"><\/a><a target=\"_blank\" name=\"_Toc27293\"><\/a>189\u3001\u4e0b\u9762\u6b63\u786e\u7684\u662f\u00a0 A<\/h2>\n<p align=\"left\">A: \u8de8\u57df\u95ee\u9898\u80fd\u901a\u8fc7JsonP\u65b9\u6848\u89e3\u51b3 B\uff1a\u4e0d\u540c\u5b50\u57df\u540d\u95f4\u4ec5\u80fd\u901a\u8fc7\u4fee\u6539window.name\u89e3\u51b3\u8de8\u57df\u00a0\u00a0 \u8fd8\u53ef\u4ee5\u901a\u8fc7script\u6807\u7b7esrc\u00a0 jsonp\u7b49h5 <a class=\"replace_word\" title=\"Java \u77e5\u8bc6\u5e93\" href=\"http:\/\/lib.csdn.net\/base\/java\" target=\"_blank\">Java <\/a>split\u7b49<\/p>\n<p align=\"left\">C\uff1a\u53ea\u6709\u5728IE\u4e2d\u53ef\u901a\u8fc7iframe\u5d4c\u5957\u8de8\u57df D\uff1aMediaQuery\u5c5e\u6027\u662f\u8fdb\u884c\u89c6\u9891\u683c\u5f0f\u68c0\u6d4b\u7684\u5c5e\u6027\u662f\u505a\u54cd\u5e94\u5f0f\u7684<\/p>\n<h2><a name=\"t281\"><\/a><a target=\"_blank\" name=\"_Toc23039\"><\/a>188\u3001\u9519\u8bef\u7684\u662f<\/h2>\n<p>A:Ajax\u672c\u8d28\u662fXMLHttpRequest<\/p>\n<p align=\"left\">B: \u5757\u5143\u7d20\u5b9e\u9645\u5360\u7528\u7684\u5bbd\u5ea6\u4e0e\u5b83\u7684width\u3001border\u3001padding\u5c5e\u6027\u6709\u5173\uff0c\u4e0ebackground\u65e0\u5173<\/p>\n<p align=\"left\">C:position\u5c5e\u6027absolute\u3001fixed\u3001&#8212;relative&#8212;\u4f1a\u4f7f\u6587\u6863\u8131\u6807<\/p>\n<p align=\"left\">D:\u00a0 float\u5c5e\u6027left\u4e5f\u4f1a\u4f7fdiv\u8131\u6807<\/p>\n<h2><a name=\"t282\"><\/a><a target=\"_blank\" name=\"_Toc17641\"><\/a>189\u3001\u4e0d\u7528\u4efb\u4f55\u63d2\u4ef6\uff0c\u5982\u4f55\u5b9e\u73b0\u4e00\u4e2atab\u680f\u5207\u6362\uff1f<\/h2>\n<h2><a name=\"t283\"><\/a><a target=\"_blank\" name=\"_Toc15782\"><\/a>190\u3001\u57fa\u672c\u6570\u636e\u7c7b\u578b\u7684\u4e13\u4e1a\u672f\u8bed\u4ee5\u53ca\u5355\u8bcd\u62fc\u5199<\/h2>\n<h2><a name=\"t284\"><\/a><a target=\"_blank\" name=\"_Toc14573\"><\/a>191\u3001\u53d8\u91cf\u7684\u547d\u540d\u89c4\u8303\u4ee5\u53ca\u547d\u540d\u63a8\u8350<\/h2>\n<h2><a name=\"t285\"><\/a><a target=\"_blank\" name=\"_Toc8403\"><\/a>192\u3001\u4e09\u79cd\u5f39\u7a97\u7684\u5355\u8bcd\u4ee5\u53ca\u4e09\u79cd\u5f39\u7a97\u7684\u529f\u80fd<\/h2>\n<h2><a name=\"t286\"><\/a><a target=\"_blank\" name=\"_Toc32100\"><\/a>193\u3001console.log( 8 | 1 ); \u8f93\u51fa\u503c\u662f\u591a\u5c11\uff1f<\/h2>\n<p align=\"left\">\u7b54\u6848\uff1a9<\/p>\n<h2><a name=\"t287\"><\/a><a target=\"_blank\" name=\"_Toc1687\"><\/a>194\u3001\u53ea\u5141\u8bb8\u4f7f\u7528 + &#8211; * \/ \u548c Math.* \uff0c\u6c42\u4e00\u4e2a\u51fd\u6570 y = f(x, a, b);\u5f53x &gt; 100 \u65f6\u8fd4\u56de a \u7684\u503c\uff0c\u5426\u5219\u8fd4\u56de b \u7684\u503c\uff0c\u4e0d\u80fd\u4f7f\u7528if else \u7b49\u6761\u4ef6\u8bed\u53e5\uff0c\u4e5f\u4e0d\u80fd\u4f7f\u7528|,?:,\u6570\u7ec4\u3002<\/h2>\n<p align=\"left\">\u7b54\u6848\uff1a<\/p>\n<p align=\"left\">functionf(x, a, b) {<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0 var temp = Math.ceil(Math.min(Math.max(x -100, 0), 1));<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0 return a * temp + b * (1 &#8211; temp);<\/p>\n<p align=\"left\">}<\/p>\n<p align=\"left\">console.log(f(-10,1, 2));<\/p>\n<h2><a name=\"t288\"><\/a><a target=\"_blank\" name=\"_Toc15163\"><\/a>195\u3001JavaScriptalert(0.4*0.2);\u7ed3\u679c\u662f\u591a\u5c11\uff1f\u548c\u4f60\u9884\u671f\u7684\u4e00\u6837\u5417\uff1f\u5982\u679c\u4e0d\u4e00\u6837\u8be5\u5982\u4f55\u5904\u7406\uff1f<\/h2>\n<p align=\"left\">\u00a0\u00a0\u00a0 \u6709\u8bef\u5dee\uff0c\u5e94\u8be5\u6bd4\u51c6\u786e\u7ed3\u679c\u504f\u5927\u3002\u4e00\u822c\u6211\u4f1a\u5c06\u5c0f\u6570\u53d8\u4e3a\u6574\u6570\u6765\u5904\u7406\u3002\u5f53\u524d\u4e4b\u524d\u9047\u5230\u8fd9\u4e2a\u95ee\u9898\u65f6\u4e5f\u4e0a\u7f51\u67e5\u8be2\u53d1\u73b0\u6709\u4eba\u7528try catch return\u5199\u4e86\u4e00\u4e2a\u51fd\u6570\uff0c<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0 \u5f53\u7136\u539f\u7406\u4e5f\u662f\u4e00\u81f4\u5148\u8f6c\u4e3a\u6574\u6570\u518d\u8ba1\u7b97\u3002\u770b\u8d77\u6765\u633a\u9ebb\u70e6\u7684\uff0c\u6211\u6ca1\u7528\u8fc7\u3002<\/p>\n<h2><a name=\"t289\"><\/a><a target=\"_blank\" name=\"_Toc26058\"><\/a>196\u3001\u4e00\u4e2adiv\uff0c\u6709\u51e0\u79cd\u65b9\u5f0f\u5f97\u5230\u8fd9\u4e2adiv\u7684jQuery\u5bf9\u8c61\uff1f&lt;div class=&#8217;aabbcc&#8217; id=&#8217;nodesView&#8217;&gt;&lt;\/div&gt;\u60f3\u76f4\u63a5\u83b7\u53d6\u8fd9\u4e2adiv\u7684dom\u5bf9\u8c61\uff0c\u5982\u4f55\u83b7\u53d6\uff1fdom\u5bf9\u8c61\u5982\u4f55\u8f6c\u5316\u4e3ajQuery\u5bf9\u8c61\uff1f<\/h2>\n<h2><a name=\"t290\"><\/a><a target=\"_blank\" name=\"_Toc8477\"><\/a>197\u3001\u4e3b\u6d41\u6d4f\u89c8\u5668\u5185\u6838<\/h2>\n<p align=\"left\">IEtrident\u00a0 \u706b\u72d0gecko\u00a0\u00a0 \u8c37\u6b4c\u82f9\u679cwebkit\u00a0 Opera\uff1aPresto<\/p>\n<h2><a name=\"t291\"><\/a><a target=\"_blank\" name=\"_Toc16592\"><\/a>198\u3001\u5982\u4f55\u663e\u793a\/\u9690\u85cf\u4e00\u4e2adom\u5143\u7d20\uff1f\u8bf7\u7528\u539f\u751f\u7684JavaScript\u65b9\u6cd5\u5b9e\u73b0<\/h2>\n<h2><a name=\"t292\"><\/a><a target=\"_blank\" name=\"_Toc9377\"><\/a>199\u3001JavaScript\u6709\u54ea\u51e0\u79cd\u6570\u636e\u7c7b\u578b<\/h2>\n<p>NumberString Boolean Null Undefined Object<\/p>\n<h2><a name=\"t293\"><\/a><a target=\"_blank\" name=\"_Toc18595\"><\/a>200\u3001jQuery\u6846\u67b6\u4e2d$.ajax()\u7684\u5e38\u7528\u53c2\u6570\u6709\u54ea\u4e9b\uff1f\u5199\u4e00\u4e2apost\u8bf7\u6c42\u5e76\u5e26\u6709\u53d1\u9001\u6570\u636e\u548c\u8fd4\u56de\u6570\u636e\u7684\u6837\u4f8b<\/h2>\n<h2><a name=\"t294\"><\/a><a target=\"_blank\" name=\"_Toc26025\"><\/a>201\u3001JavaScript\u6570\u7ec4\u5143\u7d20\u6dfb\u52a0\u3001\u5220\u9664\u3001\u6392\u5e8f\u7b49\u65b9\u6cd5\u6709\u54ea\u4e9b\uff1f<\/h2>\n<p>Array.concat( )\u8fde\u63a5\u6570\u7ec4<\/p>\n<p>Array.join( ) \u5c06\u6570\u7ec4\u5143\u7d20\u8fde\u63a5\u8d77\u6765\u4ee5\u6784\u5efa\u4e00\u4e2a\u5b57\u7b26\u4e32<\/p>\n<p>Array.length \u6570\u7ec4\u7684\u5927\u5c0f<\/p>\n<p>Array.pop( ) \u5220\u9664\u5e76\u8fd4\u56de\u6570\u7ec4\u7684\u6700\u540e\u4e00\u4e2a\u5143\u7d20<\/p>\n<p>Array.push( ) \u7ed9\u6570\u7ec4\u6dfb\u52a0\u5143\u7d20<\/p>\n<p>Array.reverse( ) \u98a0\u5012\u6570\u7ec4\u4e2d\u5143\u7d20\u7684\u987a\u5e8f<\/p>\n<p>Array.shift( ) \u5c06\u5143\u7d20\u79fb\u51fa\u6570\u7ec4<\/p>\n<p>Array.slice( ) \u8fd4\u56de\u6570\u7ec4\u7684\u4e00\u90e8\u5206<\/p>\n<p>Array.sort( ) \u5bf9\u6570\u7ec4\u5143\u7d20\u8fdb\u884c\u6392\u5e8f<\/p>\n<p>Array.splice( ) \u63d2\u5165\u3001\u5220\u9664\u6216\u66ff\u6362\u6570\u7ec4\u7684\u5143\u7d20<\/p>\n<p>Array.toLocaleString( ) \u628a\u6570\u7ec4\u8f6c\u6362\u6210\u5c40\u90e8\u5b57\u7b26\u4e32<\/p>\n<p>Array.toString( ) \u5c06\u6570\u7ec4\u8f6c\u6362\u6210\u4e00\u4e2a\u5b57\u7b26\u4e32<\/p>\n<p>Array.unshift( ) \u5728\u6570\u7ec4\u5934\u90e8\u63d2\u5165\u4e00\u4e2a\u5143\u7d20<\/p>\n<h2><a name=\"t295\"><\/a><a target=\"_blank\" name=\"_Toc19751\"><\/a>202\u3001\u5982\u4f55\u6dfb\u52a0html\u5143\u7d20\u7684\u4e8b\u4ef6\uff0c\u6709\u51e0\u79cd\u65b9\u6cd5\uff1f\u8bf7\u5217\u4e3e<\/h2>\n<p>\u76f4\u63a5\u5728\u6807\u7b7e\u91cc\u6dfb\u52a0\uff1b\u5728\u5143\u7d20\u4e0a\u6dfb\u52a0\u3001\u4f7f\u7528\u4e8b\u4ef6\u6ce8\u518c\u51fd\u6570\u6dfb\u52a0<\/p>\n<h2><a name=\"t296\"><\/a><a target=\"_blank\" name=\"_Toc3565\"><\/a>203\u3001JavaScript\u7684\u5faa\u73af\u8bed\u53e5\u6709\u54ea\u4e9b\uff1f<\/h2>\n<p>while\u00a0for\u00a0 do while\u00a0 forEach<\/p>\n<h2><a name=\"t297\"><\/a><a target=\"_blank\" name=\"_Toc3338\"><\/a>204\u3001\u4f5c\u7528\u57df-\u7f16\u8bd1\u671f\u6267\u884c\u671f\u4ee5\u53ca\u5168\u5c40\u5c40\u90e8\u4f5c\u7528\u57df\u95ee\u9898<\/h2>\n<p>\u7406\u89e3js\u6267\u884c\u4e3b\u8981\u7684\u4e24\u4e2a\u9636\u6bb5\uff1a\u9884\u89e3\u6790\u548c\u6267\u884c\u671f<\/p>\n<h2><a name=\"t298\"><\/a><a target=\"_blank\" name=\"_Toc5589\"><\/a>205\u3001\u95ed\u5305\uff1a\u4e0b\u9762\u8fd9\u4e2aul\uff0c\u5982\u4f55\u70b9\u51fb\u6bcf\u4e00\u5217\u7684\u65f6\u5019alert\u5176index\uff1f<\/h2>\n<p align=\"left\">&lt;ulid=&#8221;test&#8221;&gt;<\/p>\n<p align=\"left\">&lt;li&gt;\u8fd9\u662f\u7b2c\u4e00\u6761&lt;\/li&gt;<\/p>\n<p align=\"left\">&lt;li&gt;\u8fd9\u662f\u7b2c\u4e8c\u6761&lt;\/li&gt;<\/p>\n<p align=\"left\">&lt;li&gt;\u8fd9\u662f\u7b2c\u4e09\u6761&lt;\/li&gt;<\/p>\n<p align=\"left\">&lt;\/ul&gt;<\/p>\n<h2><a name=\"t299\"><\/a><a target=\"_blank\" name=\"_Toc18882\"><\/a>206\u3001\u5217\u51fa3\u6761\u4ee5\u4e0aff\u548cIE\u7684\u811a\u672c\u517c\u5bb9\u95ee\u9898<\/h2>\n<p>1\u3001\u5728IE\u4e0b\u53ef\u901a\u8fc7document.frames[&#8220;id&#8221;];\u5f97\u5230\u8be5IFRAME\u5bf9\u8c61\uff0c<\/p>\n<p>\u800c\u5728\u706b\u72d0\u4e0b\u5219\u662f\u901a\u8fc7document.getElementById(&#8220;content_panel_if&#8221;).contentWindow;<\/p>\n<p>2\u3001IE\u7684\u5199\u6cd5\uff1a_tbody=_table.childNodes[0]<\/p>\n<p>\u5728FF\u4e2d\uff0cfirefox\u4f1a\u5728\u5b50\u8282\u70b9\u4e2d\u5305\u542b\u7a7a\u767d\u5219\u7b2c\u4e00\u4e2a\u5b50\u8282\u70b9\u4e3a\u7a7a\u767d&#8221;&#8221;\uff0c\u800cie\u4e0d\u4f1a\u8fd4\u56de\u7a7a\u767d<\/p>\n<p>\u53ef\u4ee5\u901a\u8fc7if(&#8220;&#8221; != node.nodeName)\u8fc7\u6ee4\u6389\u7a7a\u767d\u5b50\u5bf9\u8c61<\/p>\n<p>3\u3001\u6a21\u62df\u70b9\u51fb\u4e8b\u4ef6<\/p>\n<p>if(document.all){\u00a0 \/\/ie\u4e0b<\/p>\n<p>document.getElementById(&#8220;a3&#8221;).click();<\/p>\n<p>}<\/p>\n<p>else{\u00a0\/\/\u975eIE<\/p>\n<p>var evt = document.createEvent(&#8220;MouseEvents&#8221;);<\/p>\n<p>evt.initEvent(&#8220;click&#8221;, true, true);<\/p>\n<p>document.getElementById(&#8220;a3&#8221;).dispatchEvent(evt);<\/p>\n<p>}<\/p>\n<p>4\u3001\u4e8b\u4ef6\u6ce8\u518c<\/p>\n<p>if(isIE){window.attachEvent(&#8220;onload&#8221;,init);}else{window.addEventListener(&#8220;load&#8221;, init, false);}<\/p>\n<h2><a name=\"t300\"><\/a><a target=\"_blank\" name=\"_Toc24832\"><\/a>207\u3001\u5217\u4e3e\u53ef\u4ee5\u54ea\u4e9b\u65b9\u9762\u5bf9\u524d\u7aef\u5f00\u53d1\u8fdb\u884c\u4f18\u5316<\/h2>\n<p>\u4ee3\u7801\u538b\u7f29\u3001\u5408\u5e76\u51cf\u5c11http\u8bf7\u6c42\uff0c\u56fe\u7247\u5236\u4f5c\u7cbe\u7075\u56fe\u3001\u4ee3\u7801\u4f18\u5316<\/p>\n<h2><a name=\"t301\"><\/a><a target=\"_blank\" name=\"_Toc26729\"><\/a>208\u3001\u81f3\u5c11\u5217\u51fa\u4e00\u79cdJavaScript\u7ee7\u627f\u7684\u5b9e\u73b0\u65b9\u5f0f<\/h2>\n<h2><a name=\"t302\"><\/a><a target=\"_blank\" name=\"_Toc30767\"><\/a>209\u3001\u5982\u73b0\u5728\u6709\u4e00\u4e2a\u6548\u679c\uff0c\u6709\u663e\u793a\u7528\u6237\u5934\u50cf\u3001\u7528\u6237\u6635\u79f0\u3001\u7528\u6237\u5176\u4ed6\u4fe1\u606f\uff1b\u5f53\u7528\u6237\u9f20\u6807\u79fb\u5230\u5934\u50cf\u4e0a\u65f6\uff0c\u4f1a\u5f39\u51fa\u7528\u6237\u7684\u6240\u6709\u4fe1\u606f\uff1b\u5982\u679c\u662f\u4f60\uff0c\u4f60\u4f1a\u5982\u4f55\u5b9e\u73b0\u8fd9\u4e2a\u529f\u80fd\uff0c\u8bf7\u7528\u4ee3\u7801\u5b9e\u73b0\uff1f<\/h2>\n<h2><a name=\"t303\"><\/a><a target=\"_blank\" name=\"_Toc28295\"><\/a>210\u3001call\u4e0eapply\u6709\u4ec0\u4e48\u4f5c\u7528\uff1f\u53c8\u6709\u4ec0\u4e48\u4ec0\u4e48\u533a\u522b\uff1f\u7528callee\u5c5e\u6027\u5b9e\u73b0\u51fd\u6570\u9012\u5f52\uff1f<\/h2>\n<p>apply\u7684\u53c2\u6570\u662f\u6570\u7ec4,call\u7684\u53c2\u6570\u662f\u5355\u4e2a\u7684\u503c\uff0c\u9664\u6b64\u4e4b\u5916\uff0c\u4e24\u8005\u6ca1\u6709\u5dee\u522b\uff0c\u91cd\u70b9\u7406\u89e3this\u7684\u6539\u53d8\uff0ccallee\u5df2\u7ecf\u4e0d\u63a8\u8350\u4f7f\u7528<\/p>\n<h2><a name=\"t304\"><\/a><a target=\"_blank\" name=\"_Toc4980\"><\/a>211\u3001\u7528\u6b63\u5219\u8868\u8fbe\u5f0f\uff0c\u5199\u51fa\u7531\u5b57\u6bcd\u5f00\u5934\uff0c\u5176\u4f59\u7531\u6570\u5b57\u3001\u5b57\u6bcd\u3001\u4e0b\u5212\u7ebf\u7ec4\u6210\u76846~30\u7684\u5b57\u7b26\u4e32\uff1f<\/h2>\n<h2><a name=\"t305\"><\/a><a target=\"_blank\" name=\"_Toc25090\"><\/a>212\u3001\u5217\u4e3e\u6d4f\u89c8\u5668\u5bf9\u8c61\u6a21\u578bBOM\u91cc\u5e38\u7528\u7684\u81f3\u5c114\u4e2a\u5bf9\u8c61\uff0c\u5e76\u5217\u4e3ewindow\u5bf9\u8c61\u7684\u5e38\u7528\u65b9\u6cd5\u81f3\u5c115\u4e2a \uff0810\u5206\uff09<\/h2>\n<p align=\"left\">\u5bf9\u8c61\uff1aWindowdocument location screen history navigator<\/p>\n<p align=\"left\">\u65b9\u6cd5\uff1aAlert()confirm() prompt() open() close()<\/p>\n<h2><a name=\"t306\"><\/a><a target=\"_blank\" name=\"_Toc32457\"><\/a>213\u3001Javascript\u4e2dcallee\u548ccaller\u7684\u4f5c\u7528\uff1f<\/h2>\n<p align=\"left\">caller\u662f\u8fd4\u56de\u4e00\u4e2a\u5bf9\u51fd\u6570\u7684\u5f15\u7528\uff0c\u8be5\u51fd\u6570\u8c03\u7528\u4e86\u5f53\u524d\u51fd\u6570\uff1b<\/p>\n<p align=\"left\">callee\u662f\u8fd4\u56de\u6b63\u5728\u88ab\u6267\u884c\u7684function\u51fd\u6570\uff0c\u4e5f\u5c31\u662f\u6240\u6307\u5b9a\u7684function\u5bf9\u8c61\u7684\u6b63\u6587\u3002<\/p>\n<h2><a name=\"t307\"><\/a><a target=\"_blank\" name=\"_Toc3540\"><\/a>214\u3001\u5bf9\u4e8eapply\u548ccall\u4e24\u8005\u5728\u4f5c\u7528\u4e0a\u662f\u76f8\u540c\u7684\uff0c\u5373\u662f\u8c03\u7528\u4e00\u4e2a\u5bf9\u8c61\u7684\u4e00\u4e2a\u65b9\u6cd5\uff0c\u4ee5\u53e6\u4e00\u4e2a\u5bf9\u8c61\u66ff\u6362\u5f53\u524d\u5bf9\u8c61\u3002\u5c06\u4e00\u4e2a\u51fd\u6570\u7684\u5bf9\u8c61\u4e0a\u4e0b\u6587\u4ece\u521d\u59cb\u7684\u4e0a\u4e0b\u6587\u6539\u53d8\u4e3a\u7531 thisObj \u6307\u5b9a\u7684\u65b0\u5bf9\u8c61\u3002<\/h2>\n<p align=\"left\">\u4f46\u4e24\u8005\u5728\u53c2\u6570\u4e0a\u6709\u533a\u522b\u7684\u3002\u5bf9\u4e8e\u7b2c\u4e00\u4e2a\u53c2\u6570\u610f\u4e49\u90fd\u4e00\u6837\uff0c\u4f46\u5bf9\u7b2c\u4e8c\u4e2a\u53c2\u6570\uff1a?apply\u4f20\u5165\u7684\u662f\u4e00\u4e2a\u53c2\u6570\u6570\u7ec4\uff0c\u4e5f\u5c31\u662f\u5c06\u591a\u4e2a\u53c2\u6570\u7ec4\u5408\u6210\u4e3a\u4e00\u4e2a\u6570\u7ec4\u4f20\u5165\uff0c\u800ccall\u5219\u4f5c\u4e3acall\u7684\u53c2\u6570\u4f20\u5165\uff08\u4ece\u7b2c\u4e8c\u4e2a\u53c2\u6570\u5f00\u59cb\uff09\u3002?\u5982 func.call(func1,var1,var2,var3)\u5bf9\u5e94\u7684apply\u5199\u6cd5\u4e3a\uff1afunc.apply(func1,[var1,var2,var3]) \u3002<\/p>\n<h2><a name=\"t308\"><\/a><a target=\"_blank\" name=\"_Toc29826\"><\/a>215\u3001\u5728Javascript\u4e2d\u4ec0\u4e48\u662f\u4f2a\u6570\u7ec4\uff1f\u5982\u4f55\u5c06\u4f2a\u6570\u7ec4\u8f6c\u5316\u4e3a\u6807\u51c6\u6570\u7ec4\uff1f<\/h2>\n<p align=\"left\">\u4f2a\u6570\u7ec4\uff08\u7c7b\u6570\u7ec4\uff09\uff1a\u65e0\u6cd5\u76f4\u63a5\u8c03\u7528\u6570\u7ec4\u65b9\u6cd5\u6216\u671f\u671blength\u5c5e\u6027\u6709\u4ec0\u4e48\u7279\u6b8a\u7684\u884c\u4e3a\uff0c\u4f46\u4ecd\u53ef\u4ee5\u5bf9\u771f\u6b63\u6570\u7ec4\u904d\u5386\u65b9\u6cd5\u6765\u904d\u5386\u5b83\u4eec\u3002\u5178\u578b\u7684\u662f\u51fd\u6570\u7684argument\u53c2\u6570\uff0c\u8fd8\u6709\u50cf\u8c03\u7528getElementsByTagName,document.childNodes\u4e4b\u7c7b\u7684,\u5b83\u4eec\u90fd\u8fd4\u56deNodeList\u5bf9\u8c61\u90fd\u5c5e\u4e8e\u4f2a\u6570\u7ec4\u3002\u53ef\u4ee5\u4f7f\u7528Array.prototype.slice.call(fakeArray)\u5c06\u6570\u7ec4\u8f6c\u5316\u4e3a\u771f\u6b63\u7684Array\u5bf9\u8c61\u3002<\/p>\n<h2><a name=\"t309\"><\/a><a target=\"_blank\" name=\"_Toc31035\"><\/a>216\u3001\u5199\u4e00\u4e2a\u51fd\u6570\u53ef\u4ee5\u8ba1\u7b97 sum(5,0,-5);\u8f93\u51fa0; sum(1,2,3,4);\u8f93\u51fa10;<\/h2>\n<p>Js\u57fa\u672c\u529f<\/p>\n<h2><a name=\"t310\"><\/a><a target=\"_blank\" name=\"_Toc9273\"><\/a>217\u3001\u4e8b\u4ef6\u4ee3\u7406\u600e\u4e48\u5b9e\u73b0\uff1f<\/h2>\n<p>\u5728\u5143\u7d20\u7684\u7236\u8282\u70b9\u6ce8\u518c\u4e8b\u4ef6\uff0c\u901a\u8fc7\u4e8b\u4ef6\u5192\u6ce1\uff0c\u5728\u7236\u8282\u70b9\u6355\u83b7\u4e8b\u4ef6<\/p>\n<h2><a name=\"t311\"><\/a><a target=\"_blank\" name=\"_Toc3440\"><\/a>218\u3001\u300a\u6b63\u5219\u300b\u5199\u51fa\u6b63\u786e\u7684\u6b63\u5219\u8868\u8fbe\u5f0f\u5339\u914d\u56fa\u8bdd\u53f7\uff0c\u533a\u53f73-4\u4f4d\uff0c\u7b2c\u4e00\u4f4d\u4e3a0\uff0c\u4e2d\u6a2a\u7ebf\uff0c7-8\u4f4d\u6570\u5b57\uff0c\u4e2d\u6a2a\u7ebf\uff0c3-4\u4f4d\u5206\u673a\u53f7\u683c\u5f0f\u7684\u56fa\u8bdd\u53f7<\/h2>\n<p>\u5e38\u7528\u6b63\u5219\u8868\u8fbe\u5f0f\u8bed\u6cd5\u8981\u719f\u6089<\/p>\n<h2><a name=\"t312\"><\/a><a target=\"_blank\" name=\"_Toc4642\"><\/a>219\u3001\u300a\u7b97\u6cd5\u300b\u4e00\u4e0bA,B\u53ef\u4efb\u9009\u4e00\u9898\u4f5c\u7b54\uff0c\u4e24\u9898\u5168\u7b54\u52a0\u5206<\/h2>\n<p align=\"left\">A:\u519c\u573a\u4e70\u4e86\u4e00\u53ea\u7f8a\uff0c\u7b2c\u4e00\u5e74\u662f\u5c0f\u7f8a\uff0c\u7b2c\u4e8c\u5e74\u5e95\u751f\u4e00\u53ea\uff0c\u7b2c\u4e09\u5e74\u4e0d\u751f\uff0c\u7b2c\u56db\u5e74\u5e95\u518d\u751f\u4e00\u53ea\uff0c\u7b2c\u4e94\u5e74\u6b7b\u6389\u3002<\/p>\n<p align=\"left\">B:\u5199\u51fa\u4ee3\u7801\u5bf9\u4e0b\u5217\u6570\u7ec4\u53bb\u91cd\u5e76\u4ece\u5927\u5230\u5c0f\u6392\u5217{5,2,3,6,8,6,5,4,7,1,9}<\/p>\n<h2><a name=\"t313\"><\/a><a target=\"_blank\" name=\"_Toc1592\"><\/a>220\u3001\u8bf7\u5199\u51fa\u4e00\u5f20\u56fe\u7247\u7684HTML\u4ee3\u7801\uff0c\u5df2\u77e5\u9053\u56fe\u7247\u5730\u5740\u4e3a\u201cimages\/abc.jpg\u201d,\u5bbd100px\uff0c\u9ad850px<\/h2>\n<h2><a name=\"t314\"><\/a><a target=\"_blank\" name=\"_Toc6628\"><\/a>221\u3001\u8bf7\u5199\u4e00\u4e2a\u6b63\u5219\u8868\u8fbe\u5f0f\uff1a\u8981\u6c42\u6700\u77ed6\u4f4d\u6570\uff0c\u6700\u957f20\u4f4d\uff0c\u963f\u62c9\u4f2f\u6570\u548c\u82f1\u6587\u5b57\u6bcd\uff08\u4e0d\u533a\u5206\u5927\u5c0f\u5199\uff09\u7ec4\u6210<\/h2>\n<p align=\"left\">^(?=.*\\d)(?=.*[a-z])(?=.*[A-Z])[a-zA-Z\\d]{6,20}$<\/p>\n<h2><a name=\"t315\"><\/a><a target=\"_blank\" name=\"_Toc27586\"><\/a>222\u3001\u7edf\u8ba11\u5230400\u4ebf\u4e4b\u95f4\u7684\u81ea\u7136\u6570\u4e2d\u542b\u6709\u591a\u5c11\u4e2a1\uff1f\u6bd4\u59821-21\u4e2d\uff0c\u67091\u300110\u300111\u300121\u8fd9\u56db\u4e2a\u81ea\u7136\u6570\u67095\u4e2a1<\/h2>\n<h2><a name=\"t316\"><\/a><a target=\"_blank\" name=\"_Toc31091\"><\/a>223\u3001\u5220\u9664\u4e0e\u67d0\u4e2a\u5b57\u7b26\u76f8\u90bb\u4e14\u76f8\u540c\u7684\u5b57\u7b26\uff0c\u6bd4\u5982fdaffdaaklfjklja\u5b57\u7b26\u4e32\u5904\u7406\u4e4b\u540e\u6210\u4e3a\u201cfdafdaklfjklja\u201d<\/h2>\n<h2><a name=\"t317\"><\/a><a target=\"_blank\" name=\"_Toc2223\"><\/a>224\u3001\u8bf7\u5199\u51fa\u4e09\u79cd\u4ee5\u4e0a\u7684Firefox\u6709\u4f46InternetExplorer\u6ca1\u6709\u7684\u5c5e\u6027\u548c\u51fd\u6570<\/h2>\n<p>1\u3001\u5728IE\u4e0b\u53ef\u901a\u8fc7document.frames[&#8220;id&#8221;];\u5f97\u5230\u8be5IFRAME\u5bf9\u8c61\uff0c<\/p>\n<p>\u800c\u5728\u706b\u72d0\u4e0b\u5219\u662f\u901a\u8fc7document.getElementById(&#8220;content_panel_if&#8221;).contentWindow;<\/p>\n<p>2\u3001IE\u7684\u5199\u6cd5\uff1a_tbody=_table.childNodes[0]<\/p>\n<p>\u5728FF\u4e2d\uff0cfirefox\u4f1a\u5728\u5b50\u8282\u70b9\u4e2d\u5305\u542b\u7a7a\u767d\u5219\u7b2c\u4e00\u4e2a\u5b50\u8282\u70b9\u4e3a\u7a7a\u767d&#8221;&#8221;\uff0c\u800cie\u4e0d\u4f1a\u8fd4\u56de\u7a7a\u767d<\/p>\n<p>\u53ef\u4ee5\u901a\u8fc7if(&#8220;&#8221; != node.nodeName)\u8fc7\u6ee4\u6389\u7a7a\u767d\u5b50\u5bf9\u8c61<\/p>\n<p>3\u3001\u6a21\u62df\u70b9\u51fb\u4e8b\u4ef6<\/p>\n<p>if(document.all){\u00a0 \/\/ie\u4e0b<\/p>\n<p>document.getElementById(&#8220;a3&#8221;).click();<\/p>\n<p>}<\/p>\n<p>else{\u00a0\/\/\u975eIE<\/p>\n<p>var evt = document.createEvent(&#8220;MouseEvents&#8221;);<\/p>\n<p>evt.initEvent(&#8220;click&#8221;, true, true);<\/p>\n<p>document.getElementById(&#8220;a3&#8221;).dispatchEvent(evt);<\/p>\n<p>}<\/p>\n<p>4\u3001\u4e8b\u4ef6\u6ce8\u518c<\/p>\n<p>if(isIE){window.attachEvent(&#8220;onload&#8221;,init);}else{window.addEventListener(&#8220;load&#8221;, init, false);}<\/p>\n<h2><a name=\"t318\"><\/a><a target=\"_blank\" name=\"_Toc11133\"><\/a>225\u3001\u8bf7\u5199\u51fa\u4e00\u4e2a\u7a0b\u5e8f\uff0c\u5728\u9875\u9762\u52a0\u8f7d\u5b8c\u6210\u540e\u52a8\u6001\u521b\u5efa\u4e00\u4e2aform\u8868\u5355\uff0c\u5e76\u5728\u91cc\u9762\u6dfb\u52a0\u4e00\u4e2ainput\u5bf9\u8c61\u5e76\u7ed9\u5b83\u4efb\u610f\u8d4b\u503c\u540e\u4e49post\u65b9\u5f0f\u63d0\u4ea4\u5230\uff1ahttp:\/\/127.0.0.1\/save.php<\/h2>\n<h2><a name=\"t319\"><\/a><a target=\"_blank\" name=\"_Toc9537\"><\/a>226\u3001\u7528JavaScript\u5b9e\u73b0\u5192\u6ce1\u6392\u5e8f\u3002\u6570\u636e\u4e3a23\u300145\u300118\u300137\u300192\u300113\u300124<\/h2>\n<p>\u9762\u8bd5\u7ecf\u5e38\u9047\u5230\u7684\u6392\u5e8f\uff0c\u67e5\u627e\u7b97\u6cd5\u8981\u719f\u6089<\/p>\n<h2><a name=\"t320\"><\/a><a target=\"_blank\" name=\"_Toc22110\"><\/a>227\u3001\u89e3\u91ca\u4e00\u4e0b\u4ec0\u4e48\u53eb\u95ed\u5305\uff0c\u5e76\u5b9e\u73b0\u4e00\u6bb5\u95ed\u5305\u4ee3\u7801<\/h2>\n<p>\u7b80\u5355\u7406\u89e3\u5c31\u662f\u51fd\u6570\u7684\u5d4c\u5957\u5f62\u6210\u95ed\u5305\uff0c\u95ed\u5305\u5305\u62ec\u51fd\u6570\u672c\u8eab\u53ca\u5176\u5916\u90e8\u4f5c\u7528\u57df<\/p>\n<h2><a name=\"t321\"><\/a><a target=\"_blank\" name=\"_Toc22776\"><\/a>228\u3001\u7b80\u8ff0\u4e00\u4e0b\u4ec0\u4e48\u53eb\u4e8b\u4ef6\u59d4\u6258\u4ee5\u53ca\u5176\u539f\u7406<\/h2>\n<p>\u5728\u5143\u7d20\u7684\u7236\u8282\u70b9\u6ce8\u518c\u4e8b\u4ef6\uff0c\u901a\u8fc7\u4e8b\u4ef6\u5192\u6ce1\uff0c\u5728\u7236\u8282\u70b9\u6355\u83b7\u4e8b\u4ef6<\/p>\n<h2><a name=\"t322\"><\/a><a target=\"_blank\" name=\"_Toc31688\"><\/a>229\u3001\u524d\u7aef\u4ee3\u7801\u4f18\u5316\u7684\u65b9\u6cd5<\/h2>\n<p align=\"left\">varUser = { \u5bf9\u8c61<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0 count = 1\uff0c\u5c5e\u6027<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0 getCount\uff1afunction\uff08\uff09{ \u65b9\u6cd5<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 return this.count;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0 }<\/p>\n<p align=\"left\">}<\/p>\n<p align=\"left\">console.log(User.getCount());<\/p>\n<p align=\"left\">varfunc = User.getCount;<\/p>\n<p align=\"left\">console.log(func());<\/p>\n<p align=\"left\">1undefined\uff08window\uff09;<\/p>\n<h2><a name=\"t323\"><\/a><a target=\"_blank\" name=\"_Toc3628\"><\/a>230\u3001\u4e0b\u5217JavaScript\u4ee3\u7801\u6267\u884c\u540e\uff0c\u4f9d\u6b21alert\u7684\u7ed3\u679c\u662f<\/h2>\n<p align=\"left\">(functiontest(){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0 var a=b=5;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0 alert(typeof a);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0 alert(typeof b);<\/p>\n<p align=\"left\">})();<\/p>\n<p align=\"left\">alert(typeofa);<\/p>\n<p align=\"left\">alert(typeofb);<\/p>\n<h2><a name=\"t324\"><\/a><a target=\"_blank\" name=\"_Toc13942\"><\/a>231\u3001\u4e0b\u5217JavaScript\u4ee3\u7801\u6267\u884c\u540e\uff0ciNum\u7684\u503c\u662f<\/h2>\n<p align=\"left\">variNum = 0;<\/p>\n<p align=\"left\">for(vari = 1; i&lt; 10; i++){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0 if(i % 5 == 0){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 continue;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0 }<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0 iNum++;<\/p>\n<p align=\"left\">}<\/p>\n<h2><a name=\"t325\"><\/a><a target=\"_blank\" name=\"_Toc28516\"><\/a>232\u3001\u8f93\u51fa\u7ed3\u679c\u662f\u591a\u5c11\uff1f<\/h2>\n<p align=\"left\">\u00a01\uff09 \u00a0var a;<\/p>\n<p align=\"left\">var b= a * 0;<\/p>\n<p align=\"left\">if (b== b) {<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0 console.log(b * 2 + &#8220;2&#8221; &#8211; 0 +4);<\/p>\n<p>} else {<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0 console.log(!b * 2 + &#8220;2&#8221; &#8211; 0 +4);<\/p>\n<p align=\"left\">}<\/p>\n<p align=\"left\">\u7b54\u6848\uff1a26<\/p>\n<p align=\"left\">2\uff09 &lt;script&gt;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0 var a = 1;<\/p>\n<p align=\"left\">&lt;\/script&gt;<\/p>\n<p align=\"left\">&lt;script&gt;<\/p>\n<p align=\"left\">var a;<\/p>\n<p align=\"left\">var b= a * 0;<\/p>\n<p align=\"left\">if (b== b) {<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 console.log(b * 2 + &#8220;2&#8221; &#8211; 0 +4);<\/p>\n<p>} else {<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 console.log(!b * 2 + &#8220;2&#8221; &#8211; 0+ 4);<\/p>\n<p align=\"left\">}<\/p>\n<p align=\"left\">&lt;\/script&gt;<\/p>\n<p align=\"left\">\u7b54\u6848\uff1a6<\/p>\n<p align=\"left\">3\uff09\u00a0 var t= 10;<\/p>\n<p align=\"left\">functiontest(t){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 var t = t++;<\/p>\n<p align=\"left\">}test(t);<\/p>\n<p align=\"left\">console.log(t);<\/p>\n<p align=\"left\">\u7b54\u6848\uff1a10<\/p>\n<p align=\"left\">4\uff09 var t = 10;<\/p>\n<p align=\"left\">functiontest(test){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0 var t = test++;<\/p>\n<p align=\"left\">}test(t);<\/p>\n<p align=\"left\">console.log(t);<\/p>\n<p align=\"left\">\u7b54\u6848\uff1a10<\/p>\n<p align=\"left\">6\uff09 var t = 10;<\/p>\n<p align=\"left\">functiontest(test){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 t = test++;<\/p>\n<p align=\"left\">}test(t);<\/p>\n<p align=\"left\">console.log(t);<\/p>\n<p align=\"left\">\u7b54\u6848\uff1a10<\/p>\n<p align=\"left\">7\uff09 var t = 10;<\/p>\n<p align=\"left\">functiontest(test){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0 t = t + test;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0 console.log(t);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0 var t = 3;<\/p>\n<p align=\"left\">}test(t);<\/p>\n<p align=\"left\">console.log(t);<\/p>\n<p align=\"left\">\u7b54\u6848\uff1aNaN\u00a0 10<\/p>\n<p align=\"left\">8\uff09var a;<\/p>\n<p align=\"left\">var b= a \/ 0;<\/p>\n<p align=\"left\">if (b == b) {<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 console.log(b * 2 + &#8220;2&#8221; &#8211; 0 +4);<\/p>\n<p>} else {<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 console.log(!b * 2 + &#8220;2&#8221; &#8211; 0+ 4);<\/p>\n<p align=\"left\">}<\/p>\n<p align=\"left\">\u7b54\u6848\uff1a26<\/p>\n<p align=\"left\">9\uff09&lt;script&gt;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0 var a = 1;<\/p>\n<p align=\"left\">&lt;\/script&gt;<\/p>\n<p align=\"left\">&lt;script&gt;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0 var a;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0 var b = a \/ 0;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0 if (b == b) {<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 console.log(b * 2 + &#8220;2&#8221; + 4);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0 } else {<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 console.log(!b * 2 + &#8220;2&#8221; +4);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0 }<\/p>\n<p align=\"left\">&lt;\/script&gt;<\/p>\n<p align=\"left\">\u7b54\u6848\uff1aInfinity24<\/p>\n<h2><a name=\"t326\"><\/a><a target=\"_blank\" name=\"_Toc32420\"><\/a>233\u3001<\/h2>\n<p align=\"left\">&lt;body&gt;<\/p>\n<p align=\"left\">&lt;formid=&#8217;form1&#8242;&gt;<\/p>\n<p align=\"left\">&lt;divid=&#8217;div1&#8242;&gt;&lt;\/div&gt;<\/p>\n<p align=\"left\">&lt;divid=&#8217;div2&#8242;&gt;&lt;\/div&gt;<\/p>\n<p align=\"left\">&lt;divid=&#8217;div3&#8242;&gt;&lt;\/div&gt;<\/p>\n<p align=\"left\">&lt;divid=&#8217;div4&#8242;&gt;&lt;\/div&gt;<\/p>\n<p align=\"left\">&lt;divid=&#8217;div5&#8242;&gt;&lt;\/div&gt;<\/p>\n<p align=\"left\">&lt;divid=&#8217;div3&#8242;&gt;id\u540d\u91cd\u590d\u7684\u5143\u7d20&lt;\/div&gt;<\/p>\n<p align=\"left\">&lt;\/form&gt;<\/p>\n<p align=\"left\">&lt;\/body&gt;<\/p>\n<p align=\"left\">\u7528\u7a0b\u5e8f\u5b9e\u73b0\u627e\u5230html\u4e2did\u540d\u76f8\u540c\u7684\u5143\u7d20\uff1f<\/p>\n<h2><a name=\"t327\"><\/a><a target=\"_blank\" name=\"_Toc29819\"><\/a>234\u3001\u4e0b\u5217JavaScript\u4ee3\u7801\u6267\u884c\u540e\uff0c\u8fd0\u884c\u7684\u7ed3\u679c\u662f<\/h2>\n<p align=\"left\">&lt;buttonid=&#8217;btn&#8217;&gt;\u70b9\u51fb\u6211&lt;\/button&gt;<\/p>\n<p align=\"left\">varbtn = document.getElementById(&#8216;btn&#8217;);<\/p>\n<p align=\"left\">varhandler = {<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0 id: &#8216;_eventHandler&#8217;,<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0 exec: function(){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 alert(this.id);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0 }<\/p>\n<p align=\"left\">}<\/p>\n<p align=\"left\">btn.addEventListener(&#8216;click&#8217;,handler.exec.false);<\/p>\n<h2><a name=\"t328\"><\/a><a target=\"_blank\" name=\"_Toc29475\"><\/a>235\u3001\u4e0b\u5217JavaScript\u4ee3\u7801\u6267\u884c\u540e\uff0c\u4f9d\u6b21alert\u7684\u7ed3\u679c\u662f<\/h2>\n<p align=\"left\">varobj = {proto: {a:1,b:2}};<\/p>\n<p align=\"left\">functionF(){};<\/p>\n<p align=\"left\">F.prototype= obj.proto;<\/p>\n<p align=\"left\">var f= new F();<\/p>\n<p align=\"left\">obj.proto.c= 3;<\/p>\n<p align=\"left\">obj.proto= {a:-1, b:-2};<\/p>\n<p align=\"left\">alert(f.a);<\/p>\n<p align=\"left\">alert(f.c);<\/p>\n<p align=\"left\">deleteF.prototype[&#8216;a&#8217;];<\/p>\n<p align=\"left\">alert(f.a);<\/p>\n<p align=\"left\">alert(obj.proto.a);<\/p>\n<h2><a name=\"t329\"><\/a><a target=\"_blank\" name=\"_Toc13776\"><\/a>236\u3001\u4e0b\u5217JavaScript\u4ee3\u7801\u6267\u884c\u540e\u7684\u6548\u679c\u662f<\/h2>\n<p align=\"left\">&lt;ulid=&#8217;list&#8217;&gt;<\/p>\n<p align=\"left\">&lt;li&gt;item&lt;\/li&gt;<\/p>\n<p align=\"left\">&lt;li&gt;item&lt;\/li&gt;<\/p>\n<p align=\"left\">&lt;li&gt;item&lt;\/li&gt;<\/p>\n<p align=\"left\">&lt;li&gt;item&lt;\/li&gt;<\/p>\n<p align=\"left\">&lt;li&gt;item&lt;\/li&gt;<\/p>\n<p align=\"left\">&lt;\/ul&gt;<\/p>\n<p align=\"left\">varitems = document.querySelectorAll(&#8216;#list&gt;li&#8217;);<\/p>\n<p align=\"left\">for(vari = 0;i &lt; items.length; i++){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0 setTimeout(function(){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 items[i].style.backgroundColor =&#8217;#fee&#8217;;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0 }, 5);<\/p>\n<p align=\"left\">}<\/p>\n<h2><a name=\"t330\"><\/a><a target=\"_blank\" name=\"_Toc21576\"><\/a>237\u3001\u4e0b\u5217JavaScript\u4ee3\u7801\u6267\u884c\u540e\u7684li\u5143\u7d20\u7684\u6570\u91cf\u662f<\/h2>\n<p align=\"left\">&lt;ul&gt;<\/p>\n<p align=\"left\">&lt;li&gt;Item&lt;\/li&gt;<\/p>\n<p align=\"left\">&lt;li&gt;&lt;\/li&gt;<\/p>\n<p align=\"left\">&lt;li&gt;&lt;\/li&gt;<\/p>\n<p align=\"left\">&lt;li&gt;Item&lt;\/li&gt;<\/p>\n<p align=\"left\">&lt;li&gt;Item&lt;\/li&gt;<\/p>\n<p align=\"left\">&lt;\/ul&gt;<\/p>\n<p align=\"left\">varitems = document.getElementsByTagName(&#8216;li&#8217;);<\/p>\n<p align=\"left\">for(vari = 0; i&lt; items.length; i++){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0 if(items[i].innerHTML == &#8221;){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0items[i].parentNode.removeChild(items[i]);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0 }<\/p>\n<p align=\"left\">}<\/p>\n<h2><a name=\"t331\"><\/a><a target=\"_blank\" name=\"_Toc7701\"><\/a>238\u3001\u7a0b\u5e8f\u4e2d\u6355\u83b7\u5f02\u5e38\u7684\u65b9\u6cd5\uff1f<\/h2>\n<p align=\"left\">window.error<\/p>\n<p align=\"left\">try{}catch(){}finally{}<\/p>\n<h2><a name=\"t332\"><\/a><a target=\"_blank\" name=\"_Toc1792\"><\/a>239\u3001\u5c06\u5b57\u7b26\u4e32\u201d&lt;tr&gt;&lt;td&gt;{$id}&lt;\/td&gt;&lt;td&gt;{$name}&lt;\/td&gt;&lt;\/tr&gt;\u201d\u4e2d\u7684{$id}\u66ff\u6362\u621010\uff0c{$name}\u66ff\u6362\u6210Tony \uff08\u4f7f\u7528\u6b63\u5219\u8868\u8fbe\u5f0f\uff09<\/h2>\n<p align=\"left\">\u7b54\u6848\uff1a\u201d&lt;tr&gt;&lt;td&gt;{$id}&lt;\/td&gt;&lt;td&gt;{$id}_{$name}&lt;\/td&gt;&lt;\/tr&gt;\u201d.replace(\/{\\$id}\/g,?\u201910\u2032).replace(\/{\\$name}\/g,?\u2018Tony\u2019);<\/p>\n<h2><a name=\"t333\"><\/a><a target=\"_blank\" name=\"_Toc6010\"><\/a>240\u3001\u7ed9String\u5bf9\u8c61\u6dfb\u52a0\u4e00\u4e2a\u65b9\u6cd5\uff0c\u4f20\u5165\u4e00\u4e2astring\u7c7b\u578b\u7684\u53c2\u6570\uff0c\u7136\u540e\u5c06string\u7684\u6bcf\u4e2a\u5b57\u7b26\u95f4\u4ef7\u683c\u7a7a\u683c\u8fd4\u56de\uff0c\u4f8b\u5982\uff1a<\/h2>\n<p align=\"left\">addSpace(\u201chelloworld\u201d) \/\/ -&gt; \u2018h e l l o ?w o r l d\u2019<\/p>\n<p>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 String.prototype.spacify = function(){<\/p>\n<p align=\"left\">returnthis.split(&#8221;).join(&#8216; &#8216;); wq<\/p>\n<p align=\"left\">};<\/p>\n<h2><a name=\"t334\"><\/a><a target=\"_blank\" name=\"_Toc27085\"><\/a>241\u3001\u5199\u51fa\u51fd\u6570DateDemo\u7684\u8fd4\u56de\u7ed3\u679c\uff0c\u7cfb\u7edf\u65f6\u95f4\u5047\u5b9a\u4e3a\u4eca\u5929<\/h2>\n<p align=\"left\">functionDateDemo(){<\/p>\n<p align=\"left\">\u00a0var d, s=&#8221;\u4eca\u5929\u65e5\u671f\u662f\uff1a&#8221;;<\/p>\n<p align=\"left\">d =new Date();<\/p>\n<p align=\"left\">s +=d.getMonth() + &#8220;\/&#8221;;<\/p>\n<p align=\"left\">s +=d.getDate() + &#8220;\/&#8221;;<\/p>\n<p align=\"left\">s +=d.getYear();<\/p>\n<p align=\"left\">\u00a0return s;<\/p>\n<p align=\"left\">}<\/p>\n<p align=\"left\">\u7ed3\u679c\uff1a\u4eca\u5929\u65e5\u671f\u662f\uff1a7\/17\/2010<\/p>\n<h2><a name=\"t335\"><\/a><a target=\"_blank\" name=\"_Toc30531\"><\/a>242\u3001\u8f93\u51fa\u4eca\u5929\u7684\u65e5\u671f\uff0c\u4ee5YYYY-MM-DD\u7684\u65b9\u5f0f\uff0c\u6bd4\u5982\u4eca\u5929\u662f2014\u5e749\u670826\u65e5\uff0c\u5219\u8f93\u51fa2014-09-26<\/h2>\n<p align=\"left\">var d= new Date();<\/p>\n<p align=\"left\">\/\/ \u83b7\u53d6\u5e74\uff0cgetFullYear()\u8fd4\u56de4\u4f4d\u7684\u6570\u5b57<\/p>\n<p align=\"left\">varyear = d.getFullYear();<\/p>\n<p align=\"left\">\/\/ \u83b7\u53d6\u6708\uff0c\u6708\u4efd\u6bd4\u8f83\u7279\u6b8a\uff0c0\u662f1\u6708\uff0c11\u662f12\u6708<\/p>\n<p align=\"left\">varmonth = d.getMonth() + 1;<\/p>\n<p align=\"left\">\/\/ \u53d8\u6210\u4e24\u4f4d<\/p>\n<p align=\"left\">month= month &lt; 10 ? &#8216;0&#8217; + month : month;<\/p>\n<p align=\"left\">\/\/ \u83b7\u53d6\u65e5<\/p>\n<p align=\"left\">varday = d.getDate();<\/p>\n<p align=\"left\">day =day &lt; 10 ? &#8216;0&#8217; + day : day;<\/p>\n<p align=\"left\">alert(year+ &#8216;-&#8216; + month + &#8216;-&#8216; + day);<\/p>\n<h2><a name=\"t336\"><\/a><a target=\"_blank\" name=\"_Toc21121\"><\/a>243\u3001\u5df2\u77e5\u6570\u7ec4var?stringArray?=?[\u201cThis\u201d,?\u201cis\u201d,?\u201cBaidu\u201d,?\u201cCampus\u201d]\uff0cAlert\u51fa\u201dThis?is?Baidu?Campus\u201d\u3002<\/h2>\n<p align=\"left\">\u7b54\u6848\uff1aalert(stringArray.join(\u201c\u201d))<\/p>\n<h2><a name=\"t337\"><\/a><a target=\"_blank\" name=\"_Toc17171\"><\/a>244\u3001\u5df2\u77e5\u6709\u5b57\u7b26\u4e32foo=\u201dget-element-by-id\u201d,\u5199\u4e00\u4e2afunction\u5c06\u5176\u8f6c\u5316\u6210\u9a7c\u5cf0\u8868\u793a\u6cd5\u201dgetElementById\u201d\u3002<\/h2>\n<p align=\"left\">functioncombo(msg){<\/p>\n<p align=\"left\">vararr=msg.split(&#8220;-&#8220;);<\/p>\n<p align=\"left\">for(vari=1;i&lt;arr.length;i++){<\/p>\n<p align=\"left\">arr[i]=arr[i].charAt(0).toUpperCase()+arr[i].substr(1,arr[i].length-1);<\/p>\n<p align=\"left\">}<\/p>\n<p align=\"left\">msg=arr.join(&#8220;&#8221;);<\/p>\n<p align=\"left\">returnmsg;<\/p>\n<p align=\"left\">}<\/p>\n<h2><a name=\"t338\"><\/a><a target=\"_blank\" name=\"_Toc749\"><\/a>245\u3001.varnumberArray=[3,6,2,4,1,5]; \uff08\u8003\u5bdf\u57fa\u7840API\uff09<\/h2>\n<p align=\"left\">1)\u5b9e\u73b0\u5bf9\u8be5\u6570\u7ec4\u7684\u5012\u6392\uff0c\u8f93\u51fa[5,1,4,2,6,3]<\/p>\n<p align=\"left\">2)\u5b9e\u73b0\u5bf9\u8be5\u6570\u7ec4\u7684\u964d\u5e8f\u6392\u5217\uff0c\u8f93\u51fa[6,5,4,3,2,1]<\/p>\n<p align=\"left\">functioncombo(msg){<\/p>\n<p align=\"left\">vararr=msg.split(&#8220;-&#8220;);<\/p>\n<p align=\"left\">for(vari=1;i&lt;arr.length;i++){<\/p>\n<p align=\"left\">arr[i]=arr[i].charAt(0).toUpperCase()+arr[i].substr(1,arr[i].length-1);<\/p>\n<p align=\"left\">}<\/p>\n<p align=\"left\">msg=arr.join(&#8220;&#8221;);<\/p>\n<p align=\"left\">returnmsg;<\/p>\n<p align=\"left\">}<\/p>\n<h2><a name=\"t339\"><\/a><a target=\"_blank\" name=\"_Toc1381\"><\/a>246\u3001\u628a\u4e24\u4e2a\u6570\u7ec4\u5408\u5e76\uff0c\u5e76\u5220\u9664\u7b2c\u4e8c\u4e2a\u5143\u7d20\u3002<\/h2>\n<p align=\"left\">vararray1 = [&#8216;a&#8217;,&#8217;b&#8217;,&#8217;c&#8217;];<\/p>\n<p align=\"left\">varbArray = [&#8216;d&#8217;,&#8217;e&#8217;,&#8217;f&#8217;];<\/p>\n<p align=\"left\">varcArray = array1<\/p>\n<h2><a name=\"t340\"><\/a><a target=\"_blank\" name=\"_Toc5081\"><\/a>247\u3001\u5982\u4f55\u6d88\u9664\u4e00\u4e2a\u6570\u7ec4\u91cc\u9762\u91cd\u590d\u7684\u5143\u7d20\uff1f<\/h2>\n<p align=\"left\">vararr=[1,2,3,3,4,4,5,5,6,1,9,3,25,4];<\/p>\n<p align=\"left\">functiondeRepeat(){<\/p>\n<p align=\"left\">varnewArr=[];<\/p>\n<p align=\"left\">varobj={};<\/p>\n<p align=\"left\">varindex=0;<\/p>\n<p align=\"left\">varl=arr.length;<\/p>\n<p align=\"left\">for(vari=0;i&lt;l;i++){<\/p>\n<p align=\"left\">if(obj[arr[i]]==undefined)<\/p>\n<p align=\"left\">{<\/p>\n<p align=\"left\">obj[arr[i]]=1;<\/p>\n<p align=\"left\">newArr[index++]=arr[i];<\/p>\n<p align=\"left\">}<\/p>\n<p align=\"left\">elseif(obj[arr[i]]==1)<\/p>\n<p align=\"left\">}<\/p>\n<p align=\"left\">returnnewArr;<\/p>\n<p align=\"left\">}<\/p>\n<p align=\"left\">varnewArr2=deRepeat(arr);<\/p>\n<p align=\"left\">alert(newArr2);\/\/\u8f93\u51fa1,2,3,4,5,6,9,25<\/p>\n<h2><a name=\"t341\"><\/a><a target=\"_blank\" name=\"_Toc21269\"><\/a>248\u3001\u7528js\u5b9e\u73b0\u968f\u673a\u9009\u53d610\u2013100\u4e4b\u95f4\u768410\u4e2a\u6570\u5b57\uff0c\u5b58\u5165\u4e00\u4e2a\u6570\u7ec4\uff0c\u5e76\u6392\u5e8f\u3002<\/h2>\n<p align=\"left\">variArray = [];<\/p>\n<p align=\"left\">funtiongetRandom(istart, iend){<\/p>\n<p align=\"left\">variChoice = istart &#8211; iend +1;<\/p>\n<p align=\"left\">returnMath.floor(Math.random() * iChoice + istart;<\/p>\n<p align=\"left\">}<\/p>\n<p align=\"left\">for(vari=0; i&lt;10; i++){<\/p>\n<p align=\"left\">iArray.push(getRandom(10,100));<\/p>\n<p align=\"left\">}<\/p>\n<p align=\"left\">iArray.sort();<\/p>\n<h2><a name=\"t342\"><\/a><a target=\"_blank\" name=\"_Toc4362\"><\/a>249\u3001\u6b63\u5219\u8868\u8fbe\u5f0f\u6784\u9020\u51fd\u6570var reg=new RegExp(\u201cxxx\u201d)\u4e0e\u6b63\u5219\u8868\u8fbe\u5b57\u9762\u91cfvar reg=\/\/\u6709\u4ec0\u4e48\u4e0d\u540c\uff1f\u5339\u914d\u90ae\u7bb1\u7684\u6b63\u5219\u8868\u8fbe\u5f0f\uff1f<\/h2>\n<p align=\"left\">\u7b54\u6848\uff1a\u5f53\u4f7f\u7528RegExp()\u6784\u9020\u51fd\u6570\u7684\u65f6\u5019\uff0c\u4e0d\u4ec5\u9700\u8981\u8f6c\u4e49\u5f15\u53f7\uff08\u5373\\\u201d\u8868\u793a\u201d\uff09\uff0c\u5e76\u4e14\u8fd8\u9700\u8981\u53cc\u53cd\u659c\u6760\uff08\u5373\\\\\u8868\u793a\u4e00\u4e2a\\\uff09\u3002\u4f7f\u7528\u6b63\u5219\u8868\u8fbe\u5b57\u9762\u91cf\u7684\u6548\u7387\u66f4\u9ad8\u3002?<\/p>\n<h2 align=\"left\"><a name=\"t343\"><\/a><a target=\"_blank\" name=\"_Toc29156\"><\/a>250\u30011 var regMail =\/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$\/;<\/h2>\n<p align=\"left\">\u6b63\u5219\u8868\u8fbe\u5f0f\u5bf9\u8c613 \u2013\u6e05\u9664\u7a7a\u683c<\/p>\n<p align=\"left\">\u5199\u4e00\u4e2afunction\uff0c\u6e05\u9664\u5b57\u7b26\u4e32\u524d\u540e\u7684\u7a7a\u683c\u3002\uff08\u517c\u5bb9\u6240\u6709\u6d4f\u89c8\u5668\uff09<\/p>\n<p align=\"left\">\u4f7f\u7528\u81ea\u5e26\u63a5\u53e3trim()\uff0c\u8003\u8651\u517c\u5bb9\u6027\uff1a<\/p>\n<p align=\"left\">if(!String.prototype.trim) {<\/p>\n<p align=\"left\">String.prototype.trim= function() {<\/p>\n<p align=\"left\">returnthis.replace(\/^\\s+\/, &#8220;&#8221;).replace(\/\\s+$\/,&#8221;&#8221;);<\/p>\n<p align=\"left\">} }<\/p>\n<p align=\"left\">\/\/test the function<\/p>\n<p align=\"left\">varstr = &#8221; \\t\\n test string &#8220;.trim();<\/p>\n<p align=\"left\">alert(str== &#8220;test string&#8221;); \/\/ alerts &#8220;true&#8221;<\/p>\n<h2><a name=\"t344\"><\/a><a target=\"_blank\" name=\"_Toc5659\"><\/a>251\u3001\u6570\u7ec4\u548c\u5b57\u7b26\u4e32<\/h2>\n<p align=\"left\">&lt;scriptlang=&#8221;JavaScript&#8221; type=&#8221;text\/javascript&#8221;&gt;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0 function outPut(s) {<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 document.writeln(s);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0 }<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0 var a = &#8220;lashou&#8221;;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0 var b = a;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0 outPut(b);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0 a = &#8220;\u62c9\u624b&#8221;;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0 outPut(a);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0 outPut(b);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0 var a_array = [1, 2, 3];<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0 var b_array = a_array;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0 outPut(b_array);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0 a_array[3] = 4;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0 outPut(a_array);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0 outPut(b_array);<\/p>\n<p align=\"left\">&lt;\/script&gt;<\/p>\n<p align=\"left\">\u8f93\u51fa\u7ed3\u679c\uff1a<\/p>\n<p align=\"left\">\u7b54\u6848\uff1alashou \u62c9\u624blashou 1,2,3 1,2,3,4 1,2,3,4<\/p>\n<h2><a name=\"t345\"><\/a><a target=\"_blank\" name=\"_Toc20566\"><\/a>252\u3001\u4e0b\u5217\u63a7\u5236\u53f0\u90fd\u8f93\u51fa\u4ec0\u4e48<\/h2>\n<p>\u7b2c1\u9898\uff1a<\/p>\n<p>function setName(){<\/p>\n<p>name=&#8221;\u5f20\u4e09&#8221;;<\/p>\n<p>}<\/p>\n<p>setName();<\/p>\n<p>console.log(name);<\/p>\n<p>\u7b54\u6848\uff1a&#8221;\u5f20\u4e09&#8221;<\/p>\n<h2><a name=\"t346\"><\/a><a target=\"_blank\" name=\"_Toc31601\"><\/a>253\u3001\u7b2c2\u9898\uff1a<\/h2>\n<p>\/\/\u8003\u70b9\uff1a1\u3001\u53d8\u91cf\u58f0\u660e\u63d0\u5347 2\u3001\u53d8\u91cf\u641c\u7d22\u673a\u5236<\/p>\n<p>var a=1;<\/p>\n<p>function test(){<\/p>\n<p>console.log(a);<\/p>\n<p>vara=1;<\/p>\n<p>}<\/p>\n<p>test();<\/p>\n<p>\u7b54\u6848\uff1aundefined<\/p>\n<h2><a name=\"t347\"><\/a><a target=\"_blank\" name=\"_Toc16743\"><\/a>254\u3001\u7b2c3\u9898\uff1a<\/h2>\n<p>var b=2;<\/p>\n<p>function test2(){<\/p>\n<p>window.b=3;<\/p>\n<p>console.log(b);<\/p>\n<p>}<\/p>\n<p>test2();<\/p>\n<p>\u7b54\u6848\uff1a3<\/p>\n<h2><a name=\"t348\"><\/a><a target=\"_blank\" name=\"_Toc17118\"><\/a>255\u3001\u7b2c4\u9898\uff1a<\/h2>\n<p>c=5;\/\/\u58f0\u660e\u4e00\u4e2a\u5168\u5c40\u53d8\u91cfc<\/p>\n<p>function test3(){<\/p>\n<p>window.c=3;<\/p>\n<p>console.log(c);\u00a0\u00a0\u00a0\u00a0 \/\/\u7b54\u6848\uff1aundefined\uff0c\u539f\u56e0\uff1a\u7531\u4e8e\u6b64\u65f6\u7684c\u662f\u4e00\u4e2a\u5c40\u90e8\u53d8\u91cfc\uff0c\u5e76\u4e14\u6ca1\u6709\u88ab\u8d4b\u503c<\/p>\n<p>varc;<\/p>\n<p>console.log(window.c);\/\/\u7b54\u6848\uff1a3\uff0c\u539f\u56e0\uff1a\u8fd9\u91cc\u7684c\u5c31\u662f\u4e00\u4e2a\u5168\u5c40\u53d8\u91cfc<\/p>\n<p>}<\/p>\n<p>test3();<\/p>\n<h2><a name=\"t349\"><\/a><a target=\"_blank\" name=\"_Toc15585\"><\/a>256\u3001\u7b2c5\u9898\uff1a<\/h2>\n<p>var arr = [];<\/p>\n<p>arr[0]\u00a0= &#8216;a&#8217;;<\/p>\n<p>arr[1]\u00a0= &#8216;b&#8217;;<\/p>\n<p>arr[10] = &#8216;c&#8217;;<\/p>\n<p>alert(arr.length);\u00a0 \/\/\u7b54\u6848\uff1a11<\/p>\n<p>console.log(arr[5]);\u00a0\u00a0\u00a0 \/\/\u7b54\u6848\uff1aundefined<\/p>\n<h2><a name=\"t350\"><\/a><a target=\"_blank\" name=\"_Toc2890\"><\/a>257\u3001\u7b2c6\u9898\uff1a<\/h2>\n<p>var a=1;<\/p>\n<p>console.log(a++);\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \/\/\u7b54\u6848\uff1a1<\/p>\n<p>console.log(++a);\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \/\/\u7b54\u6848\uff1a3<\/p>\n<h2><a name=\"t351\"><\/a><a target=\"_blank\" name=\"_Toc18343\"><\/a>258\u3001\u7b2c7\u9898\uff1a<\/h2>\n<p>console.log(null==undefined);\u00a0\u00a0 \/\/\u7b54\u6848\uff1atrue<\/p>\n<p>console.log(&#8220;1&#8243;==1);\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \/\/\u7b54\u6848\uff1atrue\uff0c\u56e0\u4e3a\u4f1a\u5c06\u6570\u5b571\u5148\u8f6c\u6362\u4e3a\u5b57\u7b26\u4e321<\/p>\n<p>console.log(&#8220;1&#8243;===1);\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \/\/\u7b54\u6848\uff1afalse\uff0c\u56e0\u4e3a\u6570\u636e\u7c7b\u578b\u4e0d\u4e00\u81f4<\/p>\n<h2><a name=\"t352\"><\/a><a target=\"_blank\" name=\"_Toc17653\"><\/a>259\u3001\u7b2c8\u9898\uff1a<\/h2>\n<p>typeof 1;\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 &#8220;number&#8221;<\/p>\n<p>typeof &#8220;hello&#8221;;\u00a0\u00a0\u00a0\u00a0 &#8220;string&#8221;<\/p>\n<p>typeof \/[0-9]\/;\u00a0\u00a0\u00a0\u00a0 &#8220;object&#8221;<\/p>\n<p>typeof {};\u00a0\u00a0\u00a0\u00a0\u00a0 &#8220;object&#8221;<\/p>\n<p>typeof null;\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 &#8220;object&#8221;<\/p>\n<p>typeof undefined;\u00a0\u00a0 &#8220;undefined&#8221;<\/p>\n<p>typeof [1,2,3];\u00a0\u00a0\u00a0\u00a0 &#8220;object&#8221;<\/p>\n<p>typeof function(){};\u00a0\u00a0\u00a0 \/\/&#8221;function&#8221;<\/p>\n<h2><a name=\"t353\"><\/a><a target=\"_blank\" name=\"_Toc31303\"><\/a>260\u3001\u7b2c9\u9898\uff1a<\/h2>\n<p>parseInt(3.14);\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \/\/3<\/p>\n<p>parseFloat(&#8220;3asdf&#8221;);\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \/\/3<\/p>\n<p>parseInt(&#8220;1.23abc456&#8243;);<\/p>\n<p>parseInt(true);\/\/&#8221;true&#8221; NaN<\/p>\n<h2><a name=\"t354\"><\/a><a target=\"_blank\" name=\"_Toc17740\"><\/a>261\u3001\u7b2c10\u9898\uff1a<\/h2>\n<p>\/\/\u8003\u70b9\uff1a\u51fd\u6570\u58f0\u660e\u63d0\u524d<\/p>\n<p>function bar() {<\/p>\n<p>return foo;<\/p>\n<p>foo = 10;<\/p>\n<p>function foo() {}<\/p>\n<p>\/\/var foo = 11;<\/p>\n<p>}<\/p>\n<p>alert(typeof bar());\/\/&#8221;function&#8221;<\/p>\n<h2><a name=\"t355\"><\/a><a target=\"_blank\" name=\"_Toc2882\"><\/a>262\u3001\u7b2c11\u9898\uff1a\u8003\u70b9\uff1a\u51fd\u6570\u58f0\u660e\u63d0\u524d<\/h2>\n<p>var foo = 1;<\/p>\n<p>function bar() {<\/p>\n<p>foo= 10;<\/p>\n<p>return;<\/p>\n<p>functionfoo() {}<\/p>\n<p>}<\/p>\n<p>bar();<\/p>\n<p>alert(foo);\/\/\u7b54\u6848\uff1a1<\/p>\n<h2><a name=\"t356\"><\/a><a target=\"_blank\" name=\"_Toc19585\"><\/a>263\u3001\u7b2c12\u9898\uff1a<\/h2>\n<p>console.log(a);\/\/\u662f\u4e00\u4e2a\u51fd\u6570<\/p>\n<p>var a = 3;<\/p>\n<p>function a(){}<\/p>\n<p>console.log(a);\/\/\/\/3<\/p>\n<h2><a name=\"t357\"><\/a><a target=\"_blank\" name=\"_Toc30412\"><\/a>264\u3001\u7b2c13\u9898\uff1a<\/h2>\n<p>\/\/\u8003\u70b9\uff1a\u5bf9arguments\u7684\u64cd\u4f5c<\/p>\n<p>function foo(a) {<\/p>\n<p>arguments[0] = 2;<\/p>\n<p>alert(a);\/\/\u7b54\u6848\uff1a2\uff0c\u56e0\u4e3a\uff1aa\u3001arguments\u662f\u5bf9\u5b9e\u53c2\u7684\u8bbf\u95ee\uff0cb\u3001\u901a\u8fc7arguments[i]\u53ef\u4ee5\u4fee\u6539\u6307\u5b9a\u5b9e\u53c2\u7684\u503c<\/p>\n<p>}<\/p>\n<p>foo(1);<\/p>\n<h2><a name=\"t358\"><\/a><a target=\"_blank\" name=\"_Toc30599\"><\/a>265\u3001\u7b2c14\u9898\uff1a<\/h2>\n<p>function foo(a) {<\/p>\n<p>alert(arguments.length);\/\/\u7b54\u6848\uff1a3\uff0c\u56e0\u4e3aarguments\u662f\u5bf9\u5b9e\u53c2\u7684\u8bbf\u95ee<\/p>\n<p>}<\/p>\n<p>foo(1, 2, 3);<\/p>\n<h2><a name=\"t359\"><\/a><a target=\"_blank\" name=\"_Toc22897\"><\/a>266\u3001\u7b2c15\u9898<\/h2>\n<p>bar();\/\/\u62a5\u9519<\/p>\n<p>var foo = function bar(name) {<\/p>\n<p>console.log(&#8220;hello&#8221;+name);<\/p>\n<p>console.log(bar);<\/p>\n<p>};<\/p>\n<p>\/\/alert(typeof bar);<\/p>\n<p>foo(&#8220;world&#8221;);\/\/&#8221;hello&#8221;<\/p>\n<p>console.log(bar);\/\/undefined<\/p>\n<p>console.log(foo.toString());<\/p>\n<p>bar();\/\/\u62a5\u9519<\/p>\n<h2><a name=\"t360\"><\/a><a target=\"_blank\" name=\"_Toc7823\"><\/a>267\u3001\u7b2c16\u9898<\/h2>\n<p>function test(){<\/p>\n<p>console.log(&#8220;test\u51fd\u6570&#8221;);<\/p>\n<p>}<\/p>\n<p>setTimeout(function(){<\/p>\n<p>console.log(&#8220;\u5b9a\u65f6\u5668\u56de\u8c03\u51fd\u6570&#8221;);<\/p>\n<p>}, 0)<\/p>\n<p>test();<\/p>\n<p>function foo(){<\/p>\n<p>varname=&#8221;hello&#8221;;<\/p>\n<p>}<\/p>\n<h1><a name=\"t361\"><\/a><a target=\"_blank\" name=\"_Toc2321\"><\/a>\u4e09\u3001Jquery<\/h1>\n<h2><a name=\"t362\"><\/a><a target=\"_blank\" name=\"_Toc27814\"><\/a>1\u3001jQuery \u7684 slideUp\u52a8\u753b \uff0c\u5982\u679c\u76ee\u6807\u5143\u7d20\u662f\u88ab\u5916\u90e8\u4e8b\u4ef6\u9a71\u52a8, \u5f53\u9f20\u6807\u5feb\u901f\u5730\u8fde\u7eed\u89e6\u53d1\u5916\u90e8\u5143\u7d20\u4e8b\u4ef6, \u52a8\u753b\u4f1a\u6ede\u540e\u7684\u53cd\u590d\u6267\u884c\uff0c\u8be5\u5982\u4f55\u5904\u7406\u5462?<\/h2>\n<p>&nbsp;<\/p>\n<h1><a name=\"t363\"><\/a><a target=\"_blank\" name=\"_Toc9865\"><\/a>\u56db\u3001HTML5 CSS3<\/h1>\n<h2><a name=\"t364\"><\/a><a target=\"_blank\" name=\"_Toc8496\"><\/a>1\u3001CSS3\u6709\u54ea\u4e9b\u65b0\u7279\u6027\uff1f<\/h2>\n<p>1. CSS3\u5b9e\u73b0\u5706\u89d2\uff08border-radius\uff09\uff0c\u9634\u5f71\uff08box-shadow\uff09\uff0c<\/p>\n<p>2. \u5bf9\u6587\u5b57\u52a0\u7279\u6548\uff08text-shadow\u3001\uff09\uff0c\u7ebf\u6027\u6e10\u53d8\uff08gradient\uff09\uff0c\u65cb\u8f6c\uff08transform\uff09<\/p>\n<p>3.transform:rotate(9deg) scale(0.85,0.90)translate(0px,-30px) skew(-9deg,0deg);\/\/ \u65cb\u8f6c,\u7f29\u653e,\u5b9a\u4f4d,\u503e\u659c<\/p>\n<p>4. \u589e\u52a0\u4e86\u66f4\u591a\u7684CSS\u9009\u62e9\u5668\u00a0\u591a\u80cc\u666f rgba<\/p>\n<p>5. \u5728CSS3\u4e2d\u552f\u4e00\u5f15\u5165\u7684\u4f2a\u5143\u7d20\u662f ::selection.<\/p>\n<p>6. \u5a92\u4f53\u67e5\u8be2\uff0c\u591a\u680f\u5e03\u5c40<\/p>\n<p>7. border-image<\/p>\n<h2><a name=\"t365\"><\/a><a target=\"_blank\" name=\"_Toc30137\"><\/a>2\u3001html5\u6709\u54ea\u4e9b\u65b0\u7279\u6027\u3001\u79fb\u9664\u4e86\u90a3\u4e9b\u5143\u7d20\uff1f\u5982\u4f55\u5904\u7406HTML5\u65b0\u6807\u7b7e\u7684\u6d4f\u89c8\u5668\u517c\u5bb9\u95ee\u9898\uff1f\u5982\u4f55\u533a\u5206 HTML \u548c HTML5\uff1f<\/h2>\n<p>\u65b0\u7279\u6027\uff1a<\/p>\n<p>1. \u62d6\u62fd\u91ca\u653e(Drag and drop) API<\/p>\n<p>2. \u8bed\u4e49\u5316\u66f4\u597d\u7684\u5185\u5bb9\u6807\u7b7e\uff08header,nav,footer,aside,article,section\uff09<\/p>\n<p>3. \u97f3\u9891\u3001\u89c6\u9891API(audio,video)<\/p>\n<p>4. \u753b\u5e03(Canvas) API<\/p>\n<p>5. \u5730\u7406(Geolocation) API<\/p>\n<p>6. \u672c\u5730\u79bb\u7ebf\u5b58\u50a8 localStorage \u957f\u671f\u5b58\u50a8\u6570\u636e\uff0c\u6d4f\u89c8\u5668\u5173\u95ed\u540e\u6570\u636e\u4e0d\u4e22\u5931\uff1b<\/p>\n<p>7. sessionStorage \u7684\u6570\u636e\u5728\u6d4f\u89c8\u5668\u5173\u95ed\u540e\u81ea\u52a8\u5220\u9664<\/p>\n<p>8. \u8868\u5355\u63a7\u4ef6\uff0ccalendar\u3001date\u3001time\u3001email\u3001url\u3001search<\/p>\n<p>9. \u65b0\u7684\u6280\u672fwebworker, websocket, Geolocation<\/p>\n<p>\u79fb\u9664\u7684\u5143\u7d20\uff1a<\/p>\n<p>1. \u7eaf\u8868\u73b0\u7684\u5143\u7d20\uff1abasefont\uff0cbig\uff0ccenter\uff0cfont, s\uff0cstrike\uff0ctt\uff0cu\uff1b<\/p>\n<p>2. \u5bf9\u53ef\u7528\u6027\u4ea7\u751f\u8d1f\u9762\u5f71\u54cd\u7684\u5143\u7d20\uff1aframe\uff0cframeset\uff0cnoframes\uff1b<\/p>\n<p>\u652f\u6301HTML5\u65b0\u6807\u7b7e\uff1a<\/p>\n<p>1. IE8\/IE7\/IE6\u652f\u6301\u901a\u8fc7 document.createElement \u65b9\u6cd5\u4ea7\u751f\u7684\u6807\u7b7e\uff0c\u53ef\u4ee5\u5229\u7528\u8fd9\u4e00\u7279\u6027\u8ba9\u8fd9\u4e9b\u6d4f\u89c8\u5668\u652f\u6301 Html5 \u65b0\u6807\u7b7e\uff0c\u6d4f\u89c8\u5668\u652f\u6301\u65b0\u6807\u7b7e\u540e\uff0c\u8fd8\u9700\u8981\u6dfb\u52a0\u6807\u7b7e\u9ed8\u8ba4\u7684\u6837\u5f0f\uff08\u5f53\u7136\u6700\u597d\u7684\u65b9\u5f0f\u662f\u76f4\u63a5\u4f7f\u7528\u6210\u719f\u7684\u6846\u67b6\u3001\u4f7f\u7528\u6700\u591a\u7684\u662fhtml5shim\u6846\u67b6\uff09\uff1a<\/p>\n<p>&lt;!&#8211;[if lt IE 9]&gt;<\/p>\n<p>&lt;script&gt;src=&#8221;http:\/\/html5shim.googlecode.com\/svn\/trunk\/html5.js&#8221;&lt;\/script&gt;<\/p>\n<p>&lt;![endif]&#8211;&gt;<\/p>\n<p>\u5982\u4f55\u533a\u5206\uff1a<\/p>\n<p>DOCTYPE\u58f0\u660e\u65b0\u589e\u7684\u7ed3\u6784\u5143\u7d20\u3001\u529f\u80fd\u5143\u7d20<\/p>\n<h2><a name=\"t366\"><\/a><a target=\"_blank\" name=\"_Toc12882\"><\/a>3\u3001\u672c\u5730\u5b58\u50a8\uff08Local Storage \uff09\u548ccookies\uff08\u50a8\u5b58\u5728\u7528\u6237\u672c\u5730\u7ec8\u7aef\u4e0a\u7684\u6570\u636e\uff09\u4e4b\u95f4\u7684\u533a\u522b\u662f\u4ec0\u4e48\uff1f<\/h2>\n<p>Cookies:\u670d\u52a1\u5668\u548c\u5ba2\u6237\u7aef\u90fd\u53ef\u4ee5\u8bbf\u95ee\uff1b\u5927\u5c0f\u53ea\u67094KB\u5de6\u53f3\uff1b\u6709\u6709\u6548\u671f\uff0c\u8fc7\u671f\u540e\u5c06\u4f1a\u5220\u9664\uff1b<\/p>\n<p>\u672c\u5730\u5b58\u50a8\uff1a\u53ea\u6709\u672c\u5730\u6d4f\u89c8\u5668\u7aef\u53ef\u8bbf\u95ee\u6570\u636e\uff0c\u670d\u52a1\u5668\u4e0d\u80fd\u8bbf\u95ee\u672c\u5730\u5b58\u50a8\u76f4\u5230\u6545\u610f\u901a\u8fc7POST\u6216\u8005GET\u7684\u901a\u9053\u53d1\u9001\u5230\u670d\u52a1\u5668\uff1b\u6bcf\u4e2a\u57df5MB\uff1b\u6ca1\u6709\u8fc7\u671f\u6570\u636e\uff0c\u5b83\u5c06\u4fdd\u7559\u77e5\u9053\u7528\u6237\u4ece\u6d4f\u89c8\u5668\u6e05\u9664\u6216\u8005\u4f7f\u7528Javascript\u4ee3\u7801\u79fb\u9664<\/p>\n<h2><a name=\"t367\"><\/a><a target=\"_blank\" name=\"_Toc30424\"><\/a>4\u3001\u5982\u4f55\u5b9e\u73b0\u6d4f\u89c8\u5668\u5185\u591a\u4e2a\u6807\u7b7e\u9875\u4e4b\u95f4\u7684\u901a\u4fe1?<\/h2>\n<p>\u8c03\u7528 localstorge\u3001cookies \u7b49\u672c\u5730\u5b58\u50a8\u65b9\u5f0f<\/p>\n<h2><a name=\"t368\"><\/a><a target=\"_blank\" name=\"_Toc32646\"><\/a>5\u3001\u4f60\u5982\u4f55\u5bf9\u7f51\u7ad9\u7684\u6587\u4ef6\u548c\u8d44\u6e90\u8fdb\u884c\u4f18\u5316\uff1f<\/h2>\n<p>\u6587\u4ef6\u5408\u5e76<\/p>\n<p>\u6587\u4ef6\u6700\u5c0f\u5316\/\u6587\u4ef6\u538b\u7f29<\/p>\n<p>\u4f7f\u7528CDN\u6258\u7ba1<\/p>\n<p>\u7f13\u5b58\u7684\u4f7f\u7528<\/p>\n<h2><a name=\"t369\"><\/a><a target=\"_blank\" name=\"_Toc21289\"><\/a>6\u3001\u4ec0\u4e48\u662f\u54cd\u5e94\u5f0f\u8bbe\u8ba1\uff1f<\/h2>\n<p>\u5b83\u662f\u5173\u4e8e\u7f51\u9875\u5236\u4f5c\u7684\u8fc7\u7a0b\u4e2d\u8ba9\u4e0d\u540c\u7684\u8bbe\u5907\u6709\u4e0d\u540c\u7684\u5c3a\u5bf8\u548c\u4e0d\u540c\u7684\u529f\u80fd\u3002\u54cd\u5e94\u5f0f\u8bbe\u8ba1\u662f\u8ba9\u6240\u6709\u7684\u4eba\u80fd\u5728\u8fd9\u4e9b\u8bbe\u5907\u4e0a\u8ba9\u7f51\u7ad9\u8fd0\u884c\u6b63\u5e38<\/p>\n<h2><a name=\"t370\"><\/a><a target=\"_blank\" name=\"_Toc32237\"><\/a>7\u3001\u65b0\u7684 HTML5 \u6587\u6863\u7c7b\u578b\u548c\u5b57\u7b26\u96c6\u662f\uff1f<\/h2>\n<p>\u7b54\uff1aHTML5\u6587\u6863\u7c7b\u578b\uff1a&lt;!doctype html&gt;<\/p>\n<p>HTML5\u4f7f\u7528\u7684\u7f16\u7801&lt;metacharset=\u201dUTF-8\u201d&gt;<\/p>\n<h2><a name=\"t371\"><\/a><a target=\"_blank\" name=\"_Toc139\"><\/a>8\u3001HTML5 Canvas \u5143\u7d20\u6709\u4ec0\u4e48\u7528\uff1f<\/h2>\n<p>\u7b54\uff1aCanvas \u5143\u7d20\u7528\u4e8e\u5728\u7f51\u9875\u4e0a\u7ed8\u5236\u56fe\u5f62\uff0c\u8be5\u5143\u7d20\u6807\u7b7e\u5f3a\u5927\u4e4b\u5904\u5728\u4e8e\u53ef\u4ee5\u76f4\u63a5\u5728 HTML \u4e0a\u8fdb\u884c\u56fe\u5f62\u64cd\u4f5c\u3002<\/p>\n<h2><a name=\"t372\"><\/a><a target=\"_blank\" name=\"_Toc21534\"><\/a>9\u3001HTML5 \u5b58\u50a8\u7c7b\u578b\u6709\u4ec0\u4e48\u533a\u522b\uff1f<\/h2>\n<p>\u7b54\uff1aMediaAPI\u3001Text Track API\u3001ApplicationCache API\u3001User Interaction\u3001DataTransfer API\u3001Command API\u3001ConstraintValidation API\u3001History API<\/p>\n<h2><a name=\"t373\"><\/a><a target=\"_blank\" name=\"_Toc23179\"><\/a>10\u3001\u7528H5+CSS3\u89e3\u51b3\u4e0b\u5bfc\u822a\u680f\u6700\u540e\u4e00\u9879\u6389\u4e0b\u6765\u7684\u95ee\u9898<\/h2>\n<h2><a name=\"t374\"><\/a><a target=\"_blank\" name=\"_Toc18819\"><\/a>11\u3001CSS3\u65b0\u589e\u4f2a\u7c7b\u6709\u90a3\u4e9b\uff1f<\/h2>\n<p align=\"left\">\u00a0\u00a0\u00a0 p:first-of-type \u9009\u62e9\u5c5e\u4e8e\u5176\u7236\u5143\u7d20\u7684\u9996\u4e2a &lt;p&gt; \u5143\u7d20\u7684\u6bcf\u4e2a &lt;p&gt; \u5143\u7d20\u3002<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0 p:last-of-type\u00a0 \u9009\u62e9\u5c5e\u4e8e\u5176\u7236\u5143\u7d20\u7684\u6700\u540e &lt;p&gt; \u5143\u7d20\u7684\u6bcf\u4e2a &lt;p&gt; \u5143\u7d20\u3002<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0 p:only-of-type\u00a0 \u9009\u62e9\u5c5e\u4e8e\u5176\u7236\u5143\u7d20\u552f\u4e00\u7684 &lt;p&gt; \u5143\u7d20\u7684\u6bcf\u4e2a &lt;p&gt; \u5143\u7d20\u3002<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0 p:only-child\u00a0\u00a0\u00a0 \u9009\u62e9\u5c5e\u4e8e\u5176\u7236\u5143\u7d20\u7684\u552f\u4e00\u5b50\u5143\u7d20\u7684\u6bcf\u4e2a &lt;p&gt; \u5143\u7d20\u3002<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0 p:nth-child(2)\u00a0 \u9009\u62e9\u5c5e\u4e8e\u5176\u7236\u5143\u7d20\u7684\u7b2c\u4e8c\u4e2a\u5b50\u5143\u7d20\u7684\u6bcf\u4e2a &lt;p&gt; \u5143\u7d20\u3002<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0 :enabled\u3001:disabled \u63a7\u5236\u8868\u5355\u63a7\u4ef6\u7684\u7981\u7528\u72b6\u6001\u3002<\/p>\n<p align=\"left\">:checked\uff0c\u5355\u9009\u6846\u6216\u590d\u9009\u6846\u88ab\u9009\u4e2d\u3002<\/p>\n<h2><a name=\"t375\"><\/a><a target=\"_blank\" name=\"_Toc9423\"><\/a>12\u3001\u8bf7\u7528CSS\u5b9e\u73b0\uff1a\u4e00\u4e2a\u77e9\u5f62\u5185\u5bb9\uff0c\u6709\u6295\u5f71\uff0c\u6709\u5706\u89d2\uff0chover\u72b6\u6001\u6162\u6162\u53d8\u900f\u660e\u3002<\/h2>\n<p>css\u5c5e\u6027\u7684\u719f\u7ec3\u7a0b\u5ea6\u548c\u5b9e\u8df5\u7ecf\u9a8c<\/p>\n<h2><a name=\"t376\"><\/a><a target=\"_blank\" name=\"_Toc19840\"><\/a>13\u3001\u63cf\u8ff0\u4e0bCSS3\u91cc\u5b9e\u73b0\u5143\u7d20\u52a8\u753b\u7684\u65b9\u6cd5<\/h2>\n<p>\u52a8\u753b\u76f8\u5173\u5c5e\u6027\u7684\u719f\u6089\u7a0b\u5ea6<\/p>\n<h2><a name=\"t377\"><\/a><a target=\"_blank\" name=\"_Toc18969\"><\/a>14\u3001html5\\CSS3\u6709\u54ea\u4e9b\u65b0\u7279\u6027\u3001\u79fb\u9664\u4e86\u90a3\u4e9b\u5143\u7d20\uff1f\u5982\u4f55\u5904\u7406HTML5\u65b0\u6807\u7b7e\u7684\u6d4f\u89c8\u5668\u517c\u5bb9\u95ee\u9898\uff1f\u5982\u4f55\u533a\u5206 HTML \u548c HTML5\uff1f<\/h2>\n<p>HTML5 \u73b0\u5728\u5df2\u7ecf\u4e0d\u662f SGML \u7684\u5b50\u96c6\uff0c\u4e3b\u8981\u662f\u5173\u4e8e\u56fe\u50cf\uff0c\u4f4d\u7f6e\uff0c\u5b58\u50a8\uff0c\u5730\u7406\u5b9a\u4f4d\u7b49\u529f\u80fd\u7684\u589e\u52a0\u3002<\/p>\n<p>* \u7ed8\u753b canvas \u5143\u7d20<\/p>\n<p>\u7528\u4e8e\u5a92\u4ecb\u56de\u653e\u7684 video \u548c audio \u5143\u7d20<\/p>\n<p>\u672c\u5730\u79bb\u7ebf\u5b58\u50a8 localStorage \u957f\u671f\u5b58\u50a8\u6570\u636e\uff0c\u6d4f\u89c8\u5668\u5173\u95ed\u540e\u6570\u636e\u4e0d\u4e22\u5931\uff1b<\/p>\n<p>sessionStorage \u7684\u6570\u636e\u5728\u6d4f\u89c8\u5668\u5173\u95ed\u540e\u81ea\u52a8\u5220\u9664<\/p>\n<p>\u8bed\u610f\u5316\u66f4\u597d\u7684\u5185\u5bb9\u5143\u7d20\uff0c\u6bd4\u5982 article\u3001footer\u3001header\u3001nav\u3001section<\/p>\n<p>\u8868\u5355\u63a7\u4ef6\uff0ccalendar\u3001date\u3001time\u3001email\u3001url\u3001search<\/p>\n<p>CSS3\u5b9e\u73b0\u5706\u89d2\uff0c\u9634\u5f71\uff0c\u5bf9\u6587\u5b57\u52a0\u7279\u6548\uff0c\u589e\u52a0\u4e86\u66f4\u591a\u7684CSS\u9009\u62e9\u5668\u00a0\u591a\u80cc\u666f rgba<\/p>\n<p>\u65b0\u7684\u6280\u672fwebworker, websockt, Geolocation<\/p>\n<p>\u79fb\u9664\u7684\u5143\u7d20<\/p>\n<p>\u7eaf\u8868\u73b0\u7684\u5143\u7d20\uff1abasefont\uff0cbig\uff0ccenter\uff0cfont, s\uff0cstrike\uff0ctt\uff0cu\uff1b<\/p>\n<p>\u5bf9\u53ef\u7528\u6027\u4ea7\u751f\u8d1f\u9762\u5f71\u54cd\u7684\u5143\u7d20\uff1aframe\uff0cframeset\uff0cnoframes\uff1b<\/p>\n<p>* \u662fIE8\/IE7\/IE6\u652f\u6301\u901a\u8fc7document.createElement\u65b9\u6cd5\u4ea7\u751f\u7684\u6807\u7b7e\uff0c<\/p>\n<p>\u53ef\u4ee5\u5229\u7528\u8fd9\u4e00\u7279\u6027\u8ba9\u8fd9\u4e9b\u6d4f\u89c8\u5668\u652f\u6301HTML5\u65b0\u6807\u7b7e\uff0c<\/p>\n<p>\u6d4f\u89c8\u5668\u652f\u6301\u65b0\u6807\u7b7e\u540e\uff0c\u8fd8\u9700\u8981\u6dfb\u52a0\u6807\u7b7e\u9ed8\u8ba4\u7684\u6837\u5f0f\uff1a<\/p>\n<p>* \u5f53\u7136\u6700\u597d\u7684\u65b9\u5f0f\u662f\u76f4\u63a5\u4f7f\u7528\u6210\u719f\u7684\u6846\u67b6\u3001\u4f7f\u7528\u6700\u591a\u7684\u662fhtml5shim\u6846\u67b6<\/p>\n<p>&lt;!&#8211;[if lt IE 9]&gt;<\/p>\n<p>&lt;script&gt; src=&#8221;http:\/\/html5shim.googlecode.com\/svn\/trunk\/html5.js&#8221;&lt;\/script&gt;<\/p>\n<p>&lt;![endif]&#8211;&gt;<\/p>\n<h2><a name=\"t378\"><\/a><a target=\"_blank\" name=\"_Toc15613\"><\/a>15\u3001\u4f60\u600e\u4e48\u6765\u5b9e\u73b0\u9875\u9762\u8bbe\u8ba1\u56fe\uff0c\u4f60\u8ba4\u4e3a\u524d\u7aef\u5e94\u8be5\u5982\u4f55\u9ad8\u8d28\u91cf\u5b8c\u6210\u5de5\u4f5c? \u4e00\u4e2a\u6ee1\u5c4f \u54c1 \u5b57\u5e03\u5c40 \u5982\u4f55\u8bbe\u8ba1?<\/h2>\n<p>* \u9996\u5148\u5212\u5206\u6210\u5934\u90e8\u3001body\u3001\u811a\u90e8\uff1b\u3002\u3002\u3002\u3002\u3002<\/p>\n<p>* \u5b9e\u73b0\u6548\u679c\u56fe\u662f\u6700\u57fa\u672c\u7684\u5de5\u4f5c\uff0c\u7cbe\u786e\u52302px\uff1b<\/p>\n<p>\u4e0e\u8bbe\u8ba1\u5e08\uff0c\u4ea7\u54c1\u7ecf\u7406\u7684\u6c9f\u901a\u548c\u9879\u76ee\u7684\u53c2\u4e0e<\/p>\n<p>\u505a\u597d\u7684\u9875\u9762\u7ed3\u6784\uff0c\u9875\u9762\u91cd\u6784\u548c\u7528\u6237\u4f53\u9a8c<\/p>\n<p>\u5904\u7406hack\uff0c\u517c\u5bb9\u3001\u5199\u51fa\u4f18\u7f8e\u7684\u4ee3\u7801\u683c\u5f0f<\/p>\n<p>\u9488\u5bf9\u670d\u52a1\u5668\u7684\u4f18\u5316\u3001\u62e5\u62b1 HTML5\u3002<\/p>\n<h2><a name=\"t379\"><\/a><a target=\"_blank\" name=\"_Toc1079\"><\/a><strong>16<\/strong><strong>\u3001\u4f60\u80fd\u63cf\u8ff0\u4e00\u4e0b\u6e10\u8fdb\u589e\u5f3a\u548c\u4f18\u96c5\u964d\u7ea7\u4e4b\u95f4\u7684\u4e0d\u540c\u5417?<\/strong><\/h2>\n<p>\u6e10\u8fdb\u589e\u5f3a\u00a0progressive\u00a0enhancement\uff1a\u9488\u5bf9\u4f4e\u7248\u672c\u6d4f\u89c8\u5668\u8fdb\u884c\u6784\u5efa\u9875\u9762\uff0c\u4fdd\u8bc1\u6700\u57fa\u672c\u7684\u529f\u80fd\uff0c\u7136\u540e\u518d\u9488\u5bf9\u9ad8\u7ea7\u6d4f\u89c8\u5668\u8fdb\u884c\u6548\u679c\u3001\u4ea4\u4e92\u7b49\u6539\u8fdb\u548c\u8ffd\u52a0\u529f\u80fd\u8fbe\u5230\u66f4\u597d\u7684\u7528\u6237\u4f53\u9a8c\u3002<\/p>\n<p>\u4f18\u96c5\u964d\u7ea7\u00a0graceful\u00a0degradation\uff1a\u4e00\u5f00\u59cb\u5c31\u6784\u5efa\u5b8c\u6574\u7684\u529f\u80fd\uff0c\u7136\u540e\u518d\u9488\u5bf9\u4f4e\u7248\u672c\u6d4f\u89c8\u5668\u8fdb\u884c\u517c\u5bb9\u3002<\/p>\n<p>\u533a\u522b\uff1a\u4f18\u96c5\u964d\u7ea7\u662f\u4ece\u590d\u6742\u7684\u73b0\u72b6\u5f00\u59cb\uff0c\u5e76\u8bd5\u56fe\u51cf\u5c11\u7528\u6237\u4f53\u9a8c\u7684\u4f9b\u7ed9\uff0c\u800c\u6e10\u8fdb\u589e\u5f3a\u5219\u662f\u4ece\u4e00\u4e2a\u975e\u5e38\u57fa\u7840\u7684\uff0c\u80fd\u591f\u8d77\u4f5c\u7528\u7684\u7248\u672c\u5f00\u59cb\uff0c\u5e76\u4e0d\u65ad\u6269\u5145\uff0c\u4ee5\u9002\u5e94\u672a\u6765\u73af\u5883\u7684\u9700\u8981\u3002\u964d\u7ea7\uff08\u529f\u80fd\u8870\u51cf\uff09\u610f\u5473\u7740\u5f80\u56de\u770b\uff1b\u800c\u6e10\u8fdb\u589e\u5f3a\u5219\u610f\u5473\u7740\u671d\u524d\u770b\uff0c\u540c\u65f6\u4fdd\u8bc1\u5176\u6839\u57fa\u5904\u4e8e\u5b89\u5168\u5730\u5e26\u3002<\/p>\n<p>\u201c\u4f18\u96c5\u964d\u7ea7\u201d\u89c2\u70b9<\/p>\n<p>\u201c\u4f18\u96c5\u964d\u7ea7\u201d\u89c2\u70b9\u8ba4\u4e3a\u5e94\u8be5\u9488\u5bf9\u90a3\u4e9b\u6700\u9ad8\u7ea7\u3001\u6700\u5b8c\u5584\u7684\u6d4f\u89c8\u5668\u6765\u8bbe\u8ba1\u7f51\u7ad9\u3002\u800c\u5c06\u90a3\u4e9b\u88ab\u8ba4\u4e3a\u201c\u8fc7\u65f6\u201d\u6216\u6709\u529f\u80fd\u7f3a\u5931\u7684\u6d4f\u89c8\u5668\u4e0b\u7684\u6d4b\u8bd5\u5de5\u4f5c\u5b89\u6392\u5728\u5f00\u53d1\u5468\u671f\u7684\u6700\u540e\u9636\u6bb5\uff0c\u5e76\u628a\u6d4b\u8bd5\u5bf9\u8c61\u9650\u5b9a\u4e3a\u4e3b\u6d41\u6d4f\u89c8\u5668\uff08\u5982\u00a0IE\u3001Mozilla\u00a0\u7b49\uff09\u7684\u524d\u4e00\u4e2a\u7248\u672c\u3002<\/p>\n<p>\u5728\u8fd9\u79cd\u8bbe\u8ba1\u8303\u4f8b\u4e0b\uff0c\u65e7\u7248\u7684\u6d4f\u89c8\u5668\u88ab\u8ba4\u4e3a\u4ec5\u80fd\u63d0\u4f9b\u201c\u7b80\u964b\u5374\u65e0\u59a8\u00a0(poor,\u00a0but\u00a0passable)\u201d\u00a0\u7684\u6d4f\u89c8\u4f53\u9a8c\u3002\u4f60\u53ef\u4ee5\u505a\u4e00\u4e9b\u5c0f\u7684\u8c03\u6574\u6765\u9002\u5e94\u67d0\u4e2a\u7279\u5b9a\u7684\u6d4f\u89c8\u5668\u3002\u4f46\u7531\u4e8e\u5b83\u4eec\u5e76\u975e\u6211\u4eec\u6240\u5173\u6ce8\u7684\u7126\u70b9\uff0c\u56e0\u6b64\u9664\u4e86\u4fee\u590d\u8f83\u5927\u7684\u9519\u8bef\u4e4b\u5916\uff0c\u5176\u5b83\u7684\u5dee\u5f02\u5c06\u88ab\u76f4\u63a5\u5ffd\u7565\u3002<\/p>\n<p>\u201c\u6e10\u8fdb\u589e\u5f3a\u201d\u89c2\u70b9<\/p>\n<p>\u201c\u6e10\u8fdb\u589e\u5f3a\u201d\u89c2\u70b9\u5219\u8ba4\u4e3a\u5e94\u5173\u6ce8\u4e8e\u5185\u5bb9\u672c\u8eab\u3002<\/p>\n<p>\u5185\u5bb9\u662f\u6211\u4eec\u5efa\u7acb\u7f51\u7ad9\u7684\u8bf1\u56e0\u3002\u6709\u7684\u7f51\u7ad9\u5c55\u793a\u5b83\uff0c\u6709\u7684\u5219\u6536\u96c6\u5b83\uff0c\u6709\u7684\u5bfb\u6c42\uff0c\u6709\u7684\u64cd\u4f5c\uff0c\u8fd8\u6709\u7684\u7f51\u7ad9\u751a\u81f3\u4f1a\u5305\u542b\u4ee5\u4e0a\u7684\u79cd\u79cd\uff0c\u4f46\u76f8\u540c\u70b9\u662f\u5b83\u4eec\u5168\u90fd\u6d89\u53ca\u5230\u5185\u5bb9\u3002\u8fd9\u4f7f\u5f97\u201c\u6e10\u8fdb\u589e\u5f3a\u201d\u6210\u4e3a\u4e00\u79cd\u66f4\u4e3a\u5408\u7406\u7684\u8bbe\u8ba1\u8303\u4f8b\u3002\u8fd9\u4e5f\u662f\u5b83\u7acb\u5373\u88ab\u00a0Yahoo!\u00a0\u6240\u91c7\u7eb3\u5e76\u7528\u4ee5\u6784\u5efa\u5176\u201c\u5206\u7ea7\u5f0f\u6d4f\u89c8\u5668\u652f\u6301\u00a0(Graded\u00a0Browser\u00a0Support)\u201d\u7b56\u7565\u7684\u539f\u56e0\u6240\u5728\u3002<\/p>\n<p>&nbsp;<\/p>\n<p><strong>\u3000\u3000\u90a3\u4e48\u95ee\u9898\u4e86\u3002\u73b0\u5728\u4ea7\u54c1\u7ecf\u7406\u770b\u5230IE6,7,8\u7f51\u9875\u6548\u679c\u76f8\u5bf9\u9ad8\u7248\u672c\u73b0\u4ee3\u6d4f\u89c8\u5668\u5c11\u4e86\u5f88\u591a\u5706\u89d2\uff0c\u9634\u5f71\uff08CSS3\uff09\uff0c\u8981\u6c42\u517c\u5bb9\uff08\u4f7f\u7528\u56fe\u7247\u80cc\u666f\uff0c\u653e\u5f03CSS3\uff09\uff0c\u4f60\u4f1a\u5982\u4f55\u8bf4\u670d\u4ed6\uff1f<\/strong><\/p>\n<h2><a name=\"t380\"><\/a><a target=\"_blank\" name=\"_Toc261\"><\/a><strong>17<\/strong><strong>\u3001\u4e3a\u4ec0\u4e48\u5229\u7528\u591a\u4e2a\u57df\u540d\u6765\u5b58\u50a8\u7f51\u7ad9\u8d44\u6e90\u4f1a\u66f4\u6709\u6548\uff1f<\/strong><\/h2>\n<p>CDN\u7f13\u5b58\u66f4\u65b9\u4fbf<\/p>\n<p>\u7a81\u7834\u6d4f\u89c8\u5668\u5e76\u53d1\u9650\u5236<\/p>\n<p>\u8282\u7ea6cookie\u5e26\u5bbd<\/p>\n<p>\u8282\u7ea6\u4e3b\u57df\u540d\u7684\u8fde\u63a5\u6570\uff0c\u4f18\u5316\u9875\u9762\u54cd\u5e94\u901f\u5ea6<\/p>\n<p>\u9632\u6b62\u4e0d\u5fc5\u8981\u7684\u5b89\u5168\u95ee\u9898<\/p>\n<h2><a name=\"t381\"><\/a><a target=\"_blank\" name=\"_Toc15512\"><\/a>18\u3001<strong>\u8bf7\u8c08\u4e00\u4e0b\u4f60\u5bf9\u7f51\u9875\u6807\u51c6\u548c\u6807\u51c6\u5236\u5b9a\u673a\u6784\u91cd\u8981\u6027\u7684\u7406\u89e3\u3002<\/strong><\/h2>\n<p>\uff08\u65e0\u6807\u51c6\u7b54\u6848\uff09\u7f51\u9875\u6807\u51c6\u548c\u6807\u51c6\u5236\u5b9a\u673a\u6784\u90fd\u662f\u4e3a\u4e86\u80fd\u8ba9web\u53d1\u5c55\u7684\u66f4\u2018\u5065\u5eb7\u2019\uff0c\u5f00\u53d1\u8005\u9075\u5faa\u7edf\u4e00\u7684\u6807\u51c6\uff0c\u964d\u4f4e\u5f00\u53d1\u96be\u5ea6\uff0c\u5f00\u53d1\u6210\u672c\uff0cSEO\u4e5f\u4f1a\u66f4\u597d\u505a\uff0c\u4e5f\u4e0d\u4f1a\u56e0\u4e3a\u6ee5\u7528\u4ee3\u7801\u5bfc\u81f4\u5404\u79cdBUG\u3001\u5b89\u5168\u95ee\u9898\uff0c\u6700\u7ec8\u63d0\u9ad8\u7f51\u7ad9\u6613\u7528\u6027\u3002<\/p>\n<p>&nbsp;<\/p>\n<h2><a name=\"t382\"><\/a><a target=\"_blank\" name=\"_Toc14232\"><\/a>19\u3001<strong>\u8bf7\u63cf\u8ff0\u4e00\u4e0bcookies\uff0csessionStorage\u548clocalStorage\u7684\u533a\u522b\uff1f<\/strong><\/h2>\n<p>sessionStorage\u7528\u4e8e\u672c\u5730\u5b58\u50a8\u4e00\u4e2a\u4f1a\u8bdd\uff08session\uff09\u4e2d\u7684\u6570\u636e\uff0c\u8fd9\u4e9b\u6570\u636e\u53ea\u6709\u5728\u540c\u4e00\u4e2a\u4f1a\u8bdd\u4e2d\u7684\u9875\u9762\u624d\u80fd\u8bbf\u95ee\u5e76\u4e14\u5f53\u4f1a\u8bdd\u7ed3\u675f\u540e\u6570\u636e\u4e5f\u968f\u4e4b\u9500\u6bc1\u3002\u56e0\u6b64sessionStorage\u4e0d\u662f\u4e00\u79cd\u6301\u4e45\u5316\u7684\u672c\u5730\u5b58\u50a8\uff0c\u4ec5\u4ec5\u662f\u4f1a\u8bdd\u7ea7\u522b\u7684\u5b58\u50a8\u3002\u800clocalStorage\u7528\u4e8e\u6301\u4e45\u5316\u7684\u672c\u5730\u5b58\u50a8\uff0c\u9664\u975e\u4e3b\u52a8\u5220\u9664\u6570\u636e\uff0c\u5426\u5219\u6570\u636e\u662f\u6c38\u8fdc\u4e0d\u4f1a\u8fc7\u671f\u7684\u3002<\/p>\n<p><strong>web\u00a0storage\u548ccookie\u7684\u533a\u522b<\/strong><\/p>\n<p>Web\u00a0Storage\u7684\u6982\u5ff5\u548ccookie\u76f8\u4f3c\uff0c\u533a\u522b\u662f\u5b83\u662f\u4e3a\u4e86\u66f4\u5927\u5bb9\u91cf\u5b58\u50a8\u8bbe\u8ba1\u7684\u3002Cookie\u7684\u5927\u5c0f\u662f\u53d7\u9650\u7684\uff0c\u5e76\u4e14\u6bcf\u6b21\u4f60\u8bf7\u6c42\u4e00\u4e2a\u65b0\u7684\u9875\u9762\u7684\u65f6\u5019Cookie\u90fd\u4f1a\u88ab\u53d1\u9001\u8fc7\u53bb\uff0c\u8fd9\u6837\u65e0\u5f62\u4e2d\u6d6a\u8d39\u4e86\u5e26\u5bbd\uff0c\u53e6\u5916cookie\u8fd8\u9700\u8981\u6307\u5b9a\u4f5c\u7528\u57df\uff0c\u4e0d\u53ef\u4ee5\u8de8\u57df\u8c03\u7528\u3002<\/p>\n<p>\u9664\u6b64\u4e4b\u5916\uff0cWeb\u00a0Storage\u62e5\u6709setItem,getItem,removeItem,clear\u7b49\u65b9\u6cd5\uff0c\u4e0d\u50cfcookie\u9700\u8981\u524d\u7aef\u5f00\u53d1\u8005\u81ea\u5df1\u5c01\u88c5setCookie\uff0cgetCookie\u3002\u4f46\u662fCookie\u4e5f\u662f\u4e0d\u53ef\u4ee5\u6216\u7f3a\u7684\uff1aCookie\u7684\u4f5c\u7528\u662f\u4e0e\u670d\u52a1\u5668\u8fdb\u884c\u4ea4\u4e92\uff0c\u4f5c\u4e3aHTTP\u89c4\u8303\u7684\u4e00\u90e8\u5206\u800c\u5b58\u5728\u00a0\uff0c\u800cWeb\u00a0Storage\u4ec5\u4ec5\u662f\u4e3a\u4e86\u5728\u672c\u5730\u201c\u5b58\u50a8\u201d\u6570\u636e\u800c\u751f\u3002<\/p>\n<h2><a name=\"t383\"><\/a><a target=\"_blank\" name=\"_Toc12894\"><\/a><strong>20<\/strong><strong>\u3001\u77e5\u9053css\u6709\u4e2acontent\u5c5e\u6027\u5417\uff1f\u6709\u4ec0\u4e48\u4f5c\u7528\uff1f\u6709\u4ec0\u4e48\u5e94\u7528\uff1f<\/strong><\/h2>\n<p>\u77e5\u9053\u3002css\u7684content\u5c5e\u6027\u4e13\u95e8\u5e94\u7528\u5728 before\/after \u4f2a\u5143\u7d20\u4e0a\uff0c\u7528\u6765\u63d2\u5165\u751f\u6210\u5185\u5bb9\u3002\u6700\u5e38\u89c1\u7684\u5e94\u7528\u662f\u5229\u7528\u4f2a\u7c7b\u6e05\u9664\u6d6e\u52a8\u3002<\/p>\n<p>\/\/\u4e00\u79cd\u5e38\u89c1\u5229\u7528\u4f2a\u7c7b\u6e05\u9664\u6d6e\u52a8\u7684\u4ee3\u7801<\/p>\n<p>.clearfix:after {<\/p>\n<p>content:&#8221;.&#8221;; \/\/\u8fd9\u91cc\u5229\u7528\u5230\u4e86content\u5c5e\u6027<\/p>\n<p>display:block;<\/p>\n<p>height:0;<\/p>\n<p>visibility:hidden;<\/p>\n<p>clear:both; }<\/p>\n<p>.clearfix {<\/p>\n<p>*zoom:1;<\/p>\n<p>}<\/p>\n<p>after\u4f2a\u5143\u7d20\u901a\u8fc7 content \u5728\u5143\u7d20\u7684\u540e\u9762\u751f\u6210\u4e86\u5185\u5bb9\u4e3a\u4e00\u4e2a\u70b9\u7684\u5757\u7ea7\u7d20\uff0c\u518d\u5229\u7528clear:both\u6e05\u9664\u6d6e\u52a8\u3002<\/p>\n<p>\u90a3\u4e48\u95ee\u9898\u7ee7\u7eed\u8fd8\u6709\uff0c<strong>\u77e5\u9053css\u8ba1\u6570\u5668\uff08\u5e8f\u5217\u6570\u5b57\u5b57\u7b26\u81ea\u52a8\u9012\u589e\uff09\u5417\uff1f\u5982\u4f55\u901a\u8fc7css content\u5c5e\u6027\u5b9e\u73b0css\u8ba1\u6570\u5668\uff1f<\/strong><\/p>\n<p>\u7b54\u6848\uff1acss\u8ba1\u6570\u5668\u662f\u901a\u8fc7\u8bbe\u7f6ecounter-reset \u3001counter-increment \u4e24\u4e2a\u5c5e\u6027\u3001\u53ca counter()\/counters()\u4e00\u4e2a\u65b9\u6cd5\u914d\u5408after \/before \u4f2a\u7c7b\u5b9e\u73b0\u3002<\/p>\n<h2><a name=\"t384\"><\/a><a target=\"_blank\" name=\"_Toc24553\"><\/a>21\u3001\u5982\u4f55\u5728 HTML5 \u9875\u9762\u4e2d\u5d4c\u5165\u97f3\u9891?<\/h2>\n<p>HTML 5 \u5305\u542b\u5d4c\u5165\u97f3\u9891\u6587\u4ef6\u7684\u6807\u51c6\u65b9\u5f0f\uff0c\u652f\u6301\u7684\u683c\u5f0f\u5305\u62ec MP3\u3001Wav \u548c Ogg\uff1a<\/p>\n<p>&lt;audio\u00a0controls&gt;<\/p>\n<p>&lt;source\u00a0src=&#8221;jamshed.mp3&#8243;\u00a0type=&#8221;audio\/mpeg&#8221;&gt;<\/p>\n<p>Your\u00a0browser\u00a0does&#8217;nt\u00a0support\u00a0audio\u00a0embedding\u00a0feature.<\/p>\n<p>&lt;\/audio&gt;<\/p>\n<h2><a name=\"t385\"><\/a><a target=\"_blank\" name=\"_Toc6690\"><\/a>22\u3001\u5982\u4f55\u5728 HTML5 \u9875\u9762\u4e2d\u5d4c\u5165\u89c6\u9891\uff1f<\/h2>\n<p>\u548c\u97f3\u9891\u4e00\u6837\uff0cHTML5 \u5b9a\u4e49\u4e86\u5d4c\u5165\u89c6\u9891\u7684\u6807\u51c6\u65b9\u6cd5\uff0c\u652f\u6301\u7684\u683c\u5f0f\u5305\u62ec\uff1aMP4\u3001WebM \u548c Ogg\uff1a<\/p>\n<p>&lt;video\u00a0width=&#8221;450&#8243;\u00a0height=&#8221;340&#8243;\u00a0controls&gt;<\/p>\n<p>&lt;source\u00a0src=&#8221;jamshed.mp4&#8243;\u00a0type=&#8221;video\/mp4&#8243;&gt;<\/p>\n<p>Your\u00a0browser\u00a0does&#8217;nt\u00a0support\u00a0video\u00a0embedding\u00a0feature.<\/p>\n<p>&lt;\/video&gt;<\/p>\n<h2><a name=\"t386\"><\/a><a target=\"_blank\" name=\"_Toc3478\"><\/a>23\u3001HTML5 \u5f15\u5165\u4ec0\u4e48\u65b0\u7684\u8868\u5355\u5c5e\u6027\uff1f<\/h2>\n<p>Datalist\u00a0\u00a0datetime\u00a0\u00a0 output\u00a0\u00a0 keygen\u00a0date\u00a0 month\u00a0 week\u00a0time\u00a0 number\u00a0\u00a0 range\u00a0\u00a0emailurl<\/p>\n<h2><a name=\"t387\"><\/a><a target=\"_blank\" name=\"_Toc19661\"><\/a>24\u3001CSS3\u65b0\u589e\u4f2a\u7c7b\u6709\u90a3\u4e9b\uff1f<\/h2>\n<p>p:first-of-type \u9009\u62e9\u5c5e\u4e8e\u5176\u7236\u5143\u7d20\u7684\u9996\u4e2a &lt;p&gt; \u5143\u7d20\u7684\u6bcf\u4e2a &lt;p&gt; \u5143\u7d20\u3002<\/p>\n<p>p:last-of-type\u00a0 \u9009\u62e9\u5c5e\u4e8e\u5176\u7236\u5143\u7d20\u7684\u6700\u540e &lt;p&gt; \u5143\u7d20\u7684\u6bcf\u4e2a &lt;p&gt; \u5143\u7d20\u3002<\/p>\n<p>p:only-of-type\u00a0 \u9009\u62e9\u5c5e\u4e8e\u5176\u7236\u5143\u7d20\u552f\u4e00\u7684 &lt;p&gt; \u5143\u7d20\u7684\u6bcf\u4e2a &lt;p&gt; \u5143\u7d20\u3002<\/p>\n<p>p:only-child\u00a0\u00a0\u00a0 \u9009\u62e9\u5c5e\u4e8e\u5176\u7236\u5143\u7d20\u7684\u552f\u4e00\u5b50\u5143\u7d20\u7684\u6bcf\u4e2a &lt;p&gt; \u5143\u7d20\u3002<\/p>\n<p>p:nth-child(2)\u00a0 \u9009\u62e9\u5c5e\u4e8e\u5176\u7236\u5143\u7d20\u7684\u7b2c\u4e8c\u4e2a\u5b50\u5143\u7d20\u7684\u6bcf\u4e2a &lt;p&gt; \u5143\u7d20\u3002<\/p>\n<p>:enabled\u3001:disabled \u63a7\u5236\u8868\u5355\u63a7\u4ef6\u7684\u7981\u7528\u72b6\u6001\u3002<\/p>\n<p>:checked\uff0c\u5355\u9009\u6846\u6216\u590d\u9009\u6846\u88ab\u9009\u4e2d\u3002<\/p>\n<h2><a name=\"t388\"><\/a><a target=\"_blank\" name=\"_Toc673\"><\/a>25\u3001(\u5199)\u63cf\u8ff0\u4e00\u6bb5\u8bed\u4e49\u7684html\u4ee3\u7801\u5427\u3002<\/h2>\n<p>\uff08HTML5\u4e2d\u65b0\u589e\u52a0\u7684\u5f88\u591a\u6807\u7b7e\uff08\u5982\uff1a&lt;article&gt;\u3001&lt;nav&gt;\u3001&lt;header&gt;\u548c&lt;footer&gt;\u7b49\uff09<\/p>\n<p>\u5c31\u662f\u57fa\u4e8e\u8bed\u4e49\u5316\u8bbe\u8ba1\u539f\u5219\uff09<\/p>\n<p>&lt;div id=&#8221;header&#8221;&gt;<\/p>\n<p>&lt;h1&gt;\u6807\u9898&lt; \/h1&gt;<\/p>\n<p>&lt;h2&gt;\u4e13\u6ce8Web\u524d\u7aef\u6280\u672f&lt; \/h2&gt;<\/p>\n<p>&lt;\/div&gt;<\/p>\n<p>\u8bed\u4e49 HTML \u5177\u6709\u4ee5\u4e0b\u7279\u6027\uff1a<\/p>\n<p>&nbsp;<\/p>\n<p>\u6587\u5b57\u5305\u88f9\u5728\u5143\u7d20\u4e2d\uff0c\u7528\u4ee5\u53cd\u6620\u5185\u5bb9\u3002\u4f8b\u5982\uff1a<\/p>\n<p>\u6bb5\u843d\u5305\u542b\u5728 &lt;p&gt; \u5143\u7d20\u4e2d\u3002<\/p>\n<p>\u987a\u5e8f\u8868\u5305\u542b\u5728&lt;ol&gt;\u5143\u7d20\u4e2d\u3002<\/p>\n<p>\u4ece\u5176\u4ed6\u6765\u6e90\u5f15\u7528\u7684\u5927\u578b\u6587\u5b57\u5757\u5305\u542b\u5728&lt;blockquote&gt;\u5143\u7d20\u4e2d\u3002<\/p>\n<p>HTML\u5143\u7d20\u4e0d\u80fd\u7528\u4f5c\u8bed\u4e49\u7528\u9014\u4ee5\u5916\u7684\u5176\u4ed6\u76ee\u7684\u3002\u4f8b\u5982\uff1a<\/p>\n<p>&lt;h1&gt;\u5305\u542b\u6807\u9898\uff0c\u4f46\u5e76\u975e\u7528\u4e8e\u653e\u5927\u6587\u672c\u3002<\/p>\n<p>&lt;blockquote&gt;\u5305\u542b\u5927\u6bb5\u5f15\u8ff0\uff0c\u4f46\u5e76\u975e\u7528\u4e8e\u6587\u672c\u7f29\u8fdb\u3002<\/p>\n<p>\u7a7a\u767d\u6bb5\u843d\u5143\u7d20 ( &lt;p&gt;&lt;\/p&gt; ) \u5e76\u975e\u7528\u4e8e\u8df3\u884c\u3002<\/p>\n<p>\u6587\u672c\u5e76\u4e0d\u76f4\u63a5\u5305\u542b\u4efb\u4f55\u6837\u5f0f\u4fe1\u606f\u3002\u4f8b\u5982\uff1a<\/p>\n<p>\u4e0d\u4f7f\u7528 &lt;font&gt; \u6216 &lt;center&gt; \u7b49\u683c\u5f0f\u6807\u8bb0\u3002<\/p>\n<p>\u7c7b\u6216 ID \u4e2d\u4e0d\u5f15\u7528\u989c\u8272\u6216\u4f4d\u7f6e\u3002<\/p>\n<h2><a name=\"t389\"><\/a><a target=\"_blank\" name=\"_Toc1577\"><\/a>26.cookie\u5728\u6d4f\u89c8\u5668\u548c\u670d\u52a1\u5668\u95f4\u6765\u56de\u4f20\u9012\u3002 sessionStorage\u548clocalStorage\u533a\u522b<\/h2>\n<p>sessionStorage\u548clocalStorage\u7684\u5b58\u50a8\u7a7a\u95f4\u66f4\u5927\uff1b<\/p>\n<p>sessionStorage\u548clocalStorage\u6709\u66f4\u591a\u4e30\u5bcc\u6613\u7528\u7684\u63a5\u53e3\uff1b<\/p>\n<p>sessionStorage\u548clocalStorage\u5404\u81ea\u72ec\u7acb\u7684\u5b58\u50a8\u7a7a\u95f4\uff1b<\/p>\n<h2><a name=\"t390\"><\/a><a target=\"_blank\" name=\"_Toc20020\"><\/a>27\u3001html5\u6709\u54ea\u4e9b\u65b0\u7279\u6027\u3001\u79fb\u9664\u4e86\u90a3\u4e9b\u5143\u7d20\uff1f\u5982\u4f55\u5904\u7406HTML5\u65b0\u6807\u7b7e\u7684\u6d4f\u89c8\u5668\u517c\u5bb9\u95ee\u9898\uff1f\u5982\u4f55\u533a\u5206 HTML \u548c HTML5\uff1f<\/h2>\n<p>* HTML5 \u73b0\u5728\u5df2\u7ecf\u4e0d\u662f SGML \u7684\u5b50\u96c6\uff0c\u4e3b\u8981\u662f\u5173\u4e8e\u56fe\u50cf\uff0c\u4f4d\u7f6e\uff0c\u5b58\u50a8\uff0c\u591a\u4efb\u52a1\u7b49\u529f\u80fd\u7684\u589e\u52a0\u3002<\/p>\n<p>* \u7ed8\u753bcanvas<\/p>\n<p>\u7528\u4e8e\u5a92\u4ecb\u56de\u653e\u7684 video \u548c audio \u5143\u7d20<\/p>\n<p>\u672c\u5730\u79bb\u7ebf\u5b58\u50a8 localStorage \u957f\u671f\u5b58\u50a8\u6570\u636e\uff0c\u6d4f\u89c8\u5668\u5173\u95ed\u540e\u6570\u636e\u4e0d\u4e22\u5931\uff1b<\/p>\n<p>sessionStorage \u7684\u6570\u636e\u5728\u6d4f\u89c8\u5668\u5173\u95ed\u540e\u81ea\u52a8\u5220\u9664<\/p>\n<p>\u8bed\u610f\u5316\u66f4\u597d\u7684\u5185\u5bb9\u5143\u7d20\uff0c\u6bd4\u5982 article\u3001footer\u3001header\u3001nav\u3001section<\/p>\n<p>\u8868\u5355\u63a7\u4ef6\uff0ccalendar\u3001date\u3001time\u3001email\u3001url\u3001search<\/p>\n<p>\u65b0\u7684\u6280\u672fwebworker, websockt, Geolocation<\/p>\n<p>* \u79fb\u9664\u7684\u5143\u7d20<\/p>\n<p>\u7eaf\u8868\u73b0\u7684\u5143\u7d20\uff1abasefont\uff0cbig\uff0ccenter\uff0cfont, s\uff0cstrike\uff0ctt\uff0cu\uff1b<\/p>\n<p>\u5bf9\u53ef\u7528\u6027\u4ea7\u751f\u8d1f\u9762\u5f71\u54cd\u7684\u5143\u7d20\uff1aframe\uff0cframeset\uff0cnoframes\uff1b<\/p>\n<p>\u652f\u6301HTML5\u65b0\u6807\u7b7e\uff1a<\/p>\n<p>* IE8\/IE7\/IE6\u652f\u6301\u901a\u8fc7document.createElement\u65b9\u6cd5\u4ea7\u751f\u7684\u6807\u7b7e\uff0c<\/p>\n<p>\u53ef\u4ee5\u5229\u7528\u8fd9\u4e00\u7279\u6027\u8ba9\u8fd9\u4e9b\u6d4f\u89c8\u5668\u652f\u6301HTML5\u65b0\u6807\u7b7e\uff0c<\/p>\n<p>\u6d4f\u89c8\u5668\u652f\u6301\u65b0\u6807\u7b7e\u540e\uff0c\u8fd8\u9700\u8981\u6dfb\u52a0\u6807\u7b7e\u9ed8\u8ba4\u7684\u6837\u5f0f\uff1a<\/p>\n<p>* \u5f53\u7136\u6700\u597d\u7684\u65b9\u5f0f\u662f\u76f4\u63a5\u4f7f\u7528\u6210\u719f\u7684\u6846\u67b6\u3001\u4f7f\u7528\u6700\u591a\u7684\u662fhtml5shim\u6846\u67b6<\/p>\n<p>&lt;!&#8211;[if lt IE 9]&gt;<\/p>\n<p>&lt;script&gt;src=&#8221;http:\/\/html5shim.googlecode.com\/svn\/trunk\/html5.js&#8221;&lt;\/script&gt;<\/p>\n<p>&lt;![endif]&#8211;&gt;<\/p>\n<h2><a name=\"t391\"><\/a><a target=\"_blank\" name=\"_Toc31007\"><\/a>28\u3001\u5982\u4f55\u533a\u5206\uff1a DOCTYPE\u58f0\u660e\\\u65b0\u589e\u7684\u7ed3\u6784\u5143\u7d20\\\u529f\u80fd\u5143\u7d20<\/h2>\n<h2><a name=\"t392\"><\/a><a target=\"_blank\" name=\"_Toc15983\"><\/a>29\u3001\u8bed\u4e49\u5316\u7684\u7406\u89e3\uff1f<\/h2>\n<p>\u7528\u6b63\u786e\u7684\u6807\u7b7e\u505a\u6b63\u786e\u7684\u4e8b\u60c5\uff01<\/p>\n<p>html\u8bed\u4e49\u5316\u5c31\u662f\u8ba9\u9875\u9762\u7684\u5185\u5bb9\u7ed3\u6784\u5316\uff0c\u4fbf\u4e8e\u5bf9\u6d4f\u89c8\u5668\u3001\u641c\u7d22\u5f15\u64ce\u89e3\u6790\uff1b<\/p>\n<p>\u5728\u6ca1\u6709\u6837\u5f0fCCS\u60c5\u51b5\u4e0b\u4e5f\u4ee5\u4e00\u79cd\u6587\u6863\u683c\u5f0f\u663e\u793a\uff0c\u5e76\u4e14\u662f\u5bb9\u6613\u9605\u8bfb\u7684\u3002<\/p>\n<p>\u641c\u7d22\u5f15\u64ce\u7684\u722c\u866b\u4f9d\u8d56\u4e8e\u6807\u8bb0\u6765\u786e\u5b9a\u4e0a\u4e0b\u6587\u548c\u5404\u4e2a\u5173\u952e\u5b57\u7684\u6743\u91cd\uff0c\u5229\u4e8e SEO\u3002<\/p>\n<p>\u4f7f\u9605\u8bfb\u6e90\u4ee3\u7801\u7684\u4eba\u5bf9\u7f51\u7ad9\u66f4\u5bb9\u6613\u5c06\u7f51\u7ad9\u5206\u5757\uff0c\u4fbf\u4e8e\u9605\u8bfb\u7ef4\u62a4\u7406\u89e3\u3002<\/p>\n<h2><a name=\"t393\"><\/a><a target=\"_blank\" name=\"_Toc28345\"><\/a>30\u3001HTML5\u7684\u79bb\u7ebf\u50a8\u5b58\uff1f<\/h2>\n<p>localStorage\u00a0\u00a0\u00a0 \u957f\u671f\u5b58\u50a8\u6570\u636e\uff0c\u6d4f\u89c8\u5668\u5173\u95ed\u540e\u6570\u636e\u4e0d\u4e22\u5931\uff1b<\/p>\n<p>sessionStorage\u00a0 \u6570\u636e\u5728\u6d4f\u89c8\u5668\u5173\u95ed\u540e\u81ea\u52a8\u5220\u9664\u3002<\/p>\n<h2><a name=\"t394\"><\/a><a target=\"_blank\" name=\"_Toc9691\"><\/a>31\u3001\u5199\u51faHTML5\u7684\u6587\u6863\u58f0\u660e\u65b9\u5f0f<\/h2>\n<table border=\"0\" width=\"687\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">\u00a0&lt;DOCYPE\u00a0html&gt;<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><a name=\"t395\"><\/a><a target=\"_blank\" name=\"_Toc3683\"><\/a>32\u3001HTML5\u548cCSS3\u7684\u65b0\u6807\u7b7e<\/h2>\n<table border=\"0\" width=\"783\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">HTML5\uff1a\u00a0nav,\u00a0footer,\u00a0header,\u00a0section,\u00a0hgroup,\u00a0video,\u00a0time,\u00a0canvas,\u00a0audio&#8230;<\/p>\n<p align=\"left\">CSS3:\u00a0RGBA,\u00a0opacity,\u00a0text-shadow,\u00a0box-shadow,\u00a0border-radius,\u00a0border-image,<\/p>\n<p align=\"left\">border-color,\u00a0transform&#8230;;<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><a name=\"t396\"><\/a><a target=\"_blank\" name=\"_Toc14643\"><\/a>33\u3001\u81ea\u5df1\u5bf9\u6807\u7b7e\u8bed\u4e49\u5316\u7684\u7406\u89e3<\/h2>\n<p align=\"left\">\u00a0 \u00a0 \u5728\u6211\u770b\u6765\uff0c\u8bed\u4e49\u5316\u5c31\u662f\u6bd4\u5982\u8bf4\u4e00\u4e2a\u6bb5\u843d\uff0c \u90a3\u4e48\u6211\u4eec\u5c31\u5e94\u8be5\u7528 &lt;p&gt;\u6807\u7b7e\u6765\u4fee\u9970\uff0c\u6807\u9898\u5c31\u5e94\u8be5\u7528 &lt;h?&gt;\u6807\u7b7e\u7b49\u3002\u7b26\u5408\u6587\u6863\u8bed\u4e49\u7684\u6807\u7b7e\u3002<\/p>\n<h1><a name=\"t397\"><\/a><a target=\"_blank\" name=\"_Toc8445\"><\/a>\u4e94\u3001\u79fb\u52a8web\u5f00\u53d1<\/h1>\n<h2><a name=\"t398\"><\/a><a target=\"_blank\" name=\"_Toc12442\"><\/a>1\u3001\u79fb\u52a8\u7aef\u5e38\u7528\u7c7b\u5e93\u53ca\u4f18\u7f3a\u70b9<\/h2>\n<p>\u77e5\u8bc6\u9762\u5bbd\u5ea6\uff0c\u591a\u591a\u76ca\u5584<\/p>\n<h2><a name=\"t399\"><\/a><a target=\"_blank\" name=\"_Toc28097\"><\/a>2\u3001Zepto\u5e93\u548cJQ\u533a\u522b<\/h2>\n<p>Zepto\u76f8\u5bf9jQuery\u66f4\u52a0\u8f7b\u91cf\uff0c\u4e3b\u8981\u7528\u5728\u79fb\u52a8\u7aef\uff0cjQuery\u4e5f\u6709\u5bf9\u5e94\u7684jQuerymobile\u79fb\u52a8\u7aef\u6846\u67b6<\/p>\n<h1><a name=\"t400\"><\/a><a target=\"_blank\" name=\"_Toc28548\"><\/a>\u516d\u3001Ajax<\/h1>\n<h2><a name=\"t401\"><\/a><a target=\"_blank\" name=\"_Toc1797\"><\/a>1\u3001Ajax \u662f\u4ec0\u4e48? \u5982\u4f55\u521b\u5efa\u4e00\u4e2aAjax\uff1f<\/h2>\n<p>Ajax\u5e76\u4e0d\u7b97\u662f\u4e00\u79cd\u65b0\u7684\u6280\u672f\uff0c\u5168\u79f0\u662fasychronous javascript and xml\uff0c\u53ef\u4ee5\u8bf4\u662f\u5df2\u6709\u6280\u672f\u7684\u7ec4\u5408\uff0c\u4e3b\u8981\u7528\u6765\u5b9e\u73b0\u5ba2\u6237\u7aef\u4e0e\u670d\u52a1\u5668\u7aef\u7684\u5f02\u6b65\u901a\u4fe1\u6548\u679c\uff0c\u5b9e\u73b0\u9875\u9762\u7684\u5c40\u90e8\u5237\u65b0\uff0c\u65e9\u671f\u7684\u6d4f\u89c8\u5668\u5e76\u4e0d\u80fd\u539f\u751f\u652f\u6301ajax\uff0c\u53ef\u4ee5\u4f7f\u7528\u9690\u85cf\u5e27\uff08iframe\uff09\u65b9\u5f0f\u53d8\u76f8\u5b9e\u73b0\u5f02\u6b65\u6548\u679c\uff0c\u540e\u6765\u7684\u6d4f\u89c8\u5668\u63d0\u4f9b\u4e86\u5bf9ajax\u7684\u539f\u751f\u652f\u6301<\/p>\n<p>\u4f7f\u7528ajax\u539f\u751f\u65b9\u5f0f\u53d1\u9001\u8bf7\u6c42\u4e3b\u8981\u901a\u8fc7XMLHttpRequest(\u6807\u51c6\u6d4f\u89c8\u5668)\u3001ActiveXObject(IE\u6d4f\u89c8\u5668)\u5bf9\u8c61\u5b9e\u73b0\u5f02\u6b65\u901a\u4fe1\u6548\u679c<\/p>\n<p>\u57fa\u672c\u6b65\u9aa4\uff1a<\/p>\n<p>varxhr =null;\/\/\u521b\u5efa\u5bf9\u8c61<\/p>\n<p>if(window.XMLHttpRequest){<\/p>\n<p>xhr = new XMLHttpRequest();<\/p>\n<p>}else{<\/p>\n<p>xhr = new ActiveXObject(&#8220;Microsoft.XMLHTTP&#8221;);<\/p>\n<p>}<\/p>\n<p>xhr.open(\u201c\u65b9\u5f0f\u201d,\u201d\u5730\u5740\u201d,\u201d\u6807\u5fd7\u4f4d\u201d);\/\/\u521d\u59cb\u5316\u8bf7\u6c42<\/p>\n<p>xhr.setRequestHeader(\u201c\u201d,\u201d\u201d);\/\/\u8bbe\u7f6ehttp\u5934\u4fe1\u606f<\/p>\n<p>xhr.onreadystatechange =function(){}\/\/\u6307\u5b9a\u56de\u8c03\u51fd\u6570<\/p>\n<p>xhr.send();\/\/\u53d1\u9001\u8bf7\u6c42<\/p>\n<p>js\u6846\u67b6\uff08jQuery\/EXTJS\u7b49\uff09\u63d0\u4f9b\u7684ajax\u00a0 API\u5bf9\u539f\u751f\u7684ajax\u8fdb\u884c\u4e86\u5c01\u88c5\uff0c\u719f\u6089\u4e86\u57fa\u7840\u7406\u8bba\uff0c\u518d\u5b66\u4e60\u522b\u7684\u6846\u67b6\u5c31\u4f1a\u5f97\u5fc3\u5e94\u624b\uff0c\u597d\u591a\u90fd\u662f\u6362\u6c64\u4e0d\u6362\u836f\u7684\u5185\u5bb9<\/p>\n<h2><a name=\"t402\"><\/a><a target=\"_blank\" name=\"_Toc20692\"><\/a>2\u3001\u540c\u6b65\u548c\u5f02\u6b65\u7684\u533a\u522b?<\/h2>\n<p>\u540c\u6b65\uff1a\u963b\u585e\u7684<\/p>\n<p>-\u5f20\u4e09\u53eb\u674e\u56db\u53bb\u5403\u996d\uff0c\u674e\u56db\u4e00\u76f4\u5fd9\u5f97\u4e0d\u505c\uff0c\u5f20\u4e09\u4e00\u76f4\u7b49\u7740\uff0c\u76f4\u5230\u674e\u56db\u5fd9\u5b8c\u4e24\u4e2a\u4eba\u4e00\u5757\u53bb\u5403\u996d<\/p>\n<p>=\u6d4f\u89c8\u5668\u5411\u670d\u52a1\u5668\u8bf7\u6c42\u6570\u636e\uff0c\u670d\u52a1\u5668\u6bd4\u8f83\u5fd9\uff0c\u6d4f\u89c8\u5668\u4e00\u76f4\u7b49\u7740\uff08\u9875\u9762\u767d\u5c4f\uff09\uff0c\u76f4\u5230\u670d\u52a1\u5668\u8fd4\u56de\u6570\u636e\uff0c\u6d4f\u89c8\u5668\u624d\u80fd\u663e\u793a\u9875\u9762<\/p>\n<p>\u5f02\u6b65\uff1a\u975e\u963b\u585e\u7684<\/p>\n<p>-\u5f20\u4e09\u53eb\u674e\u56db\u53bb\u5403\u996d\uff0c\u674e\u56db\u5728\u5fd9\uff0c\u5f20\u4e09\u8bf4\u4e86\u4e00\u58f0\u7136\u540e\u81ea\u5df1\u5c31\u53bb\u5403\u996d\u4e86\uff0c\u674e\u56db\u5fd9\u5b8c\u540e\u81ea\u5df1\u53bb\u5403<\/p>\n<p>=\u6d4f\u89c8\u5668\u5411\u670d\u52a1\u5668\u8bf7\u6c42\u6570\u636e\uff0c\u670d\u52a1\u5668\u6bd4\u8f83\u5fd9\uff0c\u6d4f\u89c8\u5668\u53ef\u4ee5\u81ea\u5982\u7684\u5e72\u539f\u6765\u7684\u4e8b\u60c5\uff08\u663e\u793a\u9875\u9762\uff09\uff0c\u670d\u52a1\u5668\u8fd4\u56de\u6570\u636e\u7684\u65f6\u5019\u901a\u77e5\u6d4f\u89c8\u5668\u4e00\u58f0\uff0c\u6d4f\u89c8\u5668\u628a\u8fd4\u56de\u7684\u6570\u636e\u518d\u6e32\u67d3\u5230\u9875\u9762\uff0c\u5c40\u90e8\u66f4\u65b0<\/p>\n<h2><a name=\"t403\"><\/a><a target=\"_blank\" name=\"_Toc20065\"><\/a>3\u3001\u5982\u4f55\u89e3\u51b3\u8de8\u57df\u95ee\u9898?<\/h2>\n<p>\u7406\u89e3\u8de8\u57df\u7684\u6982\u5ff5\uff1a\u534f\u8bae\u3001\u57df\u540d\u3001\u7aef\u53e3\u90fd\u76f8\u540c\u624d\u540c\u57df\uff0c\u5426\u5219\u90fd\u662f\u8de8\u57df<\/p>\n<p>\u51fa\u4e8e\u5b89\u5168\u8003\u8651\uff0c\u670d\u52a1\u5668\u4e0d\u5141\u8bb8ajax\u8de8\u57df\u83b7\u53d6\u6570\u636e\uff0c\u4f46\u662f\u53ef\u4ee5\u8de8\u57df\u83b7\u53d6\u6587\u4ef6\u5185\u5bb9\uff0c\u6240\u4ee5\u57fa\u4e8e\u8fd9\u4e00\u70b9\uff0c\u53ef\u4ee5\u52a8\u6001\u521b\u5efascript\u6807\u7b7e\uff0c\u4f7f\u7528\u6807\u7b7e\u7684src\u5c5e\u6027\u8bbf\u95eejs\u6587\u4ef6\u7684\u5f62\u5f0f\u83b7\u53d6js\u811a\u672c\uff0c\u5e76\u4e14\u8fd9\u4e2ajs\u811a\u672c\u4e2d\u7684\u5185\u5bb9\u662f<strong>\u51fd\u6570\u8c03\u7528<\/strong>\uff0c\u8be5\u51fd\u6570\u8c03\u7528\u7684\u53c2\u6570\u662f\u670d\u52a1\u5668\u8fd4\u56de\u7684\u6570\u636e\uff0c\u4e3a\u4e86\u83b7\u53d6\u8fd9\u91cc\u7684\u53c2\u6570\u6570\u636e\uff0c\u9700\u8981\u4e8b\u5148\u5728\u9875\u9762\u4e2d\u5b9a\u4e49\u56de\u8c03\u51fd\u6570\uff0c\u5728\u56de\u8c03\u51fd\u6570\u4e2d\u5904\u7406\u670d\u52a1\u5668\u8fd4\u56de\u7684\u6570\u636e\uff0c\u8fd9\u5c31\u662f\u89e3\u51b3\u8de8\u57df\u95ee\u9898\u7684\u4e3b\u6d41\u89e3\u51b3\u65b9\u6848<\/p>\n<h2><a name=\"t404\"><\/a><a target=\"_blank\" name=\"_Toc24831\"><\/a>4\u3001\u9875\u9762\u7f16\u7801\u548c\u88ab\u8bf7\u6c42\u7684\u8d44\u6e90\u7f16\u7801\u5982\u679c\u4e0d\u4e00\u81f4\u5982\u4f55\u5904\u7406\uff1f<\/h2>\n<p>\u5bf9\u4e8eajax\u8bf7\u6c42\u4f20\u9012\u7684\u53c2\u6570\uff0c\u5982\u679c\u662fget\u8bf7\u6c42\u65b9\u5f0f\uff0c\u53c2\u6570\u5982\u679c\u4f20\u9012\u4e2d\u6587\uff0c\u5728\u6709\u4e9b\u6d4f\u89c8\u5668\u4f1a\u4e71\u7801\uff0c\u4e0d\u540c\u7684\u6d4f\u89c8\u5668\u5bf9\u53c2\u6570\u7f16\u7801\u7684\u5904\u7406\u65b9\u5f0f\u4e0d\u540c\uff0c\u6240\u4ee5\u5bf9\u4e8eget\u8bf7\u6c42\u7684\u53c2\u6570\u9700\u8981\u4f7f\u7528 encodeURIComponent\u51fd\u6570\u5bf9\u53c2\u6570\u8fdb\u884c\u7f16\u7801\u5904\u7406\uff0c\u540e\u53f0\u5f00\u53d1\u8bed\u8a00\u90fd\u6709\u76f8\u5e94\u7684\u89e3\u7801api\u3002\u5bf9\u4e8epost\u8bf7\u6c42\u4e0d\u9700\u8981\u8fdb\u884c\u7f16\u7801<\/p>\n<h2><a name=\"t405\"><\/a><a target=\"_blank\" name=\"_Toc24118\"><\/a>5\u3001\u7b80\u8ff0ajax \u7684\u8fc7\u7a0b\u3002<\/h2>\n<p align=\"left\">1. \u521b\u5efaXMLHttpRequest\u5bf9\u8c61,\u4e5f\u5c31\u662f\u521b\u5efa\u4e00\u4e2a\u5f02\u6b65\u8c03\u7528\u5bf9\u8c61<\/p>\n<p align=\"left\">2. \u521b\u5efa\u4e00\u4e2a\u65b0\u7684HTTP\u8bf7\u6c42,\u5e76\u6307\u5b9a\u8be5HTTP\u8bf7\u6c42\u7684\u65b9\u6cd5\u3001URL\u53ca\u9a8c\u8bc1\u4fe1\u606f<\/p>\n<p align=\"left\">3. \u8bbe\u7f6e\u54cd\u5e94HTTP\u8bf7\u6c42\u72b6\u6001\u53d8\u5316\u7684\u51fd\u6570<\/p>\n<p align=\"left\">4. \u53d1\u9001HTTP\u8bf7\u6c42<\/p>\n<p align=\"left\">5. \u83b7\u53d6\u5f02\u6b65\u8c03\u7528\u8fd4\u56de\u7684\u6570\u636e<\/p>\n<p align=\"left\">6. \u4f7f\u7528JavaScript\u548cDOM\u5b9e\u73b0\u5c40\u90e8\u5237\u65b0<\/p>\n<h2><a name=\"t406\"><\/a><a target=\"_blank\" name=\"_Toc136\"><\/a>6\u3001\u9610\u8ff0\u4e00\u4e0b\u5f02\u6b65\u52a0\u8f7d\u3002<\/h2>\n<p>1. \u5f02\u6b65\u52a0\u8f7d\u7684\u65b9\u6848\uff1a \u52a8\u6001\u63d2\u5165 script \u6807\u7b7e<\/p>\n<p>2. \u901a\u8fc7 ajax \u53bb\u83b7\u53d6 js \u4ee3\u7801\uff0c\u7136\u540e\u901a\u8fc7 eval \u6267\u884c<\/p>\n<p>3. script \u6807\u7b7e\u4e0a\u6dfb\u52a0 defer \u6216\u8005 async \u5c5e\u6027<\/p>\n<p>4. \u521b\u5efa\u5e76\u63d2\u5165 iframe\uff0c\u8ba9\u5b83\u5f02\u6b65\u6267\u884c js<\/p>\n<h2><a name=\"t407\"><\/a><a target=\"_blank\" name=\"_Toc22239\"><\/a>7\u3001\u8bf7\u89e3\u91ca\u4e00\u4e0b JavaScript \u7684\u540c\u6e90\u7b56\u7565\u3002<\/h2>\n<p>\u540c\u6e90\u7b56\u7565\u662f\u5ba2\u6237\u7aef\u811a\u672c\uff08\u5c24\u5176\u662fJavascript\uff09\u7684\u91cd\u8981\u7684\u5b89\u5168\u5ea6\u91cf\u6807\u51c6\u3002\u5b83\u6700\u65e9\u51fa\u81eaNetscape Navigator2.0\uff0c\u5176\u76ee\u7684\u662f\u9632\u6b62\u67d0\u4e2a\u6587\u6863\u6216\u811a\u672c\u4ece\u591a\u4e2a\u4e0d\u540c\u6e90\u88c5\u8f7d\u3002\u6240\u8c13\u540c\u6e90\u6307\u7684\u662f\uff1a\u534f\u8bae\uff0c\u57df\u540d\uff0c\u7aef\u53e3\u76f8\u540c\uff0c\u540c\u6e90\u7b56\u7565\u662f\u4e00\u79cd\u5b89\u5168\u534f\u8bae\uff0c\u6307\u4e00\u6bb5\u811a\u672c\u53ea\u80fd\u8bfb\u53d6\u6765\u81ea\u540c\u4e00\u6765\u6e90\u7684\u7a97\u53e3\u548c\u6587\u6863\u7684\u5c5e\u6027\u3002<\/p>\n<h2><a name=\"t408\"><\/a><a target=\"_blank\" name=\"_Toc6755\"><\/a>8\u3001GET\u548cPOST\u7684\u533a\u522b\uff0c\u4f55\u65f6\u4f7f\u7528POST\uff1f<\/h2>\n<p>GET\uff1a\u4e00\u822c\u7528\u4e8e\u4fe1\u606f\u83b7\u53d6\uff0c\u4f7f\u7528URL\u4f20\u9012\u53c2\u6570\uff0c\u5bf9\u6240\u53d1\u9001\u4fe1\u606f\u7684\u6570\u91cf\u4e5f\u6709\u9650\u5236\uff0c\u4e00\u822c\u57282000\u4e2a\u5b57\u7b26\uff0c\u6709\u7684\u6d4f\u89c8\u5668\u662f8000\u4e2a\u5b57\u7b26<\/p>\n<p>POST\uff1a\u4e00\u822c\u7528\u4e8e\u4fee\u6539\u670d\u52a1\u5668\u4e0a\u7684\u8d44\u6e90\uff0c\u5bf9\u6240\u53d1\u9001\u7684\u4fe1\u606f\u6ca1\u6709\u9650\u5236<\/p>\n<p>\u5728\u4ee5\u4e0b\u60c5\u51b5\u4e2d\uff0c\u8bf7\u4f7f\u7528 POST \u8bf7\u6c42\uff1a<\/p>\n<p>1. \u65e0\u6cd5\u4f7f\u7528\u7f13\u5b58\u6587\u4ef6\uff08\u66f4\u65b0\u670d\u52a1\u5668\u4e0a\u7684\u6587\u4ef6\u6216\u6570\u636e\u5e93\uff09<\/p>\n<p>2. \u5411\u670d\u52a1\u5668\u53d1\u9001\u5927\u91cf\u6570\u636e\uff08POST\u6ca1\u6709\u6570\u636e\u91cf\u9650\u5236\uff09<\/p>\n<p>3. \u53d1\u9001\u5305\u542b\u672a\u77e5\u5b57\u7b26\u7684\u7528\u6237\u8f93\u5165\u65f6\uff0cPOST \u6bd4 GET \u66f4\u7a33\u5b9a\u4e5f\u66f4\u53ef\u9760<\/p>\n<h2><a name=\"t409\"><\/a><a target=\"_blank\" name=\"_Toc16620\"><\/a>9\u3001ajax \u662f\u4ec0\u4e48?ajax \u7684\u4ea4\u4e92\u6a21\u578b?\u540c\u6b65\u548c\u5f02\u6b65\u7684\u533a\u522b?\u5982\u4f55\u89e3\u51b3\u8de8\u57df\u95ee\u9898?<\/h2>\n<p>1. \u901a\u8fc7\u5f02\u6b65\u6a21\u5f0f\uff0c\u63d0\u5347\u4e86\u7528\u6237\u4f53\u9a8c<\/p>\n<p>2. \u4f18\u5316\u4e86\u6d4f\u89c8\u5668\u548c\u670d\u52a1\u5668\u4e4b\u95f4\u7684\u4f20\u8f93\uff0c\u51cf\u5c11\u4e0d\u5fc5\u8981\u7684\u6570\u636e\u5f80\u8fd4\uff0c\u51cf\u5c11\u4e86\u5e26\u5bbd\u5360\u7528<\/p>\n<p>3. \u00a0Ajax\u5728\u5ba2\u6237\u7aef\u8fd0\u884c\uff0c\u627f\u62c5\u4e86\u4e00\u90e8\u5206\u672c\u6765\u7531\u670d\u52a1\u5668\u627f\u62c5\u7684\u5de5\u4f5c\uff0c\u51cf\u5c11\u4e86\u5927\u7528\u6237\u91cf\u4e0b\u7684\u670d\u52a1\u5668\u8d1f\u8f7d\u3002<\/p>\n<h2><a name=\"t410\"><\/a><a target=\"_blank\" name=\"_Toc27652\"><\/a>10\u3001 Ajax\u7684\u6700\u5927\u7684\u7279\u70b9\u662f\u4ec0\u4e48\u3002<\/h2>\n<p>Ajax\u53ef\u4ee5\u5b9e\u73b0\u5f02\u6b65\u901a\u4fe1\u6548\u679c\uff0c\u5b9e\u73b0\u9875\u9762\u5c40\u90e8\u5237\u65b0\uff0c\u5e26\u6765\u66f4\u597d\u7684\u7528\u6237\u4f53\u9a8c\uff1b\u6309\u9700\u83b7\u53d6\u6570\u636e\uff0c\u8282\u7ea6\u5e26\u5bbd\u8d44\u6e90\uff1b<\/p>\n<h2><a name=\"t411\"><\/a><a target=\"_blank\" name=\"_Toc30927\"><\/a>11\u3001ajax\u7684\u7f3a\u70b9<\/h2>\n<p>1\u3001ajax\u4e0d\u652f\u6301\u6d4f\u89c8\u5668back\u6309\u94ae\u3002<\/p>\n<p>2\u3001\u5b89\u5168\u95ee\u9898 AJAX\u66b4\u9732\u4e86\u4e0e\u670d\u52a1\u5668\u4ea4\u4e92\u7684\u7ec6\u8282\u3002<\/p>\n<p>3\u3001\u5bf9\u641c\u7d22\u5f15\u64ce\u7684\u652f\u6301\u6bd4\u8f83\u5f31\u3002<\/p>\n<p>4\u3001\u7834\u574f\u4e86\u7a0b\u5e8f\u7684\u5f02\u5e38\u673a\u5236\u3002<\/p>\n<h2><a name=\"t412\"><\/a><a target=\"_blank\" name=\"_Toc10667\"><\/a>12\u3001ajax\u8bf7\u6c42\u7684\u65f6\u5019get \u548cpost\u65b9\u5f0f\u7684\u533a\u522b<\/h2>\n<p align=\"left\">get\u4e00\u822c\u7528\u6765\u8fdb\u884c\u67e5\u8be2\u64cd\u4f5c\uff0curl\u5730\u5740\u6709\u957f\u5ea6\u9650\u5236\uff0c\u8bf7\u6c42\u7684\u53c2\u6570\u90fd\u66b4\u9732\u5728url\u5730\u5740\u5f53\u4e2d\uff0c\u5982\u679c\u4f20\u9012\u4e2d\u6587\u53c2\u6570\uff0c\u9700\u8981\u81ea\u5df1\u8fdb\u884c\u7f16\u7801\u64cd\u4f5c\uff0c\u5b89\u5168\u6027\u8f83\u4f4e\u3002<\/p>\n<p align=\"left\">post\u8bf7\u6c42\u65b9\u5f0f\u4e3b\u8981\u7528\u6765\u63d0\u4ea4\u6570\u636e\uff0c\u6ca1\u6709\u6570\u636e\u957f\u5ea6\u7684\u9650\u5236\uff0c\u63d0\u4ea4\u7684\u6570\u636e\u5185\u5bb9\u5b58\u5728\u4e8ehttp\u8bf7\u6c42\u4f53\u4e2d\uff0c\u6570\u636e\u4e0d\u4f1a\u66b4\u6f0f\u5728url\u5730\u5740\u4e2d\u3002<\/p>\n<h2><a name=\"t413\"><\/a><a target=\"_blank\" name=\"_Toc19733\"><\/a>13\u3001\u89e3\u91cajsonp\u7684\u539f\u7406\uff0c\u4ee5\u53ca\u4e3a\u4ec0\u4e48\u4e0d\u662f\u771f\u6b63\u7684ajax<\/h2>\n<p align=\"left\">\u3000\u3000Jsonp\u5e76\u4e0d\u662f\u4e00\u79cd\u6570\u636e\u683c\u5f0f\uff0c\u800cjson\u662f\u4e00\u79cd\u6570\u636e\u683c\u5f0f\uff0cjsonp\u662f\u7528\u6765\u89e3\u51b3\u8de8\u57df\u83b7\u53d6\u6570\u636e\u7684\u4e00\u79cd\u89e3\u51b3\u65b9\u6848\uff0c\u5177\u4f53\u662f\u901a\u8fc7\u52a8\u6001\u521b\u5efascript\u6807\u7b7e\uff0c\u7136\u540e\u901a\u8fc7\u6807\u7b7e\u7684src\u5c5e\u6027\u83b7\u53d6js\u6587\u4ef6\u4e2d\u7684js\u811a\u672c\uff0c\u8be5\u811a\u672c\u7684\u5185\u5bb9\u662f\u4e00\u4e2a\u51fd\u6570\u8c03\u7528\uff0c\u53c2\u6570\u5c31\u662f\u670d\u52a1\u5668\u8fd4\u56de\u7684\u6570\u636e\uff0c\u4e3a\u4e86\u5904\u7406\u8fd9\u4e9b\u8fd4\u56de\u7684\u6570\u636e\uff0c\u9700\u8981\u4e8b\u5148\u5728\u9875\u9762\u5b9a\u4e49\u597d\u56de\u8c03\u51fd\u6570\uff0c\u672c\u8d28\u4e0a\u4f7f\u7528\u7684\u5e76\u4e0d\u662fajax\u6280\u672f<\/p>\n<h2><a name=\"t414\"><\/a><a target=\"_blank\" name=\"_Toc19915\"><\/a>14\u3001\u4ec0\u4e48\u662fAjax\u548cJSON\uff0c\u5b83\u4eec\u7684\u4f18\u7f3a\u70b9\u3002<\/h2>\n<p align=\"left\">Ajax\u662f\u5168\u79f0\u662fasynchronous JavaScript andXML\uff0c\u5373\u5f02\u6b65JavaScript\u548cxml\uff0c\u7528\u4e8e\u5728Web\u9875\u9762\u4e2d\u5b9e\u73b0\u5f02\u6b65\u6570\u636e\u4ea4\u4e92\uff0c\u5b9e\u73b0\u9875\u9762\u5c40\u90e8\u5237\u65b0\u3002<\/p>\n<p align=\"left\">\u4f18\u70b9\uff1a\u53ef\u4ee5\u4f7f\u5f97\u9875\u9762\u4e0d\u91cd\u8f7d\u5168\u90e8\u5185\u5bb9\u7684\u60c5\u51b5\u4e0b\u52a0\u8f7d\u5c40\u90e8\u5185\u5bb9\uff0c\u964d\u4f4e\u6570\u636e\u4f20\u8f93\u91cf\uff0c\u907f\u514d\u7528\u6237\u4e0d\u65ad\u5237\u65b0\u6216\u8005\u8df3\u8f6c\u9875\u9762\uff0c\u63d0\u9ad8\u7528\u6237\u4f53\u9a8c<\/p>\n<p align=\"left\">\u7f3a\u70b9\uff1a\u5bf9\u641c\u7d22\u5f15\u64ce\u4e0d\u53cb\u597d\uff1b\u8981\u5b9e\u73b0ajax\u4e0b\u7684\u524d\u540e\u9000\u529f\u80fd\u6210\u672c\u8f83\u5927\uff1b\u53ef\u80fd\u9020\u6210\u8bf7\u6c42\u6570\u7684\u589e\u52a0\u8de8\u57df\u95ee\u9898\u9650\u5236\uff1b<\/p>\n<p align=\"left\">JSON\u662f\u4e00\u79cd\u8f7b\u91cf\u7ea7\u7684\u6570\u636e\u4ea4\u6362\u683c\u5f0f\uff0cECMA\u7684\u4e00\u4e2a\u5b50\u96c6<\/p>\n<p align=\"left\">\u4f18\u70b9\uff1a\u8f7b\u91cf\u7ea7\u3001\u6613\u4e8e\u4eba\u7684\u9605\u8bfb\u548c\u7f16\u5199\uff0c\u4fbf\u4e8e\u673a\u5668\uff08JavaScript\uff09\u89e3\u6790\uff0c\u652f\u6301\u590d\u5408\u6570\u636e\u7c7b\u578b\uff08\u6570\u7ec4\u3001\u5bf9\u8c61\u3001\u5b57\u7b26\u4e32\u3001\u6570\u5b57\uff09<\/p>\n<h2><a name=\"t415\"><\/a><a target=\"_blank\" name=\"_Toc9212\"><\/a>15\u3001http\u5e38\u89c1\u7684\u72b6\u6001\u7801\u6709\u90a3\u4e9b\uff1f\u5206\u522b\u4ee3\u8868\u662f\u4ec0\u4e48\u610f\u601d\uff1f<\/h2>\n<p align=\"left\">200 &#8211; \u8bf7\u6c42\u6210\u529f<\/p>\n<p align=\"left\">301 &#8211; \u8d44\u6e90\uff08\u7f51\u9875\u7b49\uff09\u88ab\u6c38\u4e45\u8f6c\u79fb\u5230\u5176\u5b83URL<\/p>\n<p align=\"left\">404 &#8211; \u8bf7\u6c42\u7684\u8d44\u6e90\uff08\u7f51\u9875\u7b49\uff09\u4e0d\u5b58\u5728<\/p>\n<p align=\"left\">500 &#8211; \u5185\u90e8\u670d\u52a1\u5668\u9519\u8bef<\/p>\n<h2><a name=\"t416\"><\/a><a target=\"_blank\" name=\"_Toc3298\"><\/a>16\u3001\u4e00\u4e2a\u9875\u9762\u4ece\u8f93\u5165 URL \u5230\u9875\u9762\u52a0\u8f7d\u663e\u793a\u5b8c\u6210\uff0c\u8fd9\u4e2a\u8fc7\u7a0b\u4e2d\u90fd\u53d1\u751f\u4e86\u4ec0\u4e48\uff1f<\/h2>\n<p>\u5206\u4e3a4\u4e2a\u6b65\u9aa4\uff1a<\/p>\n<p>1. \u5f53\u53d1\u9001\u4e00\u4e2a URL \u8bf7\u6c42\u65f6\uff0c\u4e0d\u7ba1\u8fd9\u4e2a URL \u662fWeb \u9875\u9762\u7684 URL \u8fd8\u662f Web \u9875\u9762\u4e0a\u6bcf\u4e2a\u8d44\u6e90\u7684 URL\uff0c\u6d4f\u89c8\u5668\u90fd\u4f1a\u5f00\u542f\u4e00\u4e2a\u7ebf\u7a0b\u6765\u5904\u7406\u8fd9\u4e2a\u8bf7\u6c42\uff0c\u540c\u65f6\u5728\u8fdc\u7a0b DNS \u670d\u52a1\u5668\u4e0a\u542f\u52a8\u4e00\u4e2a DNS \u67e5\u8be2\u3002\u8fd9\u80fd\u4f7f\u6d4f\u89c8\u5668\u83b7\u5f97\u8bf7\u6c42\u5bf9\u5e94\u7684 IP \u5730\u5740\u3002<\/p>\n<p>2. \u6d4f\u89c8\u5668\u4e0e\u8fdc\u7a0b Web \u670d\u52a1\u5668\u901a\u8fc7 TCP \u4e09\u6b21\u63e1\u624b\u534f\u5546\u6765\u5efa\u7acb\u4e00\u4e2a TCP\/IP \u8fde\u63a5\u3002\u8be5\u63e1\u624b\u5305\u62ec\u4e00\u4e2a\u540c\u6b65\u62a5\u6587\uff0c\u4e00\u4e2a\u540c\u6b65-\u5e94\u7b54\u62a5\u6587\u548c\u4e00\u4e2a\u5e94\u7b54\u62a5\u6587\uff0c\u8fd9\u4e09\u4e2a\u62a5\u6587\u5728\u6d4f\u89c8\u5668\u548c\u670d\u52a1\u5668\u4e4b\u95f4\u4f20\u9012\u3002\u8be5\u63e1\u624b\u9996\u5148\u7531\u5ba2\u6237\u7aef\u5c1d\u8bd5\u5efa\u7acb\u8d77\u901a\u4fe1\uff0c\u800c\u540e\u670d\u52a1\u5668\u5e94\u7b54\u5e76\u63a5\u53d7\u5ba2\u6237\u7aef\u7684\u8bf7\u6c42\uff0c\u6700\u540e\u7531\u5ba2\u6237\u7aef\u53d1\u51fa\u8be5\u8bf7\u6c42\u5df2\u7ecf\u88ab\u63a5\u53d7\u7684\u62a5\u6587\u3002<\/p>\n<p>3. \u4e00\u65e6 TCP\/IP \u8fde\u63a5\u5efa\u7acb\uff0c\u6d4f\u89c8\u5668\u4f1a\u901a\u8fc7\u8be5\u8fde\u63a5\u5411\u8fdc\u7a0b\u670d\u52a1\u5668\u53d1\u9001 HTTP \u7684 GET \u8bf7\u6c42\u3002\u8fdc\u7a0b\u670d\u52a1\u5668\u627e\u5230\u8d44\u6e90\u5e76\u4f7f\u7528 HTTP \u54cd\u5e94\u8fd4\u56de\u8be5\u8d44\u6e90\uff0c\u503c\u4e3a 200 \u7684 HTTP \u54cd\u5e94\u72b6\u6001\u8868\u793a\u4e00\u4e2a\u6b63\u786e\u7684\u54cd\u5e94\u3002<\/p>\n<p>4. \u6b64\u65f6\uff0cWeb \u670d\u52a1\u5668\u63d0\u4f9b\u8d44\u6e90\u670d\u52a1\uff0c\u5ba2\u6237\u7aef\u5f00\u59cb\u4e0b\u8f7d\u8d44\u6e90\u3002<\/p>\n<h2><a name=\"t417\"><\/a><a target=\"_blank\" name=\"_Toc29300\"><\/a>17\u3001ajax\u8bf7\u6c42\u7684\u65f6\u5019get \u548cpost\u65b9\u5f0f\u7684\u533a\u522b<\/h2>\n<p align=\"left\"><a target=\"_blank\" name=\"_Toc30943\"><\/a>get\u4e00\u822c\u7528\u6765\u8fdb\u884c\u67e5\u8be2\u64cd\u4f5c\uff0curl\u5730\u5740\u6709\u957f\u5ea6\u9650\u5236\uff0c\u8bf7\u6c42\u7684\u53c2\u6570\u90fd\u66b4\u9732\u5728url\u5730\u5740\u5f53\u4e2d\uff0c\u5982\u679c\u4f20\u9012\u4e2d\u6587\u53c2\u6570\uff0c\u9700\u8981\u81ea\u5df1\u8fdb\u884c\u7f16\u7801\u64cd\u4f5c\uff0c\u5b89\u5168\u6027\u8f83\u4f4e\u3002<\/p>\n<p align=\"left\">post\u8bf7\u6c42\u65b9\u5f0f\u4e3b\u8981\u7528\u6765\u63d0\u4ea4\u6570\u636e\uff0c\u6ca1\u6709\u6570\u636e\u957f\u5ea6\u7684\u9650\u5236\uff0c\u63d0\u4ea4\u7684\u6570\u636e\u5185\u5bb9\u5b58\u5728\u4e8ehttp\u8bf7\u6c42\u4f53\u4e2d\uff0c\u6570\u636e\u4e0d\u4f1a\u66b4\u6f0f\u5728url\u5730\u5740\u4e2d\u3002<\/p>\n<h2><a name=\"t418\"><\/a>18\u3001ajax\u8bf7\u6c42\u65f6\uff0c\u5982\u4f55\u89e3\u91cajson\u6570\u636e<\/h2>\n<p>\u4f7f\u7528eval() \u6216\u8005JSON.parse() \u9274\u4e8e\u5b89\u5168\u6027\u8003\u8651\uff0c\u63a8\u8350\u4f7f\u7528JSON.parse()\u66f4\u9760\u8c31\uff0c\u5bf9\u6570\u636e\u7684\u5b89\u5168\u6027\u66f4\u597d\u3002<\/p>\n<h2><a name=\"t419\"><\/a><a target=\"_blank\" name=\"_Toc14445\"><\/a>19\u3001.javascript\u7684\u672c\u5730\u5bf9\u8c61\uff0c\u5185\u7f6e\u5bf9\u8c61\u548c\u5bbf\u4e3b\u5bf9\u8c61<\/h2>\n<p>\u672c\u5730\u5bf9\u8c61\u4e3a\u72ec\u7acb\u4e8e\u5bbf\u4e3b\u73af\u5883\u7684ECMAScript\u63d0\u4f9b\u7684\u5bf9\u8c61\uff0c\u5305\u62ecArrayObject RegExp\u7b49\u53ef\u4ee5new\u5b9e\u4f8b\u5316\u7684\u5bf9\u8c61<\/p>\n<p>\u5185\u7f6e\u5bf9\u8c61\u4e3aGload\uff0cMath \u7b49\u4e0d\u53ef\u4ee5\u5b9e\u4f8b\u5316\u7684(\u4ed6\u4eec\u4e5f\u662f\u672c\u5730\u5bf9\u8c61\uff0c\u5185\u7f6e\u5bf9\u8c61\u662f\u672c\u5730\u5bf9\u8c61\u7684\u4e00\u4e2a\u5b50\u96c6)<\/p>\n<p>\u5bbf\u4e3b\u5bf9\u8c61\u4e3a\u6240\u6709\u7684\u975e\u672c\u5730\u5bf9\u8c61\uff0c\u6240\u6709\u7684BOM\u548cDOM\u5bf9\u8c61\u90fd\u662f\u5bbf\u4e3b\u5bf9\u8c61\uff0c\u5982\u6d4f\u89c8\u5668\u81ea\u5e26\u7684document,window \u7b49\u5bf9\u8c61<\/p>\n<h2><a name=\"t420\"><\/a><a target=\"_blank\" name=\"_Toc22724\"><\/a>20\u3001\u4e3a\u4ec0\u4e48\u5229\u7528\u591a\u4e2a\u57df\u540d\u6765\u5b58\u50a8\u7f51\u7ad9\u8d44\u6e90\u4f1a\u66f4\u6709\u6548\uff1f<\/h2>\n<p>\u786e\u4fdd\u7528\u6237\u5728\u4e0d\u540c\u5730\u533a\u80fd\u7528\u6700\u5feb\u7684\u901f\u5ea6\u6253\u5f00\u7f51\u7ad9\uff0c\u5176\u4e2d\u67d0\u4e2a\u57df\u540d\u5d29\u6e83\u7528\u6237\u4e5f\u80fd\u901a\u8fc7\u5176\u4ed6\u90c1\u95f7\u8bbf\u95ee\u7f51\u7ad9\uff0c\u5e76\u4e14\u4e0d\u540c\u7684\u8d44\u6e90\u653e\u5230\u4e0d\u540c\u7684\u670d\u52a1\u5668\u4e0a\u6709\u5229\u4e8e\u51cf\u8f7b\u5355\u53f0\u670d\u52a1\u5668\u7684\u538b\u529b\u3002<\/p>\n<h2><a name=\"t421\"><\/a><a target=\"_blank\" name=\"_Toc5224\"><\/a>21\u3001\u8bf7\u8bf4\u51fa\u4e09\u79cd\u51cf\u4f4e\u9875\u9762\u52a0\u8f7d\u65f6\u95f4\u7684\u65b9\u6cd5<\/h2>\n<p>1\u3001\u538b\u7f29css\u3001js\u6587\u4ef6<br \/>\n2\u3001\u5408\u5e76js\u3001css\u6587\u4ef6\uff0c\u51cf\u5c11http\u8bf7\u6c42<br \/>\n3\u3001\u5916\u90e8js\u3001css\u6587\u4ef6\u653e\u5728\u6700\u5e95\u4e0b<br \/>\n4\u3001\u51cf\u5c11dom\u64cd\u4f5c\uff0c\u5c3d\u53ef\u80fd\u7528\u53d8\u91cf\u66ff\u4ee3\u4e0d\u5fc5\u8981\u7684dom\u64cd\u4f5c<\/p>\n<h2><a name=\"t422\"><\/a><a target=\"_blank\" name=\"_Toc7796\"><\/a>22\u3001HTTP\u72b6\u6001\u7801\u90fd\u6709\u90a3\u4e9b\u3002<\/h2>\n<p align=\"left\">200 OK\u00a0\u00a0\u00a0\u00a0\u00a0 \/\/\u5ba2\u6237\u7aef\u8bf7\u6c42\u6210\u529f<\/p>\n<p align=\"left\">400 Bad Request\u00a0 \/\/\u5ba2\u6237\u7aef\u8bf7\u6c42\u6709\u8bed\u6cd5\u9519\u8bef\uff0c\u4e0d\u80fd\u88ab\u670d\u52a1\u5668\u6240\u7406\u89e3<\/p>\n<p align=\"left\">403 Forbidden\u00a0 \/\/\u670d\u52a1\u5668\u6536\u5230\u8bf7\u6c42\uff0c\u4f46\u662f\u62d2\u7edd\u63d0\u4f9b\u670d\u52a1<\/p>\n<p align=\"left\">404 Not Found\u00a0 \/\/\u8bf7\u6c42\u8d44\u6e90\u4e0d\u5b58\u5728\uff0c\u8f93\u5165\u4e86\u9519\u8bef\u7684URL<\/p>\n<p align=\"left\">500 Internal Server Error \/\/\u670d\u52a1\u5668\u53d1\u751f\u4e0d\u53ef\u9884\u671f\u7684\u9519\u8bef<\/p>\n<p align=\"left\">503 Server Unavailable\u00a0 \/\/\u670d\u52a1\u5668\u5f53\u524d\u4e0d\u80fd\u5904\u7406\u5ba2\u6237\u7aef\u7684\u8bf7\u6c42\uff0c\u4e00\u6bb5\u65f6\u95f4\u540e\u53ef\u80fd\u6062\u590d\u6b63\u5e38<\/p>\n<h1><a name=\"t423\"><\/a><a target=\"_blank\" name=\"_Toc20631\"><\/a>\u4e03\u3001JS\u9ad8\u7ea7<\/h1>\n<h2><a name=\"t424\"><\/a><a target=\"_blank\" name=\"_Toc29639\"><\/a>1\u3001JQuery\u4e00\u4e2a\u5bf9\u8c61\u53ef\u4ee5\u540c\u65f6\u7ed1\u5b9a\u591a\u4e2a\u4e8b\u4ef6\uff0c\u8fd9\u662f\u5982\u4f55\u5b9e\u73b0\u7684\uff1f<\/h2>\n<p>jQuery\u53ef\u4ee5\u7ed9\u4e00\u4e2a\u5bf9\u8c61\u540c\u65f6\u7ed1\u5b9a\u591a\u4e2a\u4e8b\u4ef6\uff0c\u4f4e\u5c42\u5b9e\u73b0\u65b9\u5f0f\u662f\u4f7f\u7528addEventListner\u6216attachEvent\u517c\u5bb9\u4e0d\u540c\u7684\u6d4f\u89c8\u5668\u5b9e\u73b0\u4e8b\u4ef6\u7684\u7ed1\u5b9a\uff0c\u8fd9\u6837\u53ef\u4ee5\u7ed9\u540c\u4e00\u4e2a\u5bf9\u8c61\u6ce8\u518c\u591a\u4e2a\u4e8b\u4ef6\u3002<\/p>\n<h2><a name=\"t425\"><\/a><a target=\"_blank\" name=\"_Toc7710\"><\/a>2\u3001\u77e5\u9053\u4ec0\u4e48\u662fwebkit\u4e48? \u77e5\u9053\u600e\u4e48\u7528\u6d4f\u89c8\u5668\u7684\u5404\u79cd\u5de5\u5177\u6765\u8c03\u8bd5\u548cdebug\u4ee3\u7801\u4e48?<\/h2>\n<p>Webkit\u662f\u6d4f\u89c8\u5668\u5f15\u64ce\uff0c\u5305\u62echtml\u6e32\u67d3\u548cjs\u89e3\u6790\u529f\u80fd\uff0c\u624b\u673a\u6d4f\u89c8\u5668\u7684\u4e3b\u6d41\u5185\u6838\uff0c\u4e0e\u4e4b\u76f8\u5bf9\u5e94\u7684\u5f15\u64ce\u6709Gecko\uff08Mozilla Firefox \u7b49\u4f7f\u7528\uff09\u548cTrident\uff08\u4e5f\u79f0MSHTML\uff0cIE \u4f7f\u7528\uff09\u3002<\/p>\n<p>\u5bf9\u4e8e\u6d4f\u89c8\u5668\u7684\u8c03\u8bd5\u5de5\u5177\u8981\u719f\u7ec3\u4f7f\u7528\uff0c\u4e3b\u8981\u662f\u9875\u9762\u7ed3\u6784\u5206\u6790\uff0c\u540e\u53f0\u8bf7\u6c42\u4fe1\u606f\u67e5\u770b\uff0cjs\u8c03\u8bd5\u5de5\u5177\u4f7f\u7528\uff0c\u719f\u7ec3\u4f7f\u7528\u8fd9\u4e9b\u5de5\u5177\u53ef\u4ee5\u5feb\u901f\u63d0\u9ad8\u89e3\u51b3\u95ee\u9898\u7684\u6548\u7387<\/p>\n<h2><a name=\"t426\"><\/a><a target=\"_blank\" name=\"_Toc24917\"><\/a>3\u3001\u5982\u4f55\u6d4b\u8bd5\u524d\u7aef\u4ee3\u7801? \u77e5\u9053BDD, TDD, Unit Test\u4e48? \u77e5\u9053\u600e\u4e48\u6d4b\u8bd5\u4f60\u7684\u524d\u7aef\u5de5\u7a0b\u4e48(mocha, sinon, jasmin, qUnit..)?<\/h2>\n<p>\u4e86\u89e3BDD\u884c\u4e3a\u9a71\u52a8\u5f00\u53d1\u4e0eTDD\u6d4b\u8bd5\u9a71\u52a8\u5f00\u53d1\u5df2\u7ecf\u5355\u5143\u6d4b\u8bd5\u76f8\u5173\u6982\u5ff5\uff0c<a target=\"_blank\" name=\"_Toc5932\"><\/a><\/p>\n<p><strong>4\u3001 \u524d\u7aeftemplating(Mustache,underscore, handlebars)\u662f\u5e72\u561b\u7684, \u600e\u4e48\u7528?<\/strong><\/p>\n<p>Web\u6a21\u677f\u5f15\u64ce\u662f\u4e3a\u4e86\u4f7f\u7528\u6237\u754c\u9762\u4e0e\u4e1a\u52a1\u6570\u636e\uff08\u5185\u5bb9\uff09\u5206\u79bb\u800c\u4ea7\u751f\u7684\uff0c<\/p>\n<p>Mustache \u662f\u4e00\u4e2a logic-less \uff08\u8f7b\u903b\u8f91\uff09\u6a21\u677f\u89e3\u6790\u5f15\u64ce\uff0c\u5b83\u7684\u4f18\u52bf\u5728\u4e8e\u53ef\u4ee5\u5e94\u7528\u5728Javascript\u3001PHP\u3001Python\u3001Perl \u7b49\u591a\u79cd\u7f16\u7a0b\u8bed\u8a00\u4e2d\u3002<\/p>\n<p>Underscore\u5c01\u88c5\u4e86\u5e38\u7528\u7684JavaScript\u5bf9\u8c61\u64cd\u4f5c\u65b9\u6cd5\uff0c\u7528\u4e8e\u63d0\u9ad8\u5f00\u53d1\u6548\u7387\u3002<\/p>\n<p>Handlebars \u662f JavaScript \u4e00\u4e2a\u8bed\u4e49\u6a21\u677f\u5e93\uff0c\u901a\u8fc7\u5bf9view\u548cdata\u7684\u5206\u79bb\u6765\u5feb\u901f\u6784\u5efaWeb\u6a21\u677f\u3002<\/p>\n<h2><a name=\"t427\"><\/a><a target=\"_blank\" name=\"_Toc25761\"><\/a>5\u3001\u7b80\u8ff0\u4e00\u4e0bHandlebars \u7684\u57fa\u672c\u7528\u6cd5\uff1f<\/h2>\n<p>\u6ca1\u6709\u7528\u8fc7\u7684\u8bdd\u8bf4\u51fa\u5b83\u662f\u5e72\u4ec0\u4e48\u7684\u5373\u53ef<\/p>\n<h2><a name=\"t428\"><\/a><a target=\"_blank\" name=\"_Toc9989\"><\/a>6\u3001\u7b80\u8ff0\u4e00\u4e0bHandlerbars \u7684\u5bf9\u6a21\u677f\u7684\u57fa\u672c\u5904\u7406\u6d41\u7a0b\uff0c \u5982\u4f55\u7f16\u8bd1\u7684\uff1f\u5982\u4f55\u7f13\u5b58\u7684\uff1f<\/h2>\n<p>\u5b66\u4e60\u6280\u672f\u4e0d\u4ec5\u8981\u4f1a\u7528\uff0c\u8fd8\u6709\u719f\u6089\u5b83\u7684\u5b9e\u73b0\u673a\u5236\uff0c\u8fd9\u6837\u5728\u5f00\u53d1\u4e2d\u9047\u5230\u95ee\u9898\u65f6\u624d\u80fd\u66f4\u597d\u7684\u89e3\u51b3<\/p>\n<h2><a name=\"t429\"><\/a><a target=\"_blank\" name=\"_Toc14468\"><\/a>7\u3001\u7528js\u5b9e\u73b0\u5343\u4f4d\u5206\u9694\u7b26?<\/h2>\n<p>\u539f\u751fjs\u7684\u719f\u7ec3\u5ea6\uff0c\u5b9e\u8df5\u7ecf\u9a8c\uff0c\u5b9e\u73b0\u601d\u8def<\/p>\n<h2><a name=\"t430\"><\/a><a target=\"_blank\" name=\"_Toc12085\"><\/a>8\u3001\u68c0\u6d4b\u6d4f\u89c8\u5668\u7248\u672c\u7248\u672c\u6709\u54ea\u4e9b\u65b9\u5f0f\uff1f<\/h2>\n<p>IE\u4e0e\u6807\u51c6\u6d4f\u89c8\u5668\u5224\u65ad\uff0cIE\u4e0d\u540c\u7248\u672c\u7684\u5224\u65ad\uff0cuserAgent\u00a0 var ie = \/*@cc_on!@*\/false;<\/p>\n<h2><a name=\"t431\"><\/a><a target=\"_blank\" name=\"_Toc27146\"><\/a>9\u3001\u6211\u4eec\u7ed9\u4e00\u4e2adom\u540c\u65f6\u7ed1\u5b9a\u4e24\u4e2a\u70b9\u51fb\u4e8b\u4ef6\uff0c\u4e00\u4e2a\u7528\u6355\u83b7\uff0c\u4e00\u4e2a\u7528\u5192\u6ce1\uff0c\u4f60\u6765\u8bf4\u4e0b\u4f1a\u6267\u884c\u51e0\u6b21\u4e8b\u4ef6\uff0c\u7136\u540e\u4f1a\u5148\u6267\u884c\u5192\u6ce1\u8fd8\u662f\u6355\u83b7<\/h2>\n<p>\u5bf9\u4e24\u79cd\u4e8b\u4ef6\u6a21\u578b\u7684\u7406\u89e3<\/p>\n<h2><a name=\"t432\"><\/a><a target=\"_blank\" name=\"_Toc15234\"><\/a>10\u3001\u5b9e\u73b0\u4e00\u4e2a\u51fd\u6570clone\uff0c\u53ef\u4ee5\u5bf9JavaScript\u4e2d\u76845\u79cd\u4e3b\u8981\u7684\u6570\u636e\u7c7b\u578b\uff08\u5305\u62ecNumber\u3001String\u3001Object\u3001Array\u3001Boolean\uff09\u8fdb\u884c\u503c\u590d\u5236<\/h2>\n<p align=\"left\">\u00b7\u00a0\u00a0\u00a0\u00a0\u00a0\u8003\u5bdf\u70b91\uff1a\u5bf9\u4e8e\u57fa\u672c\u6570\u636e\u7c7b\u578b\u548c\u5f15\u7528\u6570\u636e\u7c7b\u578b\u5728\u5185\u5b58\u4e2d\u5b58\u653e\u7684\u662f\u503c\u8fd8\u662f\u6307\u9488\u8fd9\u4e00\u533a\u522b\u662f\u5426\u6e05\u695a<\/p>\n<p align=\"left\">\u00b7\u00a0\u00a0\u00a0\u00a0\u00a0\u8003\u5bdf\u70b92\uff1a\u662f\u5426\u77e5\u9053\u5982\u4f55\u5224\u65ad\u4e00\u4e2a\u53d8\u91cf\u662f\u4ec0\u4e48\u7c7b\u578b\u7684<\/p>\n<p align=\"left\">\u00b7\u00a0\u00a0\u00a0\u00a0\u00a0\u8003\u5bdf\u70b93\uff1a\u9012\u5f52\u7b97\u6cd5\u7684\u8bbe\u8ba1<\/p>\n<table border=\"0\" width=\"610\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\/\/ \u65b9\u6cd5\u4e00\uff1a<\/p>\n<p>Object.prototype.clone = function(){<\/p>\n<p>var o = this.constructor === Array ? [] : {};<\/p>\n<p>for(var e in this){<\/p>\n<p>o[e] = typeof this[e] === &#8220;object&#8221; ? this[e].clone() : this[e];<\/p>\n<p>}<\/p>\n<p>return o;<\/p>\n<p>}<\/p>\n<p>\/\/\u65b9\u6cd5\u4e8c\uff1a<\/p>\n<p>\/**<\/p>\n<p>* \u514b\u9686\u4e00\u4e2a\u5bf9\u8c61<\/p>\n<p>* @param Obj<\/p>\n<p>* @returns<\/p>\n<p>*\/<\/p>\n<p>function clone(Obj) {<\/p>\n<p>var buf;<\/p>\n<p>if (Obj instanceof Array) {<\/p>\n<p>buf = [];\/\/\u521b\u5efa\u4e00\u4e2a\u7a7a\u7684\u6570\u7ec4<\/p>\n<p>var i = Obj.length;<\/p>\n<p>while (i&#8211;) {<\/p>\n<p>buf[i] = clone(Obj[i]);<\/p>\n<p>}<\/p>\n<p>return buf;<\/p>\n<p>}else if (Obj instanceof Object){<\/p>\n<p>buf = {};\/\/\u521b\u5efa\u4e00\u4e2a\u7a7a\u5bf9\u8c61<\/p>\n<p>for (var k in Obj) {\u00a0\/\/\u4e3a\u8fd9\u4e2a\u5bf9\u8c61\u6dfb\u52a0\u65b0\u7684\u5c5e\u6027<\/p>\n<p>buf[k] = clone(Obj[k]);<\/p>\n<p>}<\/p>\n<p>return buf;<\/p>\n<p>}else{\u00a0\/\/\u666e\u901a\u53d8\u91cf\u76f4\u63a5\u8d4b\u503c<\/p>\n<p>return Obj;<\/p>\n<p>}<\/p>\n<p>}<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><a name=\"t433\"><\/a><a target=\"_blank\" name=\"_Toc25888\"><\/a>11\u3001\u5982\u4f55\u6d88\u9664\u4e00\u4e2a\u6570\u7ec4\u91cc\u9762\u91cd\u590d\u7684\u5143\u7d20\uff1f<\/h2>\n<table border=\"0\" width=\"610\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">var arr=[1,2,3,3,4,4,5,5,6,1,9,3,25,4];<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0function deRepeat(){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var newArr=[];<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var obj={};<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var index=0;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var l=arr.length;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0for(var i=0;i&lt;l;i++){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if(obj[arr[i]]==undefined)<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0{<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0obj[arr[i]]=1;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0newArr[index++]=arr[i];<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0else if(obj[arr[i]]==1)<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0continue;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return newArr;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var newArr2=deRepeat(arr);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0alert(newArr2); \/\/\u8f93\u51fa1,2,3,4,5,6,9,25<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><a name=\"t434\"><\/a><a target=\"_blank\" name=\"_Toc25184\"><\/a>12\u3001\u5c0f\u8d24\u662f\u4e00\u6761\u53ef\u7231\u7684\u5c0f\u72d7(Dog)\uff0c\u5b83\u7684\u53eb\u58f0\u5f88\u597d\u542c(wow)\uff0c\u6bcf\u6b21\u770b\u5230\u4e3b\u4eba\u7684\u65f6\u5019\u5c31\u4f1a\u4e56\u4e56\u53eb\u4e00\u58f0(yelp)\u3002\u4ece\u8fd9\u6bb5\u63cf\u8ff0\u53ef\u4ee5\u5f97\u5230\u4ee5\u4e0b\u5bf9\u8c61\uff1a<\/h2>\n<table border=\"0\" width=\"610\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">function Dog() {<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0this.wow = function() {<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0alert(\u2019Wow\u2019);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0this.yelp = function() {<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0this.wow();<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/p>\n<p align=\"left\">}<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p align=\"left\">\u5c0f\u8292\u548c\u5c0f\u8d24\u4e00\u6837\uff0c\u539f\u6765\u4e5f\u662f\u4e00\u6761\u53ef\u7231\u7684\u5c0f\u72d7\uff0c\u53ef\u662f\u7a81\u7136\u6709\u4e00\u5929\u75af\u4e86(MadDog)\uff0c\u4e00\u770b\u5230\u4eba\u5c31\u4f1a\u6bcf\u9694\u534a\u79d2\u53eb\u4e00\u58f0(wow)\u5730\u4e0d\u505c\u53eb\u5524(yelp)\u3002\u8bf7\u6839\u636e\u63cf\u8ff0\uff0c\u6309\u793a\u4f8b\u7684\u5f62\u5f0f\u7528\u4ee3\u7801\u6765\u5b9e\u3002\uff08\u7ee7\u627f\uff0c\u539f\u578b\uff0csetInterval\uff09<\/p>\n<table border=\"0\" width=\"610\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">function MadDog() {<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0this.yelp = function() {<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var self = this;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0setInterval(function() {<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0self.wow();<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}, 500);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/p>\n<p align=\"left\">}<\/p>\n<p align=\"left\">MadDog.prototype = new Dog();<\/p>\n<p align=\"left\">\/\/for test<\/p>\n<p align=\"left\">var dog = new Dog();<\/p>\n<p align=\"left\">dog.yelp();<\/p>\n<p align=\"left\">var madDog = new MadDog();<\/p>\n<p align=\"left\">madDog.yelp();<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><a name=\"t435\"><\/a><a target=\"_blank\" name=\"_Toc16323\"><\/a>13\u3001\u4e0b\u9762\u8fd9\u4e2aul\uff0c\u5982\u4f55\u70b9\u51fb\u6bcf\u4e00\u5217\u7684\u65f6\u5019alert\u5176index?\uff08\u95ed\u5305\uff09<\/h2>\n<table border=\"0\" width=\"610\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">&lt;ul id=\u201dtest\u201d&gt;<\/p>\n<p align=\"left\">&lt;li&gt;\u8fd9\u662f\u7b2c\u4e00\u6761&lt;\/li&gt;<\/p>\n<p align=\"left\">&lt;li&gt;\u8fd9\u662f\u7b2c\u4e8c\u6761&lt;\/li&gt;<\/p>\n<p align=\"left\">&lt;li&gt;\u8fd9\u662f\u7b2c\u4e09\u6761&lt;\/li&gt;<\/p>\n<p align=\"left\">&lt;\/ul&gt;<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">\/\/ \u65b9\u6cd5\u4e00\uff1a<\/p>\n<p align=\"left\">var lis=document.getElementById(&#8216;2223&#8217;).getElementsByTagName(&#8216;li&#8217;);<\/p>\n<p align=\"left\">for(var i=0;i&lt;3;i++)<\/p>\n<p align=\"left\">{<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0lis[i].index=i;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0lis[i].onclick=function(){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0alert(this.index);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0};<\/p>\n<p align=\"left\">}<\/p>\n<p align=\"left\">\/\/\u65b9\u6cd5\u4e8c\uff1a<\/p>\n<p align=\"left\">var lis=document.getElementById(&#8216;2223&#8217;).getElementsByTagName(&#8216;li&#8217;);<\/p>\n<p align=\"left\">for(var i=0;i&lt;3;i++){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0lis[i].index=i;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0lis[i].onclick=(function(a){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return function() {<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0alert(a);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0})(i);<\/p>\n<p align=\"left\">}<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><a name=\"t436\"><\/a><a target=\"_blank\" name=\"_Toc7654\"><\/a>14\u3001\u7f16\u5199\u4e00\u4e2aJavaScript\u51fd\u6570\uff0c\u8f93\u5165\u6307\u5b9a\u7c7b\u578b\u7684\u9009\u62e9\u5668(\u4ec5\u9700\u652f\u6301id\uff0cclass\uff0ctagName\u4e09\u79cd\u7b80\u5355CSS\u9009\u62e9\u5668\uff0c\u65e0\u9700\u517c\u5bb9\u7ec4\u5408\u9009\u62e9\u5668)\u53ef\u4ee5\u8fd4\u56de\u5339\u914d\u7684DOM\u8282\u70b9\uff0c\u9700\u8003\u8651\u6d4f\u89c8\u5668\u517c\u5bb9\u6027\u548c\u6027\u80fd\u3002<\/h2>\n<p align=\"left\">\/***\u00a0@param\u00a0selector\u00a0{String}\u00a0\u4f20\u5165\u7684CSS\u9009\u62e9\u5668\u3002*\u00a0@return\u00a0{Array}*\/<\/p>\n<table border=\"0\" width=\"693\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">var query = function(selector) {<\/p>\n<p align=\"left\">var reg = \/^(#)?(\\.)?(\\w+)$\/img;<\/p>\n<p align=\"left\">var regResult = reg.exec(selector);<\/p>\n<p align=\"left\">var result = [];<\/p>\n<p align=\"left\">\/\/\u5982\u679c\u662fid\u9009\u62e9\u5668<\/p>\n<p align=\"left\">if(regResult[1]) {<\/p>\n<p align=\"left\">if(regResult[3]) {<\/p>\n<p align=\"left\">if(typeof document.querySelector === &#8220;function&#8221;) {<\/p>\n<p align=\"left\">result.push(document.querySelector(regResult[3]));<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0}else {<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0result.push(document.getElementById(regResult[3]));<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0}<\/p>\n<p align=\"left\">\u00a0\u00a0 }<\/p>\n<p align=\"left\">\u00a0\u00a0 }<\/p>\n<p align=\"left\">\u00a0\u00a0 \/\/\u5982\u679c\u662fclass\u9009\u62e9\u5668<\/p>\n<p align=\"left\">\u00a0\u00a0 else if(regResult[2]) {<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0 if(regResult[3]) {<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 if(typeof document.getElementsByClassName === &#8216;function&#8217;) {<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 var doms = document.getElementsByClassName(regResult[3]);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 if(doms) {<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 result = converToArray(doms);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\/\/\u5982\u679c\u4e0d\u652f\u6301getElementsByClassName\u51fd\u6570<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0else {<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 var allDoms = document.getElementsByTagName(&#8220;*&#8221;) ;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0for(var i = 0, len = allDoms.length; i &lt; len; i++) {<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if(allDoms[i].className.search(new RegExp(regResult[2])) &gt; -1) {<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0result.push(allDoms[i]);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0 }<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0 }<\/p>\n<p align=\"left\">}<\/p>\n<p align=\"left\">\u00a0 \/\/\u5982\u679c\u662f\u6807\u7b7e\u9009\u62e9\u5668<\/p>\n<p align=\"left\">\u00a0 else if(regResult[3]) {<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0 var doms = document.getElementsByTagName(regResult[3].toLowerCase());<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0 if(doms) {<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0 result = converToArray(doms);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0 }<\/p>\n<p align=\"left\">\u00a0 }<\/p>\n<p align=\"left\">\u00a0 return result;<\/p>\n<p align=\"left\">\u00a0 }<\/p>\n<p align=\"left\">\u00a0 function converToArray(nodes){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0var array = null;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0try{<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0 array = Array.prototype.slice.call(nodes,0);\/\/\u9488\u5bf9\u975eIE\u6d4f\u89c8\u5668<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0 }catch(ex){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 array = new Array();<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0 for( var i = 0 ,len = nodes.length; i &lt; len ; i++ ) {<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0 array.push(nodes[i])<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0 }<\/p>\n<p align=\"left\">\u00a0\u00a0}<\/p>\n<p align=\"left\">\u00a0\u00a0return array;<\/p>\n<p align=\"left\">}<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><a name=\"t437\"><\/a><a target=\"_blank\" name=\"_Toc32652\"><\/a>15\u3001\u8bf7\u8bc4\u4ef7\u4ee5\u4e0b\u4ee3\u7801\u5e76\u7ed9\u51fa\u6539\u8fdb\u610f\u89c1\u3002<\/h2>\n<table border=\"0\" width=\"610\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">if(window.addEventListener){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0var addListener = function(el,type,listener,useCapture){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0el.addEventListener(type,listener,useCapture);<\/p>\n<p align=\"left\">\u00a0\u00a0};<\/p>\n<p align=\"left\">}<\/p>\n<p align=\"left\">else if(document.all){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0addListener = function(el,type,listener){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0el.attachEvent(&#8220;on&#8221;+type,function(){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0listener.apply(el);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0});<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0}<\/p>\n<p align=\"left\">}<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p align=\"left\">\u00b7\u00a0\u00a0\u00a0\u00a0\u00a0\u3000\u4e0d\u5e94\u8be5\u5728if\u548celse\u8bed\u53e5\u4e2d\u58f0\u660eaddListener\u51fd\u6570\uff0c\u5e94\u8be5\u5148\u58f0\u660e\uff1b<\/p>\n<p align=\"left\">\u00b7\u00a0\u00a0\u00a0\u00a0\u00a0\u3000\u4e0d\u9700\u8981\u4f7f\u7528window.addEventListener\u6216document.all\u6765\u8fdb\u884c\u68c0\u6d4b\u6d4f\u89c8\u5668\uff0c\u5e94\u8be5\u4f7f\u7528\u80fd\u529b\u68c0\u6d4b\uff1b<\/p>\n<p align=\"left\">\u00b7\u00a0\u00a0\u00a0\u00a0\u00a0\u3000\u7531\u4e8eattachEvent\u5728IE\u4e2d\u6709this\u6307\u5411\u95ee\u9898\uff0c\u6240\u4ee5\u8c03\u7528\u5b83\u65f6\u9700\u8981\u5904\u7406\u4e00\u4e0b<\/p>\n<p align=\"left\">\u6539\u8fdb\u5982\u4e0b\uff1a<\/p>\n<table border=\"0\" width=\"575\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td>\n<p align=\"left\">function addEvent(elem, type, handler){<\/p>\n<p align=\"left\">\u3000\u3000if(elem.addEventListener){<\/p>\n<p align=\"left\">\u3000\u3000\u3000\u3000elem.addEventListener(type, handler, false);<\/p>\n<p align=\"left\">\u3000\u3000}else if(elem.attachEvent){<\/p>\n<p align=\"left\">\u3000\u3000\u3000\u3000elem[&#8216;temp&#8217; + type + handler] = handler;<\/p>\n<p align=\"left\">\u3000\u3000\u3000\u3000elem[type + handler] = function(){<\/p>\n<p align=\"left\">\u3000\u3000\u3000\u3000elem[&#8216;temp&#8217; + type + handler].apply(elem);<\/p>\n<p align=\"left\">\u3000\u3000};<\/p>\n<p align=\"left\">\u3000\u3000elem.attachEvent(&#8216;on&#8217; + type, elem[type + handler]);<\/p>\n<p align=\"left\">\u00a0\u00a0}else{<\/p>\n<p align=\"left\">\u3000\u3000elem[&#8216;on&#8217; + type] = handler;<\/p>\n<p align=\"left\">\u3000\u3000}<\/p>\n<p align=\"left\">}<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><a name=\"t438\"><\/a><a target=\"_blank\" name=\"_Toc2459\"><\/a>16\u3001\u7ed9String\u5bf9\u8c61\u6dfb\u52a0\u4e00\u4e2a\u65b9\u6cd5\uff0c\u4f20\u5165\u4e00\u4e2astring\u7c7b\u578b\u7684\u53c2\u6570\uff0c\u7136\u540e\u5c06string\u7684\u6bcf\u4e2a\u5b57\u7b26\u95f4\u4ef7\u683c\u7a7a\u683c\u8fd4\u56de\uff0c\u4f8b\u5982\uff1a<\/h2>\n<p align=\"left\">addSpace(\u201chello world\u201d) \/\/ -&gt; \u2018h e l l o \u00a0w o r l d\u2019<\/p>\n<table border=\"0\" width=\"610\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\n<p align=\"left\">String.prototype.spacify = function(){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return this.split(&#8221;).join(&#8216; &#8216;);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0};<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p align=\"left\">\u63a5\u7740\u4e0a\u8ff0\u95ee\u9898\u7b54\u6848\u63d0\u95ee\uff0c1\uff09\u76f4\u63a5\u5728\u5bf9\u8c61\u7684\u539f\u578b\u4e0a\u6dfb\u52a0\u65b9\u6cd5\u662f\u5426\u5b89\u5168\uff1f\u5c24\u5176\u662f\u5728Object\u5bf9\u8c61\u4e0a\u3002(\u8fd9\u4e2a\u6211\u6ca1\u80fd\u7b54\u51fa\uff1f\u5e0c\u671b\u77e5\u9053\u7684\u8bf4\u4e00\u4e0b\u3002)\u30002\uff09\u51fd\u6570\u58f0\u660e\u4e0e\u51fd\u6570\u8868\u8fbe\u5f0f\u7684\u533a\u522b\uff1f<\/p>\n<p align=\"left\">\u7b54\u6848\uff1a\u5728js\u4e2d\uff0c\u89e3\u6790\u5668\u5728\u5411\u6267\u884c\u73af\u5883\u4e2d\u52a0\u8f7d\u6570\u636e\u65f6\uff0c\u5bf9\u51fd\u6570\u58f0\u660e\u548c\u51fd\u6570\u8868\u8fbe\u5f0f\u5e76\u975e\u662f\u4e00\u89c6\u540c\u4ec1\u7684\uff0c\u89e3\u6790\u5668\u4f1a\u7387\u5148\u8bfb\u53d6\u51fd\u6570\u58f0\u660e\uff0c\u5e76\u4f7f\u5176\u5728\u6267\u884c\u4efb\u4f55\u4ee3\u7801\u4e4b\u524d\u53ef\u7528\uff08\u53ef\u4ee5\u8bbf\u95ee\uff09\uff0c\u81f3\u4e8e\u51fd\u6570\u8868\u8fbe\u5f0f\uff0c\u5219\u5fc5\u987b\u7b49\u5230\u89e3\u6790\u5668\u6267\u884c\u5230\u5b83\u6240\u5728\u7684\u4ee3\u7801\u884c\uff0c\u624d\u4f1a\u771f\u6b63\u88ab\u89e3\u6790\u6267\u884c\u3002<\/p>\n<h2><a name=\"t439\"><\/a><a target=\"_blank\" name=\"_Toc13527\"><\/a>17\u3001\u5b9a\u4e49\u4e00\u4e2alog\u65b9\u6cd5\uff0c\u8ba9\u5b83\u53ef\u4ee5\u4ee3\u7406console.log\u7684\u65b9\u6cd5\u3002<\/h2>\n<p align=\"left\">\u53ef\u884c\u7684\u65b9\u6cd5\u4e00\uff1a<\/p>\n<table border=\"0\" width=\"582\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td>\n<p align=\"left\">function log(msg)\u3000{<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0console.log(msg);<\/p>\n<p align=\"left\">}<\/p>\n<p align=\"left\">log(&#8220;hello world!&#8221;) \/\/ hello world!<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p align=\"left\">\u5982\u679c\u8981\u4f20\u5165\u591a\u4e2a\u53c2\u6570\u5462\uff1f\u663e\u7136\u4e0a\u9762\u7684\u65b9\u6cd5\u4e0d\u80fd\u6ee1\u8db3\u8981\u6c42\uff0c\u6240\u4ee5\u66f4\u597d\u7684\u65b9\u6cd5\u662f\uff1a<\/p>\n<table border=\"0\" width=\"582\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td>\n<p align=\"left\">function log(){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0console.log.apply(console, arguments);<\/p>\n<p align=\"left\">};<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p align=\"left\">\u5230\u6b64\uff0c\u8ffd\u95eeapply\u548ccall\u65b9\u6cd5\u7684\u5f02\u540c\u3002<\/p>\n<p align=\"left\">\u5bf9\u4e8eapply\u548ccall\u4e24\u8005\u5728\u4f5c\u7528\u4e0a\u662f\u76f8\u540c\u7684\uff0c\u5373\u662f\u8c03\u7528\u4e00\u4e2a\u5bf9\u8c61\u7684\u4e00\u4e2a\u65b9\u6cd5\uff0c\u4ee5\u53e6\u4e00\u4e2a\u5bf9\u8c61\u66ff\u6362\u5f53\u524d\u5bf9\u8c61\u3002\u5c06\u4e00\u4e2a\u51fd\u6570\u7684\u5bf9\u8c61\u4e0a\u4e0b\u6587\u4ece\u521d\u59cb\u7684\u4e0a\u4e0b\u6587\u6539\u53d8\u4e3a\u7531 thisObj \u6307\u5b9a\u7684\u65b0\u5bf9\u8c61\u3002<\/p>\n<p align=\"left\">\u4f46\u4e24\u8005\u5728\u53c2\u6570\u4e0a\u6709\u533a\u522b\u7684\u3002\u5bf9\u4e8e\u7b2c\u4e00\u4e2a\u53c2\u6570\u610f\u4e49\u90fd\u4e00\u6837\uff0c\u4f46\u5bf9\u7b2c\u4e8c\u4e2a\u53c2\u6570\uff1a\u00a0apply\u4f20\u5165\u7684\u662f\u4e00\u4e2a\u53c2\u6570\u6570\u7ec4\uff0c\u4e5f\u5c31\u662f\u5c06\u591a\u4e2a\u53c2\u6570\u7ec4\u5408\u6210\u4e3a\u4e00\u4e2a\u6570\u7ec4\u4f20\u5165\uff0c\u800ccall\u5219\u4f5c\u4e3acall\u7684\u53c2\u6570\u4f20\u5165\uff08\u4ece\u7b2c\u4e8c\u4e2a\u53c2\u6570\u5f00\u59cb\uff09\u3002\u00a0\u5982 func.call(func1,var1,var2,var3)\u5bf9\u5e94\u7684apply\u5199\u6cd5\u4e3a\uff1afunc.apply(func1,[var1,var2,var3]) \u3002<\/p>\n<h2><a name=\"t440\"><\/a><a target=\"_blank\" name=\"_Toc5021\"><\/a>18\u3001\u5728Javascript\u4e2d\u4ec0\u4e48\u662f\u4f2a\u6570\u7ec4\uff1f\u5982\u4f55\u5c06\u4f2a\u6570\u7ec4\u8f6c\u5316\u4e3a\u6807\u51c6\u6570\u7ec4\uff1f<\/h2>\n<p align=\"left\">\u4f2a\u6570\u7ec4\uff08\u7c7b\u6570\u7ec4\uff09\uff1a\u65e0\u6cd5\u76f4\u63a5\u8c03\u7528\u6570\u7ec4\u65b9\u6cd5\u6216\u671f\u671blength\u5c5e\u6027\u6709\u4ec0\u4e48\u7279\u6b8a\u7684\u884c\u4e3a\uff0c\u4f46\u4ecd\u53ef\u4ee5\u5bf9\u771f\u6b63\u6570\u7ec4\u904d\u5386\u65b9\u6cd5\u6765\u904d\u5386\u5b83\u4eec\u3002\u5178\u578b\u7684\u662f\u51fd\u6570\u7684argument\u53c2\u6570\uff0c\u8fd8\u6709\u50cf\u8c03\u7528getElementsByTagName,document.childNodes\u4e4b\u7c7b\u7684,\u5b83\u4eec\u90fd\u8fd4\u56deNodeList\u5bf9\u8c61\u90fd\u5c5e\u4e8e\u4f2a\u6570\u7ec4\u3002\u53ef\u4ee5\u4f7f\u7528Array.prototype.slice.call(fakeArray)\u5c06\u6570\u7ec4\u8f6c\u5316\u4e3a\u771f\u6b63\u7684Array\u5bf9\u8c61\u3002<\/p>\n<p align=\"left\">\u5047\u8bbe\u63a5\u7b2c\u516b\u9898\u9898\u5e72\uff0c\u6211\u4eec\u8981\u7ed9\u6bcf\u4e2alog\u65b9\u6cd5\u6dfb\u52a0\u4e00\u4e2a\u201d(app)\u201d\u524d\u7f00\uff0c\u6bd4\u5982\u2019hello world!\u2019 -&gt;\u2019(app)hello world!\u2019\u3002\u65b9\u6cd5\u5982\u4e0b\uff1a<\/p>\n<table border=\"0\" width=\"582\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td>\n<p align=\"left\">function log(){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var args = Array.prototype.slice.call(arguments);\u00a0 \/\/\u4e3a\u4e86\u4f7f\u7528unshift\u6570\u7ec4\u65b9\u6cd5\uff0c\u5c06argument\u8f6c\u5316\u4e3a\u771f\u6b63\u7684\u6570\u7ec4<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0args.unshift(&#8216;(app)&#8217;);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0console.log.apply(console, args);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0};<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><a name=\"t441\"><\/a><a target=\"_blank\" name=\"_Toc24526\"><\/a>19\u3001\u5bf9\u4f5c\u7528\u57df\u4e0a\u4e0b\u6587\u548cthis\u7684\u7406\u89e3\uff0c\u770b\u4e0b\u5217\u4ee3\u7801\uff1a<\/h2>\n<table border=\"0\" width=\"575\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td>\n<p align=\"left\">var User = {<\/p>\n<p align=\"left\">\u00a0\u00a0count: 1,<\/p>\n<p align=\"left\">\u00a0\u00a0getCount: function() {<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0return this.count;<\/p>\n<p align=\"left\">\u00a0\u00a0}<\/p>\n<p align=\"left\">};<\/p>\n<p align=\"left\">console.log(User.getCount());\u00a0 \/\/ what?<\/p>\n<p align=\"left\">var func = User.getCount;<\/p>\n<p align=\"left\">console.log(func());\u00a0 \/\/ what?<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p align=\"left\">\u95ee\u4e24\u5904console\u8f93\u51fa\u4ec0\u4e48\uff1f\u4e3a\u4ec0\u4e48\uff1f<\/p>\n<p align=\"left\">\u7b54\u6848\u662f1\u548cundefined\u3002<\/p>\n<p align=\"left\">func\u662f\u5728winodw\u7684\u4e0a\u4e0b\u6587\u4e2d\u88ab\u6267\u884c\u7684\uff0c\u6240\u4ee5\u4f1a\u8bbf\u95ee\u4e0d\u5230count\u5c5e\u6027\u3002<\/p>\n<p align=\"left\">\u7ee7\u7eed\u8ffd\u95ee\uff0c\u90a3\u4e48\u5982\u4f55\u786e\u4fddUesr\u603b\u662f\u80fd\u8bbf\u95ee\u5230func\u7684\u4e0a\u4e0b\u6587\uff0c\u5373\u6b63\u786e\u8fd4\u56de1\u3002\u6b63\u786e\u7684\u65b9\u6cd5\u662f\u4f7f\u7528Function.prototype.bind\u3002\u517c\u5bb9\u5404\u4e2a\u6d4f\u89c8\u5668\u5b8c\u6574\u4ee3\u7801\u5982\u4e0b\uff1a<\/p>\n<table border=\"0\" width=\"575\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td>Function.prototype.bind = Function.prototype.bind || function(context){<\/p>\n<p>var self = this;<\/p>\n<p>return function(){<\/p>\n<p>return self.apply(context, arguments);<\/p>\n<p>};<\/p>\n<p>}<\/p>\n<p>var func = User.getCount.bind(User);<\/p>\n<p>console.log(func());<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><a name=\"t442\"><\/a><a target=\"_blank\" name=\"_Toc25569\"><\/a>20\u3001\u539f\u751fJS\u7684window.onload\u4e0eJquery\u7684$(document).ready(function(){})\u6709\u4ec0\u4e48\u4e0d\u540c\uff1f\u5982\u4f55\u7528\u539f\u751fJS\u5b9e\u73b0Jq\u7684ready\u65b9\u6cd5\uff1f<\/h2>\n<p align=\"left\">window.onload()\u65b9\u6cd5\u662f\u5fc5\u987b\u7b49\u5230\u9875\u9762\u5185\u5305\u62ec\u56fe\u7247\u7684\u6240\u6709\u5143\u7d20\u52a0\u8f7d\u5b8c\u6bd5\u540e\u624d\u80fd\u6267\u884c\u3002<\/p>\n<p align=\"left\">$(document).ready()\u662fDOM\u7ed3\u6784\u7ed8\u5236\u5b8c\u6bd5\u540e\u5c31\u6267\u884c\uff0c\u4e0d\u5fc5\u7b49\u5230\u52a0\u8f7d\u5b8c\u6bd5\u3002<\/p>\n<table border=\"0\" width=\"575\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td>\n<p align=\"left\">\/*<\/p>\n<p align=\"left\">\u00a0* \u4f20\u9012\u51fd\u6570\u7ed9whenReady()<\/p>\n<p align=\"left\">\u00a0* \u5f53\u6587\u6863\u89e3\u6790\u5b8c\u6bd5\u4e14\u4e3a\u64cd\u4f5c\u51c6\u5907\u5c31\u7eea\u65f6\uff0c\u51fd\u6570\u4f5c\u4e3adocument\u7684\u65b9\u6cd5\u8c03\u7528<\/p>\n<p align=\"left\">\u00a0*\/<\/p>\n<p align=\"left\">var whenReady = (function() {\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \/\/\u8fd9\u4e2a\u51fd\u6570\u8fd4\u56dewhenReady()\u51fd\u6570<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0var funcs = [];\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \/\/\u5f53\u83b7\u5f97\u4e8b\u4ef6\u65f6\uff0c\u8981\u8fd0\u884c\u7684\u51fd\u6570<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0var ready = false;\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \/\/\u5f53\u89e6\u53d1\u4e8b\u4ef6\u5904\u7406\u7a0b\u5e8f\u65f6,\u5207\u6362\u4e3atrue<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\/\/\u5f53\u6587\u6863\u5c31\u7eea\u65f6,\u8c03\u7528\u4e8b\u4ef6\u5904\u7406\u7a0b\u5e8f<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0function handler(e) {<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if(ready) return;\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \/\/\u786e\u4fdd\u4e8b\u4ef6\u5904\u7406\u7a0b\u5e8f\u53ea\u5b8c\u6574\u8fd0\u884c\u4e00\u6b21<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/\u5982\u679c\u53d1\u751fonreadystatechange\u4e8b\u4ef6\uff0c\u4f46\u5176\u72b6\u6001\u4e0d\u662fcomplete\u7684\u8bdd,\u90a3\u4e48\u6587\u6863\u5c1a\u672a\u51c6\u5907\u597d<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if(e.type === &#8216;onreadystatechange&#8217; &amp;&amp; document.readyState !== &#8216;complete&#8217;) {<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/\u8fd0\u884c\u6240\u6709\u6ce8\u518c\u51fd\u6570<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/\u6ce8\u610f\u6bcf\u6b21\u90fd\u8981\u8ba1\u7b97funcs.length<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/\u4ee5\u9632\u8fd9\u4e9b\u51fd\u6570\u7684\u8c03\u7528\u53ef\u80fd\u4f1a\u5bfc\u81f4\u6ce8\u518c\u66f4\u591a\u7684\u51fd\u6570<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0for(var i=0; i&lt;funcs.length; i++) {<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0funcs[i].call(document);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/\u4e8b\u4ef6\u5904\u7406\u51fd\u6570\u5b8c\u6574\u6267\u884c,\u5207\u6362ready\u72b6\u6001, \u5e76\u79fb\u9664\u6240\u6709\u51fd\u6570<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0ready = true;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0funcs = null;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0}<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\/\/\u4e3a\u63a5\u6536\u5230\u7684\u4efb\u4f55\u4e8b\u4ef6\u6ce8\u518c\u5904\u7406\u7a0b\u5e8f<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0if(document.addEventListener) {<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0document.addEventListener(&#8216;DOMContentLoaded&#8217;, handler, false);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0document.addEventListener(&#8216;readystatechange&#8217;, handler, false);\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \/\/IE9+<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0window.addEventListener(&#8216;load&#8217;, handler, false);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0}else if(document.attachEvent) {<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0document.attachEvent(&#8216;onreadystatechange&#8217;, handler);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0window.attachEvent(&#8216;onload&#8217;, handler);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0}<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\/\/\u8fd4\u56dewhenReady()\u51fd\u6570<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0return function whenReady(fn) {<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if(ready) { fn.call(document); }<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0else { funcs.push(fn); }<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0}<\/p>\n<p align=\"left\">})();<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p align=\"left\">\u5982\u679c\u4e0a\u8ff0\u4ee3\u7801\u5341\u5206\u96be\u61c2\uff0c\u4e0b\u9762\u8fd9\u4e2a\u7b80\u5316\u7248\uff1a<\/p>\n<table border=\"0\" width=\"585\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td>\n<p align=\"left\">function ready(fn){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0if(document.addEventListener) {\/\/\u6807\u51c6\u6d4f\u89c8\u5668<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0document.addEventListener(&#8216;DOMContentLoaded&#8217;, function() {<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/\u6ce8\u9500\u4e8b\u4ef6, \u907f\u514d\u53cd\u590d\u89e6\u53d1<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0document.removeEventListener(&#8216;DOMContentLoaded&#8217;,arguments.callee, false);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0fn();\/\/\u6267\u884c\u51fd\u6570<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}, false);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0}else if(document.attachEvent) {\/\/IE<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0document.attachEvent(&#8216;onreadystatechange&#8217;, function() {<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if(document.readyState == &#8216;complete&#8217;) {<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0document.detachEvent(&#8216;onreadystatechange&#8217;, arguments.callee);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0fn();\/\/\u51fd\u6570\u6267\u884c<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0});<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0}<\/p>\n<p align=\"left\">};<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><a name=\"t443\"><\/a><a target=\"_blank\" name=\"_Toc30497\"><\/a>21\u3001\uff08\u8bbe\u8ba1\u9898\uff09\u60f3\u5b9e\u73b0\u4e00\u4e2a\u5bf9\u9875\u9762\u67d0\u4e2a\u8282\u70b9\u7684\u62d6\u66f3\uff1f\u5982\u4f55\u505a\uff1f\uff08\u4f7f\u7528\u539f\u751fJS\uff09<\/h2>\n<p align=\"left\">\u56de\u7b54\u51fa\u6982\u5ff5\u5373\u53ef\uff0c\u4e0b\u9762\u662f\u51e0\u4e2a\u8981\u70b9<\/p>\n<p align=\"left\">1. \u7ed9\u9700\u8981\u62d6\u62fd\u7684\u8282\u70b9\u7ed1\u5b9amousedown,\u00a0mousemove,\u00a0mouseup\u4e8b\u4ef6<\/p>\n<p align=\"left\">2. mousedown\u4e8b\u4ef6\u89e6\u53d1\u540e\uff0c\u5f00\u59cb\u62d6\u62fd<\/p>\n<p align=\"left\">3. mousemove\u65f6\uff0c\u9700\u8981\u901a\u8fc7event.clientX\u548cclientY\u83b7\u53d6\u62d6\u62fd\u4f4d\u7f6e\uff0c\u5e76\u5b9e\u65f6\u66f4\u65b0\u4f4d\u7f6e<\/p>\n<p align=\"left\">4. mouseup\u65f6\uff0c\u62d6\u62fd\u7ed3\u675f<\/p>\n<p align=\"left\">5. \u9700\u8981\u6ce8\u610f\u6d4f\u89c8\u5668\u8fb9\u754c\u7684\u60c5\u51b5<\/p>\n<h2><a name=\"t444\"><\/a><a target=\"_blank\" name=\"_Toc4775\"><\/a>22\u3001\u8bf7\u5b9e\u73b0\u5982\u4e0b\u529f\u80fd<\/h2>\n<table border=\"0\" width=\"576\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td>\n<p align=\"left\">\u00a0function setcookie(name,value,days){\u00a0 \/\/\u7ed9cookie\u589e\u52a0\u4e00\u4e2a\u65f6\u95f4\u53d8\u91cf<\/p>\n<p align=\"left\">\u3000\u3000var exp = new Date();<\/p>\n<p align=\"left\">\u3000\u3000exp.setTime(exp.getTime() + days*24*60*60*1000); \/\/\u8bbe\u7f6e\u8fc7\u671f\u65f6\u95f4\u4e3adays\u5929<\/p>\n<p align=\"left\">\u3000\u3000document.cookie = name + &#8220;=&#8221;+ escape (value) + &#8220;;expires=&#8221; + exp.toGMTString();<\/p>\n<p align=\"left\">}<\/p>\n<p align=\"left\">function getCookie(name){<\/p>\n<p align=\"left\">\u3000\u3000var result = &#8220;&#8221;;<\/p>\n<p align=\"left\">\u3000\u3000var myCookie = &#8220;&#8221;+document.cookie+&#8221;;&#8221;;<\/p>\n<p align=\"left\">\u3000\u3000var searchName = &#8220;+name+&#8221;=&#8221;;<\/p>\n<p align=\"left\">\u3000\u3000var startOfCookie = myCookie.indexOf(searchName);<\/p>\n<p align=\"left\">\u3000\u3000var endOfCookie;<\/p>\n<p align=\"left\">\u3000\u3000if(satrtOfCookie != -1){<\/p>\n<p align=\"left\">\u3000\u3000\u3000\u3000startOfcookie += searchName.length;<\/p>\n<p align=\"left\">\u3000\u3000\u3000\u3000endOfCookie = myCookie.indexOf(&#8220;;&#8221;,startOfCookie);<\/p>\n<p align=\"left\">\u3000\u3000\u3000\u3000result = (myCookie.substring(startOfCookie,endOfCookie));<\/p>\n<p align=\"left\">\u3000\u3000}<\/p>\n<p align=\"left\">\u3000\u3000return result;<\/p>\n<p align=\"left\">}<\/p>\n<p align=\"left\">(function(){<\/p>\n<p align=\"left\">\u3000\u3000var oTips = document.getElementById(&#8216;tips&#8217;);\/\/\u5047\u8bbetips\u7684id\u4e3atips<\/p>\n<p align=\"left\">\u3000\u3000var page = {<\/p>\n<p align=\"left\">\u3000\u3000check: function(){\/\/\u68c0\u67e5tips\u7684cookie\u662f\u5426\u5b58\u5728\u5e76\u4e14\u5141\u8bb8\u663e\u793a<\/p>\n<p align=\"left\">\u3000\u3000\u3000\u3000var tips = getCookie(&#8216;tips&#8217;);<\/p>\n<p align=\"left\">\u3000\u3000\u3000\u3000if(!tips || tips == &#8216;show&#8217;) return true;\/\/tips\u7684cookie\u4e0d\u5b58\u5728<\/p>\n<p align=\"left\">\u3000\u3000\u3000\u3000if(tips == &#8220;never_show_again&#8221;) return false;<\/p>\n<p align=\"left\">\u3000\u3000},<\/p>\n<p align=\"left\">\u3000\u3000hideTip: function(bNever){<\/p>\n<p align=\"left\">\u3000\u3000\u3000\u3000if(bNever) setcookie(&#8216;tips&#8217;, &#8216;never_show_again&#8217;, 365);<\/p>\n<p align=\"left\">\u3000\u3000\u3000\u3000oTips.style.display = &#8220;none&#8221;;\/\/\u9690\u85cf<\/p>\n<p align=\"left\">\u3000\u3000},<\/p>\n<p align=\"left\">\u3000\u3000showTip: function(){<\/p>\n<p align=\"left\">\u3000\u3000oTips.style.display = &#8220;inline&#8221;;\/\/\u663e\u793a\uff0c\u5047\u8bbetips\u4e3a\u884c\u7ea7\u5143\u7d20<\/p>\n<p align=\"left\">\u3000\u3000},<\/p>\n<p align=\"left\">\u3000\u3000init: function(){<\/p>\n<p align=\"left\">\u3000\u3000\u3000\u3000var _this = this;<\/p>\n<p align=\"left\">\u3000\u3000\u3000\u3000if(this.check()){<\/p>\n<p align=\"left\">\u3000\u3000\u3000\u3000_this.showTip();<\/p>\n<p align=\"left\">\u3000\u3000\u3000\u3000setcookie(&#8216;tips&#8217;, &#8216;show&#8217;, 1);<\/p>\n<p align=\"left\">\u3000\u3000}<\/p>\n<p align=\"left\">\u3000\u3000oTips.onclick = function(){<\/p>\n<p align=\"left\">\u3000\u3000\u3000\u3000_this.hideTip(true);<\/p>\n<p align=\"left\">\u3000\u3000};<\/p>\n<p align=\"left\">\u3000\u3000}<\/p>\n<p align=\"left\">\u3000\u3000};<\/p>\n<p align=\"left\">\u00a0\u00a0page.init();<\/p>\n<p align=\"left\">})();<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><a name=\"t445\"><\/a><a target=\"_blank\" name=\"_Toc25909\"><\/a>23\u3001\u8bf4\u51fa\u4ee5\u4e0b\u51fd\u6570\u7684\u4f5c\u7528\u662f\uff1f\u7a7a\u767d\u533a\u57df\u5e94\u8be5\u586b\u5199\u4ec0\u4e48\uff1f<\/h2>\n<table border=\"0\" width=\"575\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td>\n<p align=\"left\">\/\/define<\/p>\n<p align=\"left\">(function(window){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0function fn(str){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0this.str=str;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0}<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0fn.prototype.format = function(){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var arg = ______;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return this.str.replace(_____,function(a,b){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return arg[b]||&#8221;&#8221;;<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0});<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0}<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0window.fn = fn;<\/p>\n<p align=\"left\">})(window);<\/p>\n<p align=\"left\">\/\/use<\/p>\n<p align=\"left\">(function(){<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0var t = new fn(&#8216;&lt;p&gt;&lt;a href=&#8221;{0}&#8221;&gt;{1}&lt;\/a&gt;&lt;span&gt;{2}&lt;\/span&gt;&lt;\/p&gt;&#8217;);<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0\u00a0console.log(t.format(&#8216;http:\/\/www.alibaba.com&#8217;,&#8217;Alibaba&#8217;,&#8217;Welcome&#8217;));<\/p>\n<p align=\"left\">})();<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p align=\"left\">\u7b54\u6848\uff1a\u8bbf\u51fd\u6570\u7684\u4f5c\u7528\u662f\u4f7f\u7528format\u51fd\u6570\u5c06\u51fd\u6570\u7684\u53c2\u6570\u66ff\u6362\u6389{0}\u8fd9\u6837\u7684\u5185\u5bb9\uff0c\u8fd4\u56de\u4e00\u4e2a\u683c\u5f0f\u5316\u540e\u7684\u7ed3\u679c\uff1a<\/p>\n<p align=\"left\">\u7b2c\u4e00\u4e2a\u7a7a\u662f\uff1aarguments<\/p>\n<p align=\"left\">\u7b2c\u4e8c\u4e2a\u7a7a\u662f\uff1a\/\\{(\\d+)\\}\/ig<\/p>\n<h2><a name=\"t446\"><\/a><a target=\"_blank\" name=\"_Toc20308\"><\/a>24\u3001Javascript\u4f5c\u7528\u94fe\u57df?<\/h2>\n<p>\u7406\u89e3\u53d8\u91cf\u548c\u51fd\u6570\u7684\u8bbf\u95ee\u8303\u56f4\u548c\u751f\u547d\u5468\u671f\uff0c\u5168\u5c40\u4f5c\u7528\u57df\u4e0e\u5c40\u90e8\u4f5c\u7528\u57df\u7684\u533a\u522b\uff0cJavaScript\u4e2d\u6ca1\u6709\u5757\u4f5c\u7528\u57df\uff0c\u51fd\u6570\u7684\u5d4c\u5957\u5f62\u6210\u4e0d\u540c\u5c42\u6b21\u7684\u4f5c\u7528\u57df\uff0c\u5d4c\u5957\u7684\u5c42\u6b21\u5f62\u6210\u94fe\u5f0f\u5f62\u5f0f\uff0c\u901a\u8fc7\u4f5c\u7528\u57df\u94fe\u67e5\u627e\u5c5e\u6027\u7684\u89c4\u5219\u9700\u8981\u6df1\u5165\u7406\u89e3\u3002<\/p>\n<h2><a name=\"t447\"><\/a><a target=\"_blank\" name=\"_Toc14350\"><\/a>25\u3001\u8c08\u8c08This\u5bf9\u8c61\u7684\u7406\u89e3\u3002<\/h2>\n<p>\u7406\u89e3\u4e0d\u540c\u5f62\u5f0f\u7684\u51fd\u6570\u8c03\u7528\u65b9\u5f0f\u4e0b\u7684this\u6307\u5411\uff0c\u7406\u89e3\u4e8b\u4ef6\u51fd\u6570\u3001\u5b9a\u65f6\u51fd\u6570\u4e2d\u7684this\u6307\u5411\uff0c\u51fd\u6570\u7684\u8c03\u7528\u5f62\u5f0f\u51b3\u5b9a\u4e86this\u7684\u6307\u5411\u3002<\/p>\n<h2><a name=\"t448\"><\/a><a target=\"_blank\" name=\"_Toc25421\"><\/a>26\u3001eval\u662f\u505a\u4ec0\u4e48\u7684\uff1f<\/h2>\n<p>\u5b83\u7684\u529f\u80fd\u662f\u628a\u5bf9\u5e94\u7684\u5b57\u7b26\u4e32\u89e3\u6790\u6210JS\u4ee3\u7801\u5e76\u8fd0\u884c\uff1b\u5e94\u8be5\u907f\u514d\u4f7f\u7528eval\uff0c\u4e0d\u5b89\u5168\uff0c\u975e\u5e38\u8017\u6027\u80fd\uff082\u4e2a\u6b65\u9aa4\uff0c\u4e00\u6b21\u89e3\u6790\u6210js\u8bed\u53e5\uff0c\u4e00\u6b21\u6267\u884c\uff09<\/p>\n<p>&nbsp;<\/p>\n<h2><a name=\"t449\"><\/a><a target=\"_blank\" name=\"_Toc24895\"><\/a>27\u3001\u5173\u4e8e\u4e8b\u4ef6\uff0cIE\u4e0e\u706b\u72d0\u7684\u4e8b\u4ef6\u673a\u5236\u6709\u4ec0\u4e48\u533a\u522b\uff1f\u5982\u4f55\u963b\u6b62\u5192\u6ce1\uff1f<\/h2>\n<p>[1].\u5728IE\u4e2d,\u4e8b\u4ef6\u5bf9\u8c61\u662f\u4f5c\u4e3a\u4e00\u4e2a\u5168\u5c40\u53d8\u91cf\u6765\u4fdd\u5b58\u548c\u7ef4\u62a4\u7684.\u6240\u6709\u7684\u6d4f\u89c8\u5668\u4e8b\u4ef6,\u4e0d\u7ba1\u662f\u7528\u6237\u89e6\u53d1\u7684\uff0c\u8fd8\u662f\u5176\u4ed6\u4e8b\u4ef6,\u90fd\u4f1a\u66f4\u65b0window.event\u5bf9\u8c61.\u6240\u4ee5\u5728\u4ee3\u7801\u4e2d\uff0c\u53ea\u8981\u8c03\u7528window.event\u5c31\u53ef\u4ee5\u83b7\u53d6\u4e8b\u4ef6\u5bf9\u8c61\uff0c \u518devent.srcElement\u5c31\u53ef\u4ee5\u53d6\u5f97\u89e6\u53d1\u4e8b\u4ef6\u7684\u5143\u7d20\u8fdb\u884c\u8fdb\u4e00\u6b65\u5904\u7406.<\/p>\n<p>[2].\u5728FireFox\u4e2d\uff0c\u4e8b\u4ef6\u5bf9\u8c61\u5374\u4e0d\u662f\u5168\u5c40\u5bf9\u8c61\uff0c\u4e00\u822c\u60c5\u51b5\u4e0b\uff0c\u662f\u73b0\u573a\u53d1\u751f\uff0c\u73b0\u573a\u4f7f\u7528\uff0cFireFox\u628a\u4e8b\u4ef6\u5bf9\u8c61\u81ea\u52a8\u4f20\u7ed9\u4e8b\u4ef6\u5904\u7406\u7a0b\u5e8f.<\/p>\n<p>\u5173\u4e8e\u4e8b\u4ef6\u7684\u517c\u5bb9\u6027\u5904\u7406\u8981\u719f\u7ec3\u638c\u63e1\uff0c\u4e8b\u4ef6\u5bf9\u8c61\u5177\u4f53\u54ea\u4e9b\u5c5e\u6027\u5b58\u5728\u517c\u5bb9\u6027\u95ee\u9898\uff0cIE\u4e0e\u6807\u51c6\u4e8b\u4ef6\u6a21\u578b\u4e8b\u4ef6\u5192\u6ce1\u4e0e\u4e8b\u4ef6\u6355\u83b7\u7684\u652f\u6301\u8981\u7406\u89e3<\/p>\n<h2><a name=\"t450\"><\/a><a target=\"_blank\" name=\"_Toc6285\"><\/a>28\u3001\u4ec0\u4e48\u662f\u95ed\u5305\uff08closure\uff09\uff0c\u4e3a\u4ec0\u4e48\u8981\u7528\u5b83\uff1f<\/h2>\n<p>\u7b80\u5355\u7684\u7406\u89e3\u662f\u51fd\u6570\u7684\u5d4c\u5957\u5f62\u6210\u95ed\u5305\uff0c\u95ed\u5305\u5305\u62ec\u51fd\u6570\u672c\u8eab\u5df2\u7ecf\u5b83\u7684\u5916\u90e8\u4f5c\u7528\u57df<\/p>\n<p>\u4f7f\u7528\u95ed\u5305\u53ef\u4ee5\u5f62\u6210\u72ec\u7acb\u7684\u7a7a\u95f4\uff0c\u5ef6\u957f\u53d8\u91cf\u7684\u751f\u547d\u5468\u671f\uff0c\u62a5\u5b58\u4e2d\u95f4\u72b6\u6001\u503c<\/p>\n<h2><a name=\"t451\"><\/a><a target=\"_blank\" name=\"_Toc3748\"><\/a>29\u3001javascript \u4ee3\u7801\u4e2d\u7684&#8221;use strict&#8221;;\u662f\u4ec0\u4e48\u610f\u601d ? \u4f7f\u7528\u5b83\u533a\u522b\u662f\u4ec0\u4e48\uff1f<\/h2>\n<p>\u610f\u601d\u662f\u4f7f\u7528\u4e25\u683c\u6a21\u5f0f\uff0c\u4f7f\u7528\u4e25\u683c\u6a21\u5f0f\uff0c\u4e00\u4e9b\u4e0d\u89c4\u8303\u7684\u8bed\u6cd5\u5c06\u4e0d\u518d\u652f\u6301<\/p>\n<h2><a name=\"t452\"><\/a><a target=\"_blank\" name=\"_Toc2572\"><\/a>30\u3001\u5982\u4f55\u5224\u65ad\u4e00\u4e2a\u5bf9\u8c61\u662f\u5426\u5c5e\u4e8e\u67d0\u4e2a\u7c7b\uff1f<\/h2>\n<p>Instanceof\u00a0\u00a0constructor<\/p>\n<h2><a name=\"t453\"><\/a><a target=\"_blank\" name=\"_Toc10681\"><\/a>31\u3001new\u64cd\u4f5c\u7b26\u5177\u4f53\u5e72\u4e86\u4ec0\u4e48\u5462?<\/h2>\n<p>1\u3001\u521b\u5efa\u4e00\u4e2a\u7a7a\u5bf9\u8c61\uff0c\u5e76\u4e14 this \u53d8\u91cf\u5f15\u7528\u8be5\u5bf9\u8c61\uff0c\u540c\u65f6\u8fd8\u7ee7\u627f\u4e86\u8be5\u51fd\u6570\u7684\u539f\u578b\u3002<\/p>\n<p>2\u3001\u5c5e\u6027\u548c\u65b9\u6cd5\u88ab\u52a0\u5165\u5230 this \u5f15\u7528\u7684\u5bf9\u8c61\u4e2d\u3002<\/p>\n<p>3\u3001\u65b0\u521b\u5efa\u7684\u5bf9\u8c61\u7531 this \u6240\u5f15\u7528\uff0c\u5e76\u4e14\u6700\u540e\u9690\u5f0f\u7684\u8fd4\u56de this \u3002<\/p>\n<h2><a name=\"t454\"><\/a><a target=\"_blank\" name=\"_Toc21552\"><\/a>32\u3001\u7528\u539f\u751fJavaScript\u7684\u5b9e\u73b0\u8fc7\u4ec0\u4e48\u529f\u80fd\u5417\uff1f<\/h2>\n<p>\u4e3b\u8981\u8003\u5bdf\u539f\u751fjs\u7684\u5b9e\u8df5\u7ecf\u9a8c<\/p>\n<h2><a name=\"t455\"><\/a><a target=\"_blank\" name=\"_Toc15043\"><\/a>33\u3001Javascript\u4e2d\uff0c\u6709\u4e00\u4e2a\u51fd\u6570\uff0c\u6267\u884c\u65f6\u5bf9\u8c61\u67e5\u627e\u65f6\uff0c\u6c38\u8fdc\u4e0d\u4f1a\u53bb\u67e5\u627e\u539f\u578b\uff0c\u8fd9\u4e2a\u51fd\u6570\u662f\uff1f<\/h2>\n<p>HasOwnProperty<\/p>\n<h2><a name=\"t456\"><\/a><a target=\"_blank\" name=\"_Toc3542\"><\/a>34\u3001\u5bf9JSON\u7684\u4e86\u89e3\uff1f<\/h2>\n<p>\u8f7b\u91cf\u7ea7\u6570\u636e\u4ea4\u4e92\u683c\u5f0f\uff0c\u53ef\u4ee5\u5f62\u6210\u590d\u6742\u7684\u5d4c\u5957\u683c\u5f0f\uff0c\u89e3\u6790\u975e\u5e38\u65b9\u4fbf<\/p>\n<h2><a name=\"t457\"><\/a><a target=\"_blank\" name=\"_Toc5672\"><\/a>35\u3001js\u5ef6\u8fdf\u52a0\u8f7d\u7684\u65b9\u5f0f\u6709\u54ea\u4e9b\uff1f<\/h2>\n<p>\u65b9\u6848\u4e00\uff1a&lt;script&gt;\u6807\u7b7e\u7684async=&#8221;async&#8221;\u5c5e\u6027\uff08\u8be6\u7ec6\u53c2\u89c1\uff1ascript\u6807\u7b7e\u7684async\u5c5e\u6027\uff09<\/p>\n<p>\u65b9\u6848\u4e8c\uff1a&lt;script&gt;\u6807\u7b7e\u7684defer=&#8221;defer&#8221;\u5c5e\u6027<\/p>\n<p>\u65b9\u6848\u4e09\uff1a\u52a8\u6001\u521b\u5efa&lt;script&gt;\u6807\u7b7e<\/p>\n<p>\u65b9\u6848\u56db\uff1aAJAX eval\uff08\u4f7f\u7528AJAX\u5f97\u5230\u811a\u672c\u5185\u5bb9\uff0c\u7136\u540e\u901a\u8fc7eval_r(xmlhttp.responseText)\u6765\u8fd0\u884c\u811a\u672c\uff09<\/p>\n<p>\u65b9\u6848\u4e94\uff1aiframe\u65b9\u5f0f<\/p>\n<h2><a name=\"t458\"><\/a><a target=\"_blank\" name=\"_Toc30403\"><\/a>36\u3001\u6a21\u5757\u5316\u5f00\u53d1\u600e\u4e48\u505a\uff1f<\/h2>\n<p>\u7406\u89e3\u6a21\u5757\u5316\u5f00\u53d1\u6a21\u5f0f\uff1a\u6d4f\u89c8\u5668\u7aefrequirejs\uff0cseajs\uff1b\u670d\u52a1\u5668\u7aefnodejs\uff1bES6\u6a21\u5757\u5316\uff1bfis\u3001webpack\u7b49\u524d\u7aef\u6574\u4f53\u6a21\u5757\u5316\u89e3\u51b3\u65b9\u6848\uff1bgrunt\u3001gulp\u7b49\u524d\u7aef\u5de5\u4f5c\u6d41\u7684\u4f7f\u7528<\/p>\n<h2><a name=\"t459\"><\/a><a target=\"_blank\" name=\"_Toc11691\"><\/a>37\u3001AMD\uff08Modules\/Asynchronous-Definition\uff09\u3001CMD\uff08Common Module Definition\uff09\u89c4\u8303\u533a\u522b\uff1f<\/h2>\n<p>\u7406\u89e3\u8fd9\u4e24\u79cd\u89c4\u8303\u7684\u5dee\u5f02\uff0c\u4e3b\u8981\u901a\u8fc7requirejs\u4e0eseajs\u7684\u5bf9\u6bd4\uff0c\u7406\u89e3\u6a21\u5757\u7684\u5b9a\u4e49\u4e0e\u5f15\u7528\u65b9\u5f0f\u7684\u5dee\u5f02\u4ee5\u53ca\u8fd9\u4e24\u79cd\u89c4\u8303\u7684\u8bbe\u8ba1\u539f\u5219<\/p>\n<h2><a name=\"t460\"><\/a><a target=\"_blank\" name=\"_Toc28282\"><\/a>38\u3001requireJS\u7684\u6838\u5fc3\u539f\u7406\u662f\u4ec0\u4e48\uff1f\uff08\u5982\u4f55\u52a8\u6001\u52a0\u8f7d\u7684\uff1f\u5982\u4f55\u907f\u514d\u591a\u6b21\u52a0\u8f7d\u7684\uff1f\u5982\u4f55 \u7f13\u5b58\u7684\uff1f\uff09<\/h2>\n<p>\u6838\u5fc3\u662fjs\u7684\u52a0\u8f7d\u6a21\u5757\uff0c\u901a\u8fc7\u6b63\u5219\u5339\u914d\u6a21\u5757\u4ee5\u53ca\u6a21\u5757\u7684\u4f9d\u8d56\u5173\u7cfb\uff0c\u4fdd\u8bc1\u6587\u4ef6\u52a0\u8f7d\u7684\u5148\u540e\u987a\u5e8f\uff0c\u6839\u636e\u6587\u4ef6\u7684\u8def\u5f84\u5bf9\u52a0\u8f7d\u8fc7\u7684\u6587\u4ef6\u505a\u4e86\u7f13\u5b58<\/p>\n<h2><a name=\"t461\"><\/a><a target=\"_blank\" name=\"_Toc27752\"><\/a>39\u3001\u8ba9\u4f60\u81ea\u5df1\u8bbe\u8ba1\u5b9e\u73b0\u4e00\u4e2arequireJS\uff0c\u4f60\u4f1a\u600e\u4e48\u505a\uff1f<\/h2>\n<p>\u6838\u5fc3\u662f\u5b9e\u73b0js\u7684\u52a0\u8f7d\u6a21\u5757\uff0c\u7ef4\u62a4js\u7684\u4f9d\u8d56\u5173\u7cfb\uff0c\u63a7\u5236\u597d\u6587\u4ef6\u52a0\u8f7d\u7684\u5148\u540e\u987a\u5e8f<\/p>\n<h2><a name=\"t462\"><\/a><a target=\"_blank\" name=\"_Toc7872\"><\/a>40\u3001\u8c08\u4e00\u8c08\u4f60\u5bf9ECMAScript6\u7684\u4e86\u89e3\uff1f<\/h2>\n<p>ES6\u65b0\u7684\u8bed\u6cd5\u7cd6\uff0c\u7c7b\uff0c\u6a21\u5757\u5316\u7b49\u65b0\u7279\u6027<\/p>\n<h2><a name=\"t463\"><\/a><a target=\"_blank\" name=\"_Toc31679\"><\/a>41\u3001ECMAScript6 \u600e\u4e48\u5199class\u4e48\uff0c\u4e3a\u4ec0\u4e48\u4f1a\u51fa\u73b0class\u8fd9\u79cd\u4e1c\u897f?<\/h2>\n<p>class Point {<\/p>\n<p>constructor(x, y) {<\/p>\n<p>this.x = x;<\/p>\n<p>this.y = y;<\/p>\n<p>}<\/p>\n<p>toString() {<\/p>\n<p>return &#8216;(&#8216;+this.x+&#8217;, &#8216;+this.y+&#8217;)&#8217;;<\/p>\n<p>}<\/p>\n<p>}<\/p>\n<h2><a name=\"t464\"><\/a><a target=\"_blank\" name=\"_Toc24416\"><\/a>42\u3001\u5f02\u6b65\u52a0\u8f7d\u7684\u65b9\u5f0f\u6709\u54ea\u4e9b\uff1f<\/h2>\n<p>\u65b9\u6848\u4e00\uff1a&lt;script&gt;\u6807\u7b7e\u7684async=&#8221;async&#8221;\u5c5e\u6027\uff08\u8be6\u7ec6\u53c2\u89c1\uff1ascript\u6807\u7b7e\u7684async\u5c5e\u6027\uff09<\/p>\n<p>\u65b9\u6848\u4e8c\uff1a&lt;script&gt;\u6807\u7b7e\u7684defer=&#8221;defer&#8221;\u5c5e\u6027<\/p>\n<p>\u65b9\u6848\u4e09\uff1a\u52a8\u6001\u521b\u5efa&lt;script&gt;\u6807\u7b7e<\/p>\n<p>\u65b9\u6848\u56db\uff1aAJAX eval\uff08\u4f7f\u7528AJAX\u5f97\u5230\u811a\u672c\u5185\u5bb9\uff0c\u7136\u540e\u901a\u8fc7eval_r(xmlhttp.responseText)\u6765\u8fd0\u884c\u811a\u672c\uff09<\/p>\n<p>\u65b9\u6848\u4e94\uff1aiframe\u65b9\u5f0f<\/p>\n<h2><a name=\"t465\"><\/a><a target=\"_blank\" name=\"_Toc147\"><\/a>43\u3001documen.write\u548c innerHTML\u7684\u533a\u522b?<\/h2>\n<p>document.write\u662f\u91cd\u5199\u6574\u4e2adocument, \u5199\u5165\u5185\u5bb9\u662f\u5b57\u7b26\u4e32\u7684html<\/p>\n<p>innerHTML\u662fHTMLElement\u7684\u5c5e\u6027\uff0c\u662f\u4e00\u4e2a\u5143\u7d20\u7684\u5185\u90e8html\u5185\u5bb9<\/p>\n<h2><a name=\"t466\"><\/a><a target=\"_blank\" name=\"_Toc17640\"><\/a>44\u3001DOM\u64cd\u4f5c\u2014\u2014\u600e\u6837\u6dfb\u52a0\u3001\u79fb\u9664\u3001\u79fb\u52a8\u3001\u590d\u5236\u3001\u521b\u5efa\u548c\u67e5\u627e\u8282\u70b9?<\/h2>\n<p>\uff081\uff09\u521b\u5efa\u65b0\u8282\u70b9<\/p>\n<p>createDocumentFragment()\u00a0\u00a0\u00a0 \/\/\u521b\u5efa\u4e00\u4e2aDOM\u7247\u6bb5<\/p>\n<p>createElement_x()\u00a0\u00a0 \/\/\u521b\u5efa\u4e00\u4e2a\u5177\u4f53\u7684\u5143\u7d20<\/p>\n<p>createTextNode()\u00a0\u00a0 \/\/\u521b\u5efa\u4e00\u4e2a\u6587\u672c\u8282\u70b9<\/p>\n<p>\uff082\uff09\u6dfb\u52a0\u3001\u79fb\u9664\u3001\u66ff\u6362\u3001\u63d2\u5165<\/p>\n<p>appendChild()<\/p>\n<p>removeChild()<\/p>\n<p>replaceChild()<\/p>\n<p>insertBefore()<\/p>\n<p>\uff083\uff09\u67e5\u627e<\/p>\n<p>getElementsByTagName()\u00a0\u00a0\u00a0 \/\/\u901a\u8fc7\u6807\u7b7e\u540d\u79f0<\/p>\n<p>getElementsByName()\u00a0\u00a0\u00a0 \/\/\u901a\u8fc7\u5143\u7d20\u7684Name\u5c5e\u6027\u7684\u503c<\/p>\n<p>getElementById()\u00a0\u00a0\u00a0 \/\/\u901a\u8fc7\u5143\u7d20Id\uff0c\u552f\u4e00\u6027<\/p>\n<h2><a name=\"t467\"><\/a><a target=\"_blank\" name=\"_Toc7049\"><\/a>45\u3001call() \u548c .apply() \u7684\u542b\u4e49\u548c\u533a\u522b\uff1f<\/h2>\n<p>apply\u7684\u53c2\u6570\u662f\u6570\u7ec4\u5f62\u5f0f\uff0ccall\u7684\u53c2\u6570\u662f\u5355\u4e2a\u7684\u503c\uff0c\u9664\u6b64\u4e4b\u5916\u5728\u4f7f\u7528\u4e0a\u6ca1\u6709\u5dee\u522b\uff0c\u91cd\u70b9\u7406\u89e3\u8fd9\u4e24\u4e2a\u51fd\u6570\u8c03\u7528\u7684this\u6539\u53d8<\/p>\n<h2><a name=\"t468\"><\/a><a target=\"_blank\" name=\"_Toc6777\"><\/a>46\u3001\u6570\u7ec4\u548c\u5bf9\u8c61\u6709\u54ea\u4e9b\u539f\u751f\u65b9\u6cd5\uff0c\u5217\u4e3e\u4e00\u4e0b\uff1f<\/h2>\n<p>Array.concat( )\u8fde\u63a5\u6570\u7ec4<\/p>\n<p>Array.join( ) \u5c06\u6570\u7ec4\u5143\u7d20\u8fde\u63a5\u8d77\u6765\u4ee5\u6784\u5efa\u4e00\u4e2a\u5b57\u7b26\u4e32<\/p>\n<p>Array.length \u6570\u7ec4\u7684\u5927\u5c0f<\/p>\n<p>Array.pop( ) \u5220\u9664\u5e76\u8fd4\u56de\u6570\u7ec4\u7684\u6700\u540e\u4e00\u4e2a\u5143\u7d20<\/p>\n<p>Array.push( ) \u7ed9\u6570\u7ec4\u6dfb\u52a0\u5143\u7d20<\/p>\n<p>Array.reverse( ) \u98a0\u5012\u6570\u7ec4\u4e2d\u5143\u7d20\u7684\u987a\u5e8f<\/p>\n<p>Array.shift( ) \u5c06\u5143\u7d20\u79fb\u51fa\u6570\u7ec4<\/p>\n<p>Array.slice( ) \u8fd4\u56de\u6570\u7ec4\u7684\u4e00\u90e8\u5206<\/p>\n<p>Array.sort( ) \u5bf9\u6570\u7ec4\u5143\u7d20\u8fdb\u884c\u6392\u5e8f<\/p>\n<p>Array.splice( ) \u63d2\u5165\u3001\u5220\u9664\u6216\u66ff\u6362\u6570\u7ec4\u7684\u5143\u7d20<\/p>\n<p>Array.toLocaleString( ) \u628a\u6570\u7ec4\u8f6c\u6362\u6210\u5c40\u90e8\u5b57\u7b26\u4e32<\/p>\n<p>Array.toString( ) \u5c06\u6570\u7ec4\u8f6c\u6362\u6210\u4e00\u4e2a\u5b57\u7b26\u4e32<\/p>\n<p>Array.unshift( ) \u5728\u6570\u7ec4\u5934\u90e8\u63d2\u5165\u4e00\u4e2a\u5143\u7d20<\/p>\n<p>&nbsp;<\/p>\n<p>Object.hasOwnProperty() \u68c0\u67e5\u5c5e\u6027\u662f\u5426\u88ab\u7ee7\u627f<\/p>\n<p>Object.isPrototypeOf( ) \u4e00\u4e2a\u5bf9\u8c61\u662f\u5426\u662f\u53e6\u4e00\u4e2a\u5bf9\u8c61\u7684\u539f\u578b<\/p>\n<p>Object.propertyIsEnumerable( ) \u662f\u5426\u53ef\u4ee5\u901a\u8fc7for\/in\u5faa\u73af\u770b\u5230\u5c5e\u6027<\/p>\n<p>Object.toLocaleString( ) \u8fd4\u56de\u5bf9\u8c61\u7684\u672c\u5730\u5b57\u7b26\u4e32\u8868\u793a<\/p>\n<p>Object.toString( ) \u5b9a\u4e49\u4e00\u4e2a\u5bf9\u8c61\u7684\u5b57\u7b26\u4e32\u8868\u793a<\/p>\n<p>Object.valueOf( ) \u6307\u5b9a\u5bf9\u8c61\u7684\u539f\u59cb\u503c<\/p>\n<h2><a name=\"t469\"><\/a><a target=\"_blank\" name=\"_Toc3109\"><\/a>47\u3001JS \u600e\u4e48\u5b9e\u73b0\u4e00\u4e2a\u7c7b\u3002\u600e\u4e48\u5b9e\u4f8b\u5316\u8fd9\u4e2a\u7c7b<\/h2>\n<p>\u4e25\u683c\u6765\u8bb2js\u4e2d\u5e76\u6ca1\u6709\u7c7b\u7684\u6982\u5ff5\uff0c\u4e0d\u8fc7js\u4e2d\u7684\u51fd\u6570\u53ef\u4ee5\u4f5c\u4e3a\u6784\u9020\u51fd\u6570\u6765\u4f7f\u7528\uff0c\u901a\u8fc7new\u6765\u5b9e\u4f8b\u5316\uff0c\u5176\u5b9e\u51fd\u6570\u672c\u8eab\u4e5f\u662f\u4e00\u4e2a\u5bf9\u8c61\u3002<\/p>\n<h2><a name=\"t470\"><\/a><a target=\"_blank\" name=\"_Toc18139\"><\/a>48\u3001JavaScript\u4e2d\u7684\u4f5c\u7528\u57df\u4e0e\u53d8\u91cf\u58f0\u660e\u63d0\u5347\uff1f<\/h2>\n<p>\u7406\u89e3JavaScript\u7684\u9884\u89e3\u6790\u673a\u5236\uff0cjs\u7684\u8fd0\u884c\u4e3b\u8981\u5206\u4e24\u4e2a\u9636\u6bb5\uff1ajs\u7684\u9884\u89e3\u6790\u548c\u8fd0\u884c\uff0c\u9884\u89e3\u6790\u9636\u6bb5\u6240\u6709\u7684\u53d8\u91cf\u58f0\u660e\u548c\u51fd\u6570\u5b9a\u4e49\u90fd\u4f1a\u63d0\u524d\uff0c\u4f46\u662f\u53d8\u91cf\u7684\u8d4b\u503c\u4e0d\u4f1a\u63d0\u524d<\/p>\n<h2><a name=\"t471\"><\/a><a target=\"_blank\" name=\"_Toc5629\"><\/a>49\u3001\u5982\u4f55\u7f16\u5199\u9ad8\u6027\u80fd\u7684Javascript\uff1f<\/h2>\n<p>\u4f7f\u7528 DocumentFragment \u4f18\u5316\u591a\u6b21 append<\/p>\n<p>\u901a\u8fc7\u6a21\u677f\u5143\u7d20 clone \uff0c\u66ff\u4ee3createElement<\/p>\n<p>\u4f7f\u7528\u4e00\u6b21 innerHTML \u8d4b\u503c\u4ee3\u66ff\u6784\u5efadom \u5143\u7d20<\/p>\n<p>\u4f7f\u7528 firstChild \u548cnextSibling \u4ee3\u66ff childNodes \u904d\u5386dom \u5143\u7d20<\/p>\n<p>\u4f7f\u7528 Array \u505a\u4e3aStringBuffer \uff0c\u4ee3\u66ff\u5b57\u7b26\u4e32\u62fc\u63a5\u7684\u64cd\u4f5c<\/p>\n<p>\u5c06\u5faa\u73af\u63a7\u5236\u91cf\u4fdd\u5b58\u5230\u5c40\u90e8\u53d8\u91cf<\/p>\n<p>\u987a\u5e8f\u65e0\u5173\u7684\u904d\u5386\u65f6\uff0c\u7528 while \u66ff\u4ee3 for<\/p>\n<p>\u5c06\u6761\u4ef6\u5206\u652f\uff0c\u6309\u53ef\u80fd\u6027\u987a\u5e8f\u4ece\u9ad8\u5230\u4f4e\u6392\u5217<\/p>\n<p>\u5728\u540c\u4e00\u6761\u4ef6\u5b50\u7684\u591a\uff08 &gt;2 \uff09\u6761\u4ef6\u5206\u652f\u65f6\uff0c\u4f7f\u7528 switch \u4f18\u4e8e if<\/p>\n<p>\u4f7f\u7528\u4e09\u76ee\u8fd0\u7b97\u7b26\u66ff\u4ee3\u6761\u4ef6\u5206\u652f<\/p>\n<p>\u9700\u8981\u4e0d\u65ad\u6267\u884c\u7684\u65f6\u5019\uff0c\u4f18\u5148\u8003\u8651\u4f7f\u7528 setInterval<\/p>\n<h2><a name=\"t472\"><\/a><a target=\"_blank\" name=\"_Toc93\"><\/a>50\u3001\u90a3\u4e9b\u64cd\u4f5c\u4f1a\u9020\u6210\u5185\u5b58\u6cc4\u6f0f\uff1f<\/h2>\n<p>\u95ed\u5305\uff0c\u5faa\u73af<\/p>\n<h2><a name=\"t473\"><\/a><a target=\"_blank\" name=\"_Toc32742\"><\/a>51\u3001javascript\u5bf9\u8c61\u7684\u51e0\u79cd\u521b\u5efa\u65b9\u5f0f\uff1f<\/h2>\n<p>1. \u5de5\u5382\u6a21\u5f0f<\/p>\n<p>2. \u6784\u9020\u51fd\u6570\u6a21\u5f0f<\/p>\n<p>3. \u539f\u578b\u6a21\u5f0f<\/p>\n<p>4. \u6df7\u5408\u6784\u9020\u51fd\u6570\u548c\u539f\u578b\u6a21\u5f0f<\/p>\n<p>5. \u52a8\u6001\u539f\u578b\u6a21\u5f0f<\/p>\n<p>6. \u5bc4\u751f\u6784\u9020\u51fd\u6570\u6a21\u5f0f<\/p>\n<p>7. \u7a33\u59a5\u6784\u9020\u51fd\u6570\u6a21\u5f0f<\/p>\n<h2><a name=\"t474\"><\/a><a target=\"_blank\" name=\"_Toc3074\"><\/a>52\u3001javascript\u7ee7\u627f\u7684 6 \u79cd\u65b9\u6cd5\uff1f<\/h2>\n<p>1. \u539f\u578b\u94fe\u7ee7\u627f<\/p>\n<p>2. \u501f\u7528\u6784\u9020\u51fd\u6570\u7ee7\u627f<\/p>\n<p>3. \u7ec4\u5408\u7ee7\u627f(\u539f\u578b+\u501f\u7528\u6784\u9020)<\/p>\n<p>4. \u539f\u578b\u5f0f\u7ee7\u627f<\/p>\n<p>5. \u5bc4\u751f\u5f0f\u7ee7\u627f<\/p>\n<p>6. \u5bc4\u751f\u7ec4\u5408\u5f0f\u7ee7\u627f<\/p>\n<h2><a name=\"t475\"><\/a><a target=\"_blank\" name=\"_Toc29496\"><\/a>53\u3001eval\u662f\u505a\u4ec0\u4e48\u7684\uff1f<\/h2>\n<p>1. \u5b83\u7684\u529f\u80fd\u662f\u628a\u5bf9\u5e94\u7684\u5b57\u7b26\u4e32\u89e3\u6790\u6210JS\u4ee3\u7801\u5e76\u8fd0\u884c<\/p>\n<p>2. \u5e94\u8be5\u907f\u514d\u4f7f\u7528eval\uff0c\u4e0d\u5b89\u5168\uff0c\u975e\u5e38\u8017\u6027\u80fd\uff082\u6b21\uff0c\u4e00\u6b21\u89e3\u6790\u6210js\u8bed\u53e5\uff0c\u4e00\u6b21\u6267\u884c\uff09<\/p>\n<h2><a name=\"t476\"><\/a><a target=\"_blank\" name=\"_Toc22502\"><\/a>54\u3001JavaScript \u539f\u578b\uff0c\u539f\u578b\u94fe ? \u6709\u4ec0\u4e48\u7279\u70b9\uff1f<\/h2>\n<p>1. \u539f\u578b\u5bf9\u8c61\u4e5f\u662f\u666e\u901a\u7684\u5bf9\u8c61\uff0c\u662f\u5bf9\u8c61\u4e00\u4e2a\u81ea\u5e26\u9690\u5f0f\u7684 __proto__ \u5c5e\u6027\uff0c\u539f\u578b\u4e5f\u6709\u53ef\u80fd\u6709\u81ea\u5df1\u7684\u539f\u578b\uff0c\u5982\u679c\u4e00\u4e2a\u539f\u578b\u5bf9\u8c61\u7684\u539f\u578b\u4e0d\u4e3anull \u7684\u8bdd\uff0c\u6211\u4eec\u5c31\u79f0\u4e4b\u4e3a\u539f\u578b\u94fe<\/p>\n<p>2. \u539f\u578b\u94fe\u662f\u7531\u4e00\u4e9b\u7528\u6765\u7ee7\u627f\u548c\u5171\u4eab\u5c5e\u6027\u7684\u5bf9\u8c61\u7ec4\u6210\u7684\uff08\u6709\u9650\u7684\uff09\u5bf9\u8c61\u94fe<\/p>\n<h2><a name=\"t477\"><\/a><a target=\"_blank\" name=\"_Toc25628\"><\/a>55\u3001\u4e8b\u4ef6\u3001IE\u4e0e\u706b\u72d0\u7684\u4e8b\u4ef6\u673a\u5236\u6709\u4ec0\u4e48\u533a\u522b\uff1f \u5982\u4f55\u963b\u6b62\u5192\u6ce1\uff1f<\/h2>\n<p>1. \u6211\u4eec\u5728\u7f51\u9875\u4e2d\u7684\u67d0\u4e2a\u64cd\u4f5c\uff08\u6709\u7684\u64cd\u4f5c\u5bf9\u5e94\u591a\u4e2a\u4e8b\u4ef6\uff09\u3002\u4f8b\u5982\uff1a\u5f53\u6211\u4eec\u70b9\u51fb\u4e00\u4e2a\u6309\u94ae\u5c31\u4f1a\u4ea7\u751f\u4e00\u4e2a\u4e8b\u4ef6\u3002\u662f\u53ef\u4ee5\u88ab JavaScript \u4fa6\u6d4b\u5230\u7684\u884c\u4e3a<\/p>\n<p>2. \u4e8b\u4ef6\u5904\u7406\u673a\u5236\uff1aIE\u662f\u4e8b\u4ef6\u5192\u6ce1\u3001firefox\u540c\u65f6\u652f\u6301\u4e24\u79cd\u4e8b\u4ef6\u6a21\u578b\uff0c\u4e5f\u5c31\u662f\uff1a\u6355\u83b7\u578b\u4e8b\u4ef6\u548c\u5192\u6ce1\u578b\u4e8b\u4ef6<\/p>\n<p>3. ev.stopPropagation();<\/p>\n<p>\u6ce8\u610f\u65e7ie\u7684\u65b9\u6cd5\uff1aev.cancelBubble= true;<\/p>\n<h2><a name=\"t478\"><\/a><a target=\"_blank\" name=\"_Toc13614\"><\/a>56\u3001\u7b80\u8ff0\u4e00\u4e0bSass\u3001Less\uff0c\u4e14\u8bf4\u660e\u533a\u522b\uff1f<\/h2>\n<p>\u4ed6\u4eec\u662f\u52a8\u6001\u7684\u6837\u5f0f\u8bed\u8a00\uff0c\u662fCSS\u9884\u5904\u7406\u5668,CSS\u4e0a\u7684\u4e00\u79cd\u62bd\u8c61\u5c42\u3002\u4ed6\u4eec\u662f\u4e00\u79cd\u7279\u6b8a\u7684\u8bed\u6cd5\/\u8bed\u8a00\u800c\u7f16\u8bd1\u6210CSS\u3002<\/p>\n<p>\u53d8\u91cf\u7b26\u4e0d\u4e00\u6837\uff0cless\u662f@\uff0c\u800cSass\u662f$;<\/p>\n<p>Sass\u652f\u6301\u6761\u4ef6\u8bed\u53e5\uff0c\u53ef\u4ee5\u4f7f\u7528if{}else{},for{}\u5faa\u73af\u7b49\u7b49\u3002\u800cLess\u4e0d\u652f\u6301;<\/p>\n<p>Sass\u662f\u57fa\u4e8eRuby\u7684\uff0c\u662f\u5728\u670d\u52a1\u7aef\u5904\u7406\u7684\uff0c\u800cLess\u662f\u9700\u8981\u5f15\u5165less.js\u6765\u5904\u7406Less\u4ee3\u7801\u8f93\u51faCss\u5230\u6d4f\u89c8\u5668<\/p>\n<h2><a name=\"t479\"><\/a><a target=\"_blank\" name=\"_Toc13192\"><\/a>57\u3001\u5173\u4e8ejavascript\u4e2dapply()\u548ccall()\u65b9\u6cd5\u7684\u533a\u522b\uff1f<\/h2>\n<p>\u76f8\u540c\u70b9:\u4e24\u4e2a\u65b9\u6cd5\u4ea7\u751f\u7684\u4f5c\u7528\u662f\u5b8c\u5168\u4e00\u6837\u7684<\/p>\n<p>\u4e0d\u540c\u70b9:\u65b9\u6cd5\u4f20\u9012\u7684\u53c2\u6570\u4e0d\u540c<\/p>\n<p>Object.call(this,obj1,obj2,obj3)<\/p>\n<p>Object.apply(this,arguments)<\/p>\n<p>apply()\u63a5\u6536\u4e24\u4e2a\u53c2\u6570\uff0c\u4e00\u4e2a\u662f\u51fd\u6570\u8fd0\u884c\u7684\u4f5c\u7528\u57df(this)\uff0c\u53e6\u4e00\u4e2a\u662f\u53c2\u6570\u6570\u7ec4\u3002<\/p>\n<p>call()\u65b9\u6cd5\u7b2c\u4e00\u4e2a\u53c2\u6570\u4e0eapply()\u65b9\u6cd5\u76f8\u540c\uff0c\u4f46\u4f20\u9012\u7ed9\u51fd\u6570\u7684\u53c2\u6570\u5fc5\u987b\u5217\u4e3e\u51fa\u6765\u3002<\/p>\n<h2><a name=\"t480\"><\/a><a target=\"_blank\" name=\"_Toc11190\"><\/a>58\u3001\u7b80\u8ff0\u4e00\u4e0bJS\u4e2d\u7684\u95ed\u5305\uff1f<\/h2>\n<p>\u95ed\u5305\u7528\u7684\u591a\u7684\u4e24\u4e2a\u4f5c\u7528\uff1a\u8bfb\u53d6\u51fd\u6570\u5185\u90e8\u7684\u53d8\u91cf\u503c\uff1b\u8ba9\u8fd9\u4e9b\u53d8\u91cf\u503c\u59cb\u7ec8\u4fdd\u5b58\u7740(\u5728\u5185\u5b58\u4e2d)\u3002<\/p>\n<p>\u540c\u65f6\u9700\u8981\u6ce8\u610f\u7684\u662f\uff1a\u95ed\u5305\u614e\u7528\uff0c\u4e0d\u6ee5\u7528\uff0c\u4e0d\u4e71\u7528\uff0c\u7531\u4e8e\u51fd\u6570\u5185\u90e8\u7684\u53d8\u91cf\u90fd\u88ab\u4fdd\u5b58\u5728\u5185\u5b58\u4e2d\uff0c\u4f1a\u5bfc\u81f4\u5185\u5b58\u6d88\u8017\u5927\u3002<\/p>\n<h2><a name=\"t481\"><\/a><a target=\"_blank\" name=\"_Toc20904\"><\/a>59\u3001\u8bf4\u8bf4\u4f60\u5bf9this\u7684\u7406\u89e3\uff1f<\/h2>\n<p>\u5728JavaScript\u4e2d\uff0cthis\u901a\u5e38\u6307\u5411\u7684\u662f\u6211\u4eec\u6b63\u5728\u6267\u884c\u7684\u51fd\u6570\u672c\u8eab\uff0c\u6216\u8005\u662f\uff0c\u6307\u5411\u8be5\u51fd\u6570\u6240\u5c5e\u7684\u5bf9\u8c61\u3002<\/p>\n<p>\u5168\u5c40\u7684this \u2192 \u6307\u5411\u7684\u662fWindow<\/p>\n<p>\u51fd\u6570\u4e2d\u7684this \u2192 \u6307\u5411\u7684\u662f\u51fd\u6570\u6240\u5728\u7684\u5bf9\u8c61<\/p>\n<p>\u5bf9\u8c61\u4e2d\u7684this \u2192 \u6307\u5411\u5176\u672c\u8eab<\/p>\n<h2><a name=\"t482\"><\/a><a target=\"_blank\" name=\"_Toc15313\"><\/a>60\u3001\u5206\u522b\u9610\u8ff0split(),slice(),splice(),join()\uff1f<\/h2>\n<p>join()\u7528\u4e8e\u628a\u6570\u7ec4\u4e2d\u7684\u6240\u6709\u5143\u7d20\u62fc\u63a5\u8d77\u6765\u653e\u5165\u4e00\u4e2a\u5b57\u7b26\u4e32\u3002\u6240\u5e26\u7684\u53c2\u6570\u4e3a\u5206\u5272\u5b57\u7b26\u4e32\u7684\u5206\u9694\u7b26\uff0c\u9ed8\u8ba4\u662f\u4ee5\u9017\u53f7\u5206\u5f00\u3002\u5f52\u5c5e\u4e8eArray<\/p>\n<p>split()\u5373\u628a\u5b57\u7b26\u4e32\u5206\u79bb\u5f00\uff0c\u4ee5\u6570\u7ec4\u65b9\u5f0f\u5b58\u50a8\u3002\u5f52\u5c5e\u4e8eStringstring<\/p>\n<p>slice() \u65b9\u6cd5\u53ef\u4ece\u5df2\u6709\u7684\u6570\u7ec4\u4e2d\u8fd4\u56de\u9009\u5b9a\u7684\u5143\u7d20\u3002\u8be5\u65b9\u6cd5\u5e76\u4e0d\u4f1a\u4fee\u6539\u6570\u7ec4\uff0c\u800c\u662f\u8fd4\u56de\u4e00\u4e2a\u5b50\u6570\u7ec4\u3002\u5982\u679c\u60f3\u5220\u9664\u6570\u7ec4\u4e2d\u7684\u4e00\u6bb5\u5143\u7d20\uff0c\u5e94\u8be5\u4f7f\u7528\u65b9\u6cd5 Array.splice()<\/p>\n<p>splice() \u65b9\u6cd5\u5411\/\u4ece\u6570\u7ec4\u4e2d\u6dfb\u52a0\/\u5220\u9664\u9879\u76ee\uff0c\u7136\u540e\u8fd4\u56de\u88ab\u5220\u9664\u7684\u9879\u76ee\u3002\u8fd4\u56de\u7684\u662f\u542b\u6709\u88ab\u5220\u9664\u7684\u5143\u7d20\u7684\u6570\u7ec4\u3002<\/p>\n<h2><a name=\"t483\"><\/a><a target=\"_blank\" name=\"_Toc4873\"><\/a>61\u3001\u4e8b\u4ef6\u59d4\u6258\u662f\u4ec0\u4e48\uff1f<\/h2>\n<p>\u8ba9\u5229\u7528\u4e8b\u4ef6\u5192\u6ce1\u7684\u539f\u7406\uff0c\u8ba9\u81ea\u5df1\u7684\u6240\u89e6\u53d1\u7684\u4e8b\u4ef6\uff0c\u8ba9\u4ed6\u7684\u7236\u5143\u7d20\u4ee3\u66ff\u6267\u884c\uff01<\/p>\n<h2><a name=\"t484\"><\/a><a target=\"_blank\" name=\"_Toc3895\"><\/a>62\u3001\u5982\u4f55\u963b\u6b62\u4e8b\u4ef6\u5192\u6ce1\u548c\u9ed8\u8ba4\u4e8b\u4ef6\uff1f<\/h2>\n<p><a target=\"_blank\" name=\"_Toc3169\"><\/a>\u963b\u6b62\u6d4f\u89c8\u5668\u7684\u9ed8\u8ba4\u884c\u4e3a<\/p>\n<p>window.event?window.event.returnValue=false:e.preventDefault();<\/p>\n<p>\u505c\u6b62\u4e8b\u4ef6\u5192\u6ce1<\/p>\n<p>window.event?window.event.cancelBubble=true:e.stopPropagation();<\/p>\n<p>\u539f\u751fJavaScript\u4e2d\uff0creturn false;\u53ea\u963b\u6b62\u9ed8\u8ba4\u884c\u4e3a\uff0c\u4e0d\u963b\u6b62\u5192\u6ce1\uff0cjQuery\u4e2d\u7684return false;\u65e2\u963b\u6b62\u9ed8\u8ba4\u884c\u4e3a\uff0c\u53c8\u963b\u6b62\u5192\u6ce1<\/p>\n<h2><a name=\"t485\"><\/a>63\u3001\u6dfb\u52a0 \u5220\u9664\u66ff\u6362 \u63d2\u5165\u5230\u67d0\u4e2a\u63a5\u70b9\u7684\u65b9\u6cd5\uff1f<\/h2>\n<p align=\"left\">obj.appendChidl()<\/p>\n<p align=\"left\">obj.removeChild()<\/p>\n<p align=\"left\">obj.replaceChild()<\/p>\n<p align=\"left\">obj.innersetBefore()<\/p>\n<h2><a name=\"t486\"><\/a><a target=\"_blank\" name=\"_Toc6710\"><\/a>64\u3001\u4f60\u7528\u8fc7require.js\u5417\uff1f\u5b83\u6709\u4ec0\u4e48\u7279\u6027\uff1f<\/h2>\n<p>\uff081\uff09\u5b9e\u73b0js\u6587\u4ef6\u7684\u5f02\u6b65\u52a0\u8f7d\uff0c\u907f\u514d\u7f51\u9875\u5931\u53bb\u54cd\u5e94\uff1b<\/p>\n<p>\uff082\uff09\u7ba1\u7406\u6a21\u5757\u4e4b\u95f4\u7684\u4f9d\u8d56\u6027\uff0c\u4fbf\u4e8e\u4ee3\u7801\u7684\u7f16\u5199\u548c\u7ef4\u62a4\u3002<\/p>\n<h2><a name=\"t487\"><\/a><a target=\"_blank\" name=\"_Toc4458\"><\/a>65\u3001\u8c08\u4e00\u4e0bJS\u4e2d\u7684\u9012\u5f52\u51fd\u6570\uff0c\u5e76\u4e14\u7528\u9012\u5f52\u7b80\u5355\u5b9e\u73b0\u9636\u4e58\uff1f<\/h2>\n<p>\u9012\u5f52\u5373\u662f\u7a0b\u5e8f\u5728\u6267\u884c\u8fc7\u7a0b\u4e2d\u4e0d\u65ad\u8c03\u7528\u81ea\u8eab\u7684\u7f16\u7a0b\u6280\u5de7\uff0c\u5f53\u7136\u4e5f\u5fc5\u987b\u8981\u6709\u4e00\u4e2a\u660e\u786e\u7684\u7ed3\u675f\u6761\u4ef6\uff0c\u4e0d\u7136\u5c31\u4f1a\u9677\u5165\u6b7b\u5faa\u73af\u3002<\/p>\n<h2><a name=\"t488\"><\/a><a target=\"_blank\" name=\"_Toc30628\"><\/a>66\u3001\u8bf7\u7528\u6b63\u5219\u8868\u8fbe\u5f0f\u5199\u4e00\u4e2a\u7b80\u5355\u7684\u90ae\u7bb1\u9a8c\u8bc1\u3002<\/h2>\n<p align=\"left\">\/^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\\.[a-zA-Z0-9_-]+)+$\/;<\/p>\n<h2><a name=\"t489\"><\/a><a target=\"_blank\" name=\"_Toc6047\"><\/a>67\u3001\u7b80\u8ff0\u4e00\u4e0b\u4f60\u5bf9web\u6027\u80fd\u4f18\u5316\u7684\u65b9\u6848\uff1f<\/h2>\n<p>1\u3001\u5c3d\u91cf\u51cf\u5c11 HTTP \u8bf7\u6c42<\/p>\n<p>2\u3001\u4f7f\u7528\u6d4f\u89c8\u5668\u7f13\u5b58<\/p>\n<p>3\u3001\u4f7f\u7528\u538b\u7f29\u7ec4\u4ef6<\/p>\n<p>4\u3001\u56fe\u7247\u3001JS\u7684\u9884\u8f7d\u5165<\/p>\n<p>5\u3001\u5c06\u811a\u672c\u653e\u5728\u5e95\u90e8<\/p>\n<p>6\u3001\u5c06\u6837\u5f0f\u6587\u4ef6\u653e\u5728\u9875\u9762\u9876\u90e8<\/p>\n<p>7\u3001\u4f7f\u7528\u5916\u90e8\u7684JS\u548cCSS<\/p>\n<p>8\u3001\u7cbe\u7b80\u4ee3\u7801<\/p>\n<h2><a name=\"t490\"><\/a><a target=\"_blank\" name=\"_Toc23845\"><\/a>68\u3001\u5728JS\u4e2d\u6709\u54ea\u4e9b\u4f1a\u88ab\u9690\u5f0f\u8f6c\u6362\u4e3afalse<\/h2>\n<p>Undefined\u3001null\u3001\u5173\u952e\u5b57false\u3001NaN\u3001\u96f6\u3001\u7a7a\u5b57\u7b26\u4e32<\/p>\n<h2><a name=\"t491\"><\/a><a target=\"_blank\" name=\"_Toc992\"><\/a>69\u3001\u5b9a\u65f6\u5668setInterval\u6709\u4e00\u4e2a\u6709\u540d\u51fd\u6570fn1\uff0csetInterval\uff08fn1,500\uff09\u4e0esetInterval\uff08fn1(),500\uff09\u6709\u4ec0\u4e48\u533a\u522b\uff1f<\/h2>\n<p>\u7b2c\u4e00\u4e2a\u662f\u91cd\u590d\u6267\u884c\u6bcf500\u6beb\u79d2\u6267\u884c\u4e00\u6b21\uff0c\u540e\u9762\u4e00\u4e2a\u53ea\u6267\u884c\u4e00\u6b21\u3002<\/p>\n<h2><a name=\"t492\"><\/a><a target=\"_blank\" name=\"_Toc12982\"><\/a>70\u3001\u5916\u90e8JS\u6587\u4ef6\u51fa\u73b0\u4e2d\u6587\u5b57\u7b26\uff0c\u4f1a\u51fa\u73b0\u4ec0\u4e48\u95ee\u9898\uff0c\u600e\u4e48\u89e3\u51b3\uff1f<\/h2>\n<p>\u4f1a\u51fa\u73b0\u4e71\u7801\uff0c\u52a0charset=\u201dGB2312\u201d;<\/p>\n<h2><a name=\"t493\"><\/a><a target=\"_blank\" name=\"_Toc25165\"><\/a>71\u3001\u8c08\u8c08\u6d4f\u89c8\u5668\u7684\u5185\u6838\uff0c\u5e76\u4e14\u8bf4\u4e00\u4e0b\u4ec0\u4e48\u662f\u5185\u6838\uff1f<\/h2>\n<p>Trident ([&#8216;tra\u026ad(\u0259)nt])&#8211;IE\uff0cGecko ([&#8216;gek\u0259\u028a])&#8211;Firefox,Presto ([&#8216;prest\u0259\u028a])&#8211;opera,webkit\u2014\u8c37\u6b4c\u548cSafari<\/p>\n<p>\u6d4f\u89c8\u5668\u5185\u6838\u53c8\u53ef\u4ee5\u5206\u6210\u4e24\u90e8\u5206\uff1a\u6e32\u67d3\u5f15\u64ce\u548c JS \u5f15\u64ce\u3002\u5b83\u8d1f\u8d23\u53d6\u5f97\u7f51\u9875\u7684\u5185\u5bb9\uff08HTML\u3001XML\u3001\u56fe\u50cf\u7b49\u7b49\uff09\u3001\u6574\u7406\u8baf\u606f\uff08\u4f8b\u5982\u52a0\u5165 CSS \u7b49\uff09\uff0c\u4ee5\u53ca\u8ba1\u7b97\u7f51\u9875\u7684\u663e\u793a\u65b9\u5f0f\uff0c\u7136\u540e\u4f1a\u8f93\u51fa\u81f3\u663e\u793a\u5668\u6216\u6253\u5370\u673a\u3002JS \u5f15\u64ce\u5219\u662f\u89e3\u6790 Javascript \u8bed\u8a00\uff0c\u6267\u884c javascript \u8bed\u8a00\u6765\u5b9e\u73b0\u7f51\u9875\u7684\u52a8\u6001\u6548\u679c\u3002<\/p>\n<h2><a name=\"t494\"><\/a><a target=\"_blank\" name=\"_Toc28588\"><\/a>72\u3001JavaScript\u539f\u578b\uff0c\u539f\u578b\u94fe ? \u6709\u4ec0\u4e48\u7279\u70b9\uff1f<\/h2>\n<p>*\u00a0 \u539f\u578b\u5bf9\u8c61\u4e5f\u662f\u666e\u901a\u7684\u5bf9\u8c61\uff0c\u662f\u5bf9\u8c61\u4e00\u4e2a\u81ea\u5e26\u9690\u5f0f\u7684 __proto__ \u5c5e\u6027\uff0c\u539f\u578b\u4e5f\u6709\u53ef\u80fd\u6709\u81ea\u5df1\u7684\u539f\u578b\uff0c\u5982\u679c\u4e00\u4e2a\u539f\u578b\u5bf9\u8c61\u7684\u539f\u578b\u4e0d\u4e3anull\u7684\u8bdd\uff0c\u6211\u4eec\u5c31\u79f0\u4e4b\u4e3a\u539f\u578b\u94fe\u3002<\/p>\n<p>*\u00a0 \u539f\u578b\u94fe\u662f\u7531\u4e00\u4e9b\u7528\u6765\u7ee7\u627f\u548c\u5171\u4eab\u5c5e\u6027\u7684\u5bf9\u8c61\u7ec4\u6210\u7684\uff08\u6709\u9650\u7684\uff09\u5bf9\u8c61\u94fe\u3002<\/p>\n<p>* JavaScript\u7684\u6570\u636e\u5bf9\u8c61\u6709\u90a3\u4e9b\u5c5e\u6027\u503c\uff1f<\/p>\n<p>writable\uff1a\u8fd9\u4e2a\u5c5e\u6027\u7684\u503c\u662f\u5426\u53ef\u4ee5\u6539\u3002<\/p>\n<p>configurable\uff1a\u8fd9\u4e2a\u5c5e\u6027\u7684\u914d\u7f6e\u662f\u5426\u53ef\u4ee5\u5220\u9664\uff0c\u4fee\u6539\u3002<\/p>\n<p>enumerable\uff1a\u8fd9\u4e2a\u5c5e\u6027\u662f\u5426\u80fd\u5728for\u2026in\u5faa\u73af\u4e2d\u904d\u5386\u51fa\u6765\u6216\u5728Object.keys\u4e2d\u5217\u4e3e\u51fa\u6765\u3002<\/p>\n<p>value\uff1a\u5c5e\u6027\u503c\u3002<\/p>\n<p>* \u5f53\u6211\u4eec\u9700\u8981\u4e00\u4e2a\u5c5e\u6027\u7684\u65f6\uff0cJavascript\u5f15\u64ce\u4f1a\u5148\u770b\u5f53\u524d\u5bf9\u8c61\u4e2d\u662f\u5426\u6709\u8fd9\u4e2a\u5c5e\u6027\uff0c \u5982\u679c\u6ca1\u6709\u7684\u8bdd\uff0c\u5c31\u4f1a\u67e5\u627e\u4ed6\u7684Prototype\u5bf9\u8c61\u662f\u5426\u6709\u8fd9\u4e2a\u5c5e\u6027\u3002<\/p>\n<p>function clone(proto) {<\/p>\n<p>function Dummy() { }<\/p>\n<p>Dummy.prototype = proto;<\/p>\n<p>Dummy.prototype.constructor = Dummy;<\/p>\n<p>return new Dummy(); \/\/\u7b49\u4ef7\u4e8eObject.create(Person);<\/p>\n<p>}<\/p>\n<p>function object(old) {<\/p>\n<p>function F() {};<\/p>\n<p>F.prototype = old;<\/p>\n<p>return new F();<\/p>\n<p>}<\/p>\n<p>var newObj = object(oldObject);<\/p>\n<h2><a name=\"t495\"><\/a><a target=\"_blank\" name=\"_Toc16852\"><\/a>73\u3001\u5199\u4e00\u4e2a\u901a\u7528\u7684\u4e8b\u4ef6\u4fa6\u542c\u5668\u51fd\u6570<\/h2>\n<p>`\/\/ event(\u4e8b\u4ef6)\u5de5\u5177\u96c6\uff0c\u6765\u6e90\uff1ahttps:\/\/github.com\/markyun<\/p>\n<p>markyun.Event = {<\/p>\n<p>\/\/ \u9875\u9762\u52a0\u8f7d\u5b8c\u6210\u540e<\/p>\n<p>readyEvent : function(fn) {<\/p>\n<p>if (fn==null) {<\/p>\n<p>fn=document;<\/p>\n<p>}<\/p>\n<p>var oldonload = window.onload;<\/p>\n<p>if (typeof window.onload != &#8216;function&#8217;) {<\/p>\n<p>window.onload = fn;<\/p>\n<p>} else {<\/p>\n<p>window.onload = function() {<\/p>\n<p>oldonload();<\/p>\n<p>fn();<\/p>\n<p>};<\/p>\n<p>}<\/p>\n<p>},<\/p>\n<p>\/\/ \u89c6\u80fd\u529b\u5206\u522b\u4f7f\u7528dom0||dom2||IE\u65b9\u5f0f\u6765\u7ed1\u5b9a\u4e8b\u4ef6<\/p>\n<p>\/\/ \u53c2\u6570\uff1a \u64cd\u4f5c\u7684\u5143\u7d20,\u4e8b\u4ef6\u540d\u79f0 ,\u4e8b\u4ef6\u5904\u7406\u7a0b\u5e8f<\/p>\n<p>addEvent : function(element, type, handler) {<\/p>\n<p>if (element.addEventListener) {<\/p>\n<p>\/\/\u4e8b\u4ef6\u7c7b\u578b\u3001\u9700\u8981\u6267\u884c\u7684\u51fd\u6570\u3001\u662f\u5426\u6355\u6349<\/p>\n<p>element.addEventListener(type, handler, false);<\/p>\n<p>} else if (element.attachEvent) {<\/p>\n<p>element.attachEvent(&#8216;on&#8217; + type, function() {<\/p>\n<p>handler.call(element);<\/p>\n<p>});<\/p>\n<p>} else {<\/p>\n<p>element[&#8216;on&#8217; + type] = handler;<\/p>\n<p>}<\/p>\n<p>},<\/p>\n<p>\/\/ \u79fb\u9664\u4e8b\u4ef6<\/p>\n<p>removeEvent : function(element, type, handler) {<\/p>\n<p>if (element.removeEnentListener) {<\/p>\n<p>element.removeEnentListener(type, handler, false);<\/p>\n<p>} else if (element.datachEvent) {<\/p>\n<p>element.detachEvent(&#8216;on&#8217; + type, handler);<\/p>\n<p>} else {<\/p>\n<p>element[&#8216;on&#8217; + type] = null;<\/p>\n<p>}<\/p>\n<p>},<\/p>\n<p>\/\/ \u963b\u6b62\u4e8b\u4ef6 (\u4e3b\u8981\u662f\u4e8b\u4ef6\u5192\u6ce1\uff0c\u56e0\u4e3aIE\u4e0d\u652f\u6301\u4e8b\u4ef6\u6355\u83b7)<\/p>\n<p>stopPropagation : function(ev) {<\/p>\n<p>if (ev.stopPropagation) {<\/p>\n<p>ev.stopPropagation();<\/p>\n<p>} else {<\/p>\n<p>ev.cancelBubble = true;<\/p>\n<p>}<\/p>\n<p>},<\/p>\n<p>\/\/ \u53d6\u6d88\u4e8b\u4ef6\u7684\u9ed8\u8ba4\u884c\u4e3a<\/p>\n<p>preventDefault : function(event) {<\/p>\n<p>if (event.preventDefault) {<\/p>\n<p>event.preventDefault();<\/p>\n<p>} else {<\/p>\n<p>event.returnValue = false;<\/p>\n<p>}<\/p>\n<p>},<\/p>\n<p>\/\/ \u83b7\u53d6\u4e8b\u4ef6\u76ee\u6807<\/p>\n<p>getTarget : function(event) {<\/p>\n<p>return event.target || event.srcElement;<\/p>\n<p>},<\/p>\n<p>\/\/ \u83b7\u53d6event\u5bf9\u8c61\u7684\u5f15\u7528\uff0c\u53d6\u5230\u4e8b\u4ef6\u7684\u6240\u6709\u4fe1\u606f\uff0c\u786e\u4fdd\u968f\u65f6\u80fd\u4f7f\u7528event\uff1b<\/p>\n<p>getEvent : function(e) {<\/p>\n<p>var ev = e || window.event;<\/p>\n<p>if (!ev) {<\/p>\n<p>var c = this.getEvent.caller;<\/p>\n<p>while (c) {<\/p>\n<p>ev = c.arguments[0];<\/p>\n<p>if (ev &amp;&amp; Event ==ev.constructor) {<\/p>\n<p>break;<\/p>\n<p>}<\/p>\n<p>c = c.caller;<\/p>\n<p>}<\/p>\n<p>}<\/p>\n<p>return ev;<\/p>\n<p>}<\/p>\n<p>};<\/p>\n<h2><a name=\"t496\"><\/a><a target=\"_blank\" name=\"_Toc12417\"><\/a>74\u3001\u4e8b\u4ef6\u3001IE\u4e0e\u706b\u72d0\u7684\u4e8b\u4ef6\u673a\u5236\u6709\u4ec0\u4e48\u533a\u522b\uff1f \u5982\u4f55\u963b\u6b62\u5192\u6ce1\uff1f<\/h2>\n<p>1. \u6211\u4eec\u5728\u7f51\u9875\u4e2d\u7684\u67d0\u4e2a\u64cd\u4f5c\uff08\u6709\u7684\u64cd\u4f5c\u5bf9\u5e94\u591a\u4e2a\u4e8b\u4ef6\uff09\u3002\u4f8b\u5982\uff1a\u5f53\u6211\u4eec\u70b9\u51fb\u4e00\u4e2a\u6309\u94ae\u5c31\u4f1a\u4ea7\u751f\u4e00\u4e2a\u4e8b\u4ef6\u3002\u662f\u53ef\u4ee5\u88ab JavaScript \u4fa6\u6d4b\u5230\u7684\u884c\u4e3a\u3002<\/p>\n<p>2. \u4e8b\u4ef6\u5904\u7406\u673a\u5236\uff1aIE\u662f\u4e8b\u4ef6\u5192\u6ce1\u3001\u706b\u72d0\u662f \u4e8b\u4ef6\u6355\u83b7\uff1b<\/p>\n<p>3.\u00a0ev.stopPropagation();<\/p>\n<h2><a name=\"t497\"><\/a><a target=\"_blank\" name=\"_Toc31040\"><\/a>75\u3001\u4ec0\u4e48\u662f\u95ed\u5305\uff08closure\uff09\uff0c\u4e3a\u4ec0\u4e48\u8981\u7528\uff1f<\/h2>\n<p>\u6267\u884csay667()\u540e,say667()\u95ed\u5305\u5185\u90e8\u53d8\u91cf\u4f1a\u5b58\u5728,\u800c\u95ed\u5305\u5185\u90e8\u51fd\u6570\u7684\u5185\u90e8\u53d8\u91cf\u4e0d\u4f1a\u5b58\u5728.\u4f7f\u5f97Javascript\u7684\u5783\u573e\u56de\u6536\u673a\u5236GC\u4e0d\u4f1a\u6536\u56desay667()\u6240\u5360\u7528\u7684\u8d44\u6e90\uff0c\u56e0\u4e3asay667()\u7684\u5185\u90e8\u51fd\u6570\u7684\u6267\u884c\u9700\u8981\u4f9d\u8d56say667()\u4e2d\u7684\u53d8\u91cf\u3002\u8fd9\u662f\u5bf9\u95ed\u5305\u4f5c\u7528\u7684\u975e\u5e38\u76f4\u767d\u7684\u63cf\u8ff0.<\/p>\n<p>function say667() {<\/p>\n<p>\/\/ Local variable that ends up within closure<\/p>\n<p>var num = 666;<\/p>\n<p>var sayAlert = function() { alert(num); }<\/p>\n<p>num++;<\/p>\n<p>return sayAlert;<\/p>\n<p>}<\/p>\n<p>varsayAlert = say667();<\/p>\n<p>sayAlert()\/\/\u6267\u884c\u7ed3\u679c\u5e94\u8be5\u5f39\u51fa\u7684667<\/p>\n<h2><a name=\"t498\"><\/a><a target=\"_blank\" name=\"_Toc21536\"><\/a>76\u3001\u5982\u4f55\u5224\u65ad\u4e00\u4e2a\u5bf9\u8c61\u662f\u5426\u5c5e\u4e8e\u67d0\u4e2a\u7c7b\uff1f<\/h2>\n<p>\u4f7f\u7528instanceof \uff08\u5f85\u5b8c\u5584\uff09<\/p>\n<p>if(a instanceof Person){<\/p>\n<p>alert(&#8216;yes&#8217;);<\/p>\n<p>}<\/p>\n<h2><a name=\"t499\"><\/a><a target=\"_blank\" name=\"_Toc2521\"><\/a>77\u3001new\u64cd\u4f5c\u7b26\u5177\u4f53\u5e72\u4e86\u4ec0\u4e48\u5462?<\/h2>\n<p>1\u3001\u521b\u5efa\u4e00\u4e2a\u7a7a\u5bf9\u8c61\uff0c\u5e76\u4e14 this \u53d8\u91cf\u5f15\u7528\u8be5\u5bf9\u8c61\uff0c\u540c\u65f6\u8fd8\u7ee7\u627f\u4e86\u8be5\u51fd\u6570\u7684\u539f\u578b\u3002<\/p>\n<p>2\u3001\u5c5e\u6027\u548c\u65b9\u6cd5\u88ab\u52a0\u5165\u5230 this \u5f15\u7528\u7684\u5bf9\u8c61\u4e2d\u3002<\/p>\n<p>3\u3001\u65b0\u521b\u5efa\u7684\u5bf9\u8c61\u7531 this \u6240\u5f15\u7528\uff0c\u5e76\u4e14\u6700\u540e\u9690\u5f0f\u7684\u8fd4\u56de this \u3002<\/p>\n<p>var obj\u00a0 = {};<\/p>\n<p>obj.__proto__ = Base.prototype;<\/p>\n<p>Base.call(obj);<\/p>\n<h2><a name=\"t500\"><\/a><a target=\"_blank\" name=\"_Toc9368\"><\/a>78\u3001JSON \u7684\u4e86\u89e3<\/h2>\n<p>JSON(JavaScript Object Notation) \u662f\u4e00\u79cd\u8f7b\u91cf\u7ea7\u7684\u6570\u636e\u4ea4\u6362\u683c\u5f0f\u3002\u5b83\u662f\u57fa\u4e8eJavaScript\u7684\u4e00\u4e2a\u5b50\u96c6\u3002\u6570\u636e\u683c\u5f0f\u7b80\u5355, \u6613\u4e8e\u8bfb\u5199, \u5360\u7528\u5e26\u5bbd\u5c0f<\/p>\n<p>{&#8216;age&#8217;:&#8217;12&#8217;, &#8216;name&#8217;:&#8217;back&#8217;}<\/p>\n<h2><a name=\"t501\"><\/a><a target=\"_blank\" name=\"_Toc13255\"><\/a>79\u3001js\u5ef6\u8fdf\u52a0\u8f7d\u7684\u65b9\u5f0f\u6709\u54ea\u4e9b<\/h2>\n<p>defer\u548casync\u3001\u52a8\u6001\u521b\u5efaDOM\u65b9\u5f0f\uff08\u7528\u5f97\u6700\u591a\uff09\u3001\u6309\u9700\u5f02\u6b65\u8f7d\u5165js<\/p>\n<h2><a name=\"t502\"><\/a><a target=\"_blank\" name=\"_Toc28254\"><\/a>80\u3001\u6a21\u5757\u5316\u600e\u4e48\u505a\uff1f<\/h2>\n<p>\u7acb\u5373\u6267\u884c\u51fd\u6570,\u4e0d\u66b4\u9732\u79c1\u6709\u6210\u5458<\/p>\n<p>var module1 = (function(){<\/p>\n<p>var _count = 0;<\/p>\n<p>var m1 = function(){<\/p>\n<p>\/\/&#8230;<\/p>\n<p>};<\/p>\n<p>var m2 = function(){<\/p>\n<p>\/\/&#8230;<\/p>\n<p>};<\/p>\n<p>return {<\/p>\n<p>m1 : m1,<\/p>\n<p>m2 : m2<\/p>\n<p>};<\/p>\n<p>})();<\/p>\n<h2><a name=\"t503\"><\/a><a target=\"_blank\" name=\"_Toc13024\"><\/a>81\u3001\u5f02\u6b65\u52a0\u8f7d\u7684\u65b9\u5f0f<\/h2>\n<p>(1)defer\uff0c\u53ea\u652f\u6301IE<\/p>\n<p>(2)async\uff1a<\/p>\n<p>(3)\u521b\u5efascript\uff0c\u63d2\u5165\u5230DOM\u4e2d\uff0c\u52a0\u8f7d\u5b8c\u6bd5\u540ecallBack<\/p>\n<p>documen.write\u548c innerHTML\u7684\u533a\u522b<\/p>\n<p>document.write\u53ea\u80fd\u91cd\u7ed8\u6574\u4e2a\u9875\u9762<\/p>\n<p>innerHTML\u53ef\u4ee5\u91cd\u7ed8\u9875\u9762\u7684\u4e00\u90e8\u5206<\/p>\n<h2><a name=\"t504\"><\/a><a target=\"_blank\" name=\"_Toc17016\"><\/a>82\u3001\u544a\u8bc9\u6211\u7b54\u6848\u662f\u591a\u5c11\uff1f<\/h2>\n<p>(function(x){<\/p>\n<p>delete x;<\/p>\n<p>alert(x);<\/p>\n<p>})(1+5);<\/p>\n<p>\u51fd\u6570\u53c2\u6570\u65e0\u6cd5delete\u5220\u9664\uff0cdelete\u53ea\u80fd\u5220\u9664\u901a\u8fc7for in\u8bbf\u95ee\u7684\u5c5e\u6027\u3002<\/p>\n<p>\u5f53\u7136\uff0c\u5220\u9664\u5931\u8d25\u4e5f\u4e0d\u4f1a\u62a5\u9519\uff0c\u6240\u4ee5\u4ee3\u7801\u8fd0\u884c\u4f1a\u5f39\u51fa\u201c1\u201d\u3002<\/p>\n<h2><a name=\"t505\"><\/a><a target=\"_blank\" name=\"_Toc3716\"><\/a>83\u3001JS\u4e2d\u7684call()\u548capply()\u65b9\u6cd5\u7684\u533a\u522b\uff1f<\/h2>\n<p>\u4f8b\u5b50\u4e2d\u7528 add \u6765\u66ff\u6362 sub\uff0cadd.call(sub,3,1) == add(3,1) \uff0c\u6240\u4ee5\u8fd0\u884c\u7ed3\u679c\u4e3a\uff1aalert(4);<\/p>\n<p>\u6ce8\u610f\uff1ajs \u4e2d\u7684\u51fd\u6570\u5176\u5b9e\u662f\u5bf9\u8c61\uff0c\u51fd\u6570\u540d\u662f\u5bf9Function \u5bf9\u8c61\u7684\u5f15\u7528\u3002<\/p>\n<p>function add(a,b){<\/p>\n<p>alert(a+b);<\/p>\n<p>}<\/p>\n<p>function sub(a,b){<\/p>\n<p>alert(a-b);<\/p>\n<p>}<\/p>\n<p>add.call(sub,3,1);<\/p>\n<h2><a name=\"t506\"><\/a><a target=\"_blank\" name=\"_Toc17238\"><\/a>84\u3001Jquery\u4e0ejQuery UI \u6709\u5565\u533a\u522b\uff1f<\/h2>\n<p>*jQuery\u662f\u4e00\u4e2ajs\u5e93\uff0c\u4e3b\u8981\u63d0\u4f9b\u7684\u529f\u80fd\u662f\u9009\u62e9\u5668\uff0c\u5c5e\u6027\u4fee\u6539\u548c\u4e8b\u4ef6\u7ed1\u5b9a\u7b49\u7b49\u3002<\/p>\n<p>*jQuery UI\u5219\u662f\u5728jQuery\u7684\u57fa\u7840\u4e0a\uff0c\u5229\u7528jQuery\u7684\u6269\u5c55\u6027\uff0c\u8bbe\u8ba1\u7684\u63d2\u4ef6\u3002<\/p>\n<p>\u63d0\u4f9b\u4e86\u4e00\u4e9b\u5e38\u7528\u7684\u754c\u9762\u5143\u7d20\uff0c\u8bf8\u5982\u5bf9\u8bdd\u6846\u3001\u62d6\u52a8\u884c\u4e3a\u3001\u6539\u53d8\u5927\u5c0f\u884c\u4e3a\u7b49\u7b49<\/p>\n<h2><a name=\"t507\"><\/a><a target=\"_blank\" name=\"_Toc32175\"><\/a>85\u3001jquery \u4e2d\u5982\u4f55\u5c06\u6570\u7ec4\u8f6c\u5316\u4e3ajson\u5b57\u7b26\u4e32\uff0c\u7136\u540e\u518d\u8f6c\u5316\u56de\u6765\uff1f<\/h2>\n<p>jQuery\u4e2d\u6ca1\u6709\u63d0\u4f9b\u8fd9\u4e2a\u529f\u80fd\uff0c\u6240\u4ee5\u4f60\u9700\u8981\u5148\u7f16\u5199\u4e24\u4e2ajQuery\u7684\u6269\u5c55\uff1a<\/p>\n<p>$.fn.stringifyArray = function(array) {<\/p>\n<p>return JSON.stringify(array)<\/p>\n<p>}<\/p>\n<p>$.fn.parseArray = function(array) {<\/p>\n<p>return JSON.parse(array)<\/p>\n<p>}<\/p>\n<p>\u7136\u540e\u8c03\u7528\uff1a<\/p>\n<p>$(&#8220;&#8221;).stringifyArray(array)<\/p>\n<h2><a name=\"t508\"><\/a><a target=\"_blank\" name=\"_Toc6436\"><\/a>86\u3001JavaScript\u4e2d\u7684\u4f5c\u7528\u57df\u4e0e\u53d8\u91cf\u58f0\u660e\u63d0\u5347\uff1f<\/h2>\n<p>\u5176\u4ed6\u90e8\u5206<\/p>\n<p>\uff08HTTP\u3001\u6b63\u5219\u3001\u4f18\u5316\u3001\u91cd\u6784\u3001\u54cd\u5e94\u5f0f\u3001\u79fb\u52a8\u7aef\u3001\u56e2\u961f\u534f\u4f5c\u3001SEO\u3001UED\u3001\u804c\u4e1a\u751f\u6daf\uff09<\/p>\n<p>*\u57fa\u4e8eClass\u7684\u9009\u62e9\u6027\u7684\u6027\u80fd\u76f8\u5bf9\u4e8eId\u9009\u62e9\u5668\u5f00\u9500\u5f88\u5927\uff0c\u56e0\u4e3a\u9700\u904d\u5386\u6240\u6709DOM\u5143\u7d20\u3002<\/p>\n<p>*\u9891\u7e41\u64cd\u4f5c\u7684DOM\uff0c\u5148\u7f13\u5b58\u8d77\u6765\u518d\u64cd\u4f5c\u3002\u7528Jquery\u7684\u94fe\u5f0f\u8c03\u7528\u66f4\u597d\u3002<\/p>\n<p>\u6bd4\u5982\uff1avarstr=$(&#8220;a&#8221;).attr(&#8220;href&#8221;);<\/p>\n<p>*for (var i = size; i &lt; arr.length; i++) {}<\/p>\n<p>for \u5faa\u73af\u6bcf\u4e00\u6b21\u5faa\u73af\u90fd\u67e5\u627e\u4e86\u6570\u7ec4 (arr) \u7684.length \u5c5e\u6027\uff0c\u5728\u5f00\u59cb\u5faa\u73af\u7684\u65f6\u5019\u8bbe\u7f6e\u4e00\u4e2a\u53d8\u91cf\u6765\u5b58\u50a8\u8fd9\u4e2a\u6570\u5b57\uff0c\u53ef\u4ee5\u8ba9\u5faa\u73af\u8dd1\u5f97\u66f4\u5feb\uff1a<\/p>\n<p>for (var i = size, length = arr.length; i &lt; length; i++) {}<\/p>\n<h2><a name=\"t509\"><\/a><a target=\"_blank\" name=\"_Toc10362\"><\/a>87\u3001\u524d\u7aef\u5f00\u53d1\u7684\u4f18\u5316\u95ee\u9898\uff08\u770b\u96c5\u864e14\u6761\u6027\u80fd\u4f18\u5316\u539f\u5219\uff09\u3002<\/h2>\n<p>\uff081\uff09 \u51cf\u5c11http\u8bf7\u6c42\u6b21\u6570\uff1aCSS Sprites, JS\u3001CSS\u6e90\u7801\u538b\u7f29\u3001\u56fe\u7247\u5927\u5c0f\u63a7\u5236\u5408\u9002\uff1b\u7f51\u9875Gzip\uff0cCDN\u6258\u7ba1\uff0cdata\u7f13\u5b58\uff0c\u56fe\u7247\u670d\u52a1\u5668\u3002<\/p>\n<p>\uff082\uff09 \u524d\u7aef\u6a21\u677f JS+\u6570\u636e\uff0c\u51cf\u5c11\u7531\u4e8eHTML\u6807\u7b7e\u5bfc\u81f4\u7684\u5e26\u5bbd\u6d6a\u8d39\uff0c\u524d\u7aef\u7528\u53d8\u91cf\u4fdd\u5b58AJAX\u8bf7\u6c42\u7ed3\u679c\uff0c\u6bcf\u6b21\u64cd\u4f5c\u672c\u5730\u53d8\u91cf\uff0c\u4e0d\u7528\u8bf7\u6c42\uff0c\u51cf\u5c11\u8bf7\u6c42\u6b21\u6570<\/p>\n<p>\uff083\uff09 \u7528innerHTML\u4ee3\u66ffDOM\u64cd\u4f5c\uff0c\u51cf\u5c11DOM\u64cd\u4f5c\u6b21\u6570\uff0c\u4f18\u5316javascript\u6027\u80fd\u3002<\/p>\n<p>\uff084\uff09 \u5f53\u9700\u8981\u8bbe\u7f6e\u7684\u6837\u5f0f\u5f88\u591a\u65f6\u8bbe\u7f6eclassName\u800c\u4e0d\u662f\u76f4\u63a5\u64cd\u4f5cstyle\u3002<\/p>\n<p>\uff085\uff09 \u5c11\u7528\u5168\u5c40\u53d8\u91cf\u3001\u7f13\u5b58DOM\u8282\u70b9\u67e5\u627e\u7684\u7ed3\u679c\u3002\u51cf\u5c11IO\u8bfb\u53d6\u64cd\u4f5c\u3002<\/p>\n<p>\uff086\uff09 \u907f\u514d\u4f7f\u7528CSS Expression\uff08css\u8868\u8fbe\u5f0f)\u53c8\u79f0Dynamicproperties(\u52a8\u6001\u5c5e\u6027)\u3002<\/p>\n<p>\uff087\uff09 \u56fe\u7247\u9884\u52a0\u8f7d\uff0c\u5c06\u6837\u5f0f\u8868\u653e\u5728\u9876\u90e8\uff0c\u5c06\u811a\u672c\u653e\u5728\u5e95\u90e8\u00a0 \u52a0\u4e0a\u65f6\u95f4\u6233\u3002<\/p>\n<p>\uff088\uff09 \u907f\u514d\u5728\u9875\u9762\u7684\u4e3b\u4f53\u5e03\u5c40\u4e2d\u4f7f\u7528table\uff0ctable\u8981\u7b49\u5176\u4e2d\u7684\u5185\u5bb9\u5b8c\u5168\u4e0b\u8f7d\u4e4b\u540e\u624d\u4f1a\u663e\u793a\u51fa\u6765\uff0c\u663e\u793a\u6bd4div+css\u5e03\u5c40\u6162\u3002<\/p>\n<h2><a name=\"t510\"><\/a><a target=\"_blank\" name=\"_Toc20939\"><\/a>88\u3001http\u72b6\u6001\u7801\u6709\u90a3\u4e9b\uff1f\u5206\u522b\u4ee3\u8868\u662f\u4ec0\u4e48\u610f\u601d\uff1f<\/h2>\n<p>100-199 \u7528\u4e8e\u6307\u5b9a\u5ba2\u6237\u7aef\u5e94\u76f8\u5e94\u7684\u67d0\u4e9b\u52a8\u4f5c\u3002<\/p>\n<p>200-299 \u7528\u4e8e\u8868\u793a\u8bf7\u6c42\u6210\u529f\u3002<\/p>\n<p>300-399 \u7528\u4e8e\u5df2\u7ecf\u79fb\u52a8\u7684\u6587\u4ef6\u5e76\u4e14\u5e38\u88ab\u5305\u542b\u5728\u5b9a\u4f4d\u5934\u4fe1\u606f\u4e2d\u6307\u5b9a\u65b0\u7684\u5730\u5740\u4fe1\u606f\u3002<\/p>\n<p>400-499 \u7528\u4e8e\u6307\u51fa\u5ba2\u6237\u7aef\u7684\u9519\u8bef\u3002<\/p>\n<p>400\u00a0 \u8bed\u4e49\u6709\u8bef\uff0c\u5f53\u524d\u8bf7\u6c42\u65e0\u6cd5\u88ab\u670d\u52a1\u5668\u7406\u89e3\u3002<\/p>\n<p>401\u00a0 \u5f53\u524d\u8bf7\u6c42\u9700\u8981\u7528\u6237\u9a8c\u8bc1<\/p>\n<p>403\u00a0 \u670d\u52a1\u5668\u5df2\u7ecf\u7406\u89e3\u8bf7\u6c42\uff0c\u4f46\u662f\u62d2\u7edd\u6267\u884c\u5b83\u3002<\/p>\n<p>500-599 \u7528\u4e8e\u652f\u6301\u670d\u52a1\u5668\u9519\u8bef\u3002<\/p>\n<p>503 \u2013 \u670d\u52a1\u4e0d\u53ef\u7528<\/p>\n<h2><a name=\"t511\"><\/a><a target=\"_blank\" name=\"_Toc6799\"><\/a>89\u3001\u4e00\u4e2a\u9875\u9762\u4ece\u8f93\u5165 URL \u5230\u9875\u9762\u52a0\u8f7d\u663e\u793a\u5b8c\u6210\uff0c\u8fd9\u4e2a\u8fc7\u7a0b\u4e2d\u90fd\u53d1\u751f\u4e86\u4ec0\u4e48\uff1f\uff08\u6d41\u7a0b\u8bf4\u7684\u8d8a\u8be6\u7ec6\u8d8a\u597d\uff09<\/h2>\n<p>\u8981\u719f\u6089\u524d\u540e\u7aef\u7684\u901a\u4fe1\u6d41\u7a0b\uff0c\u6700\u597d\u628a\u52a8\u6001\u7f51\u7ad9\u7684\u80cc\u540e\u7ec6\u8282\u4e5f\u4ecb\u7ecd\u4e00\u904d<\/p>\n<h1><a name=\"t512\"><\/a><a target=\"_blank\" name=\"_Toc21004\"><\/a>\u516b\u3001\u6d41\u884c\u6846\u67b6<\/h1>\n<h2><a name=\"t513\"><\/a><a target=\"_blank\" name=\"_Toc5734\"><\/a>1\u3001JQuery\u7684\u6e90\u7801\u770b\u8fc7\u5417\uff1f\u80fd\u4e0d\u80fd\u7b80\u5355\u6982\u51b5\u4e00\u4e0b\u5b83\u7684\u5b9e\u73b0\u539f\u7406\uff1f<\/h2>\n<p>\u8003\u5bdf\u5b66\u4e60\u77e5\u8bc6\u7684\u6001\u5ea6\uff0c\u662f\u5426\u4ec5\u4ec5\u662f\u505c\u7559\u5728\u4f7f\u7528\u5c42\u9762\uff0c\u8981\u77e5\u5176\u7136\u77e5\u5176\u6240\u4ee5\u7136<\/p>\n<h2><a name=\"t514\"><\/a><a target=\"_blank\" name=\"_Toc26708\"><\/a>2\u3001jQuery.fn\u7684init\u65b9\u6cd5\u8fd4\u56de\u7684this\u6307\u7684\u662f\u4ec0\u4e48\u5bf9\u8c61\uff1f\u4e3a\u4ec0\u4e48\u8981\u8fd4\u56dethis\uff1f<\/h2>\n<p>this\u6267\u884cinit\u6784\u9020\u51fd\u6570\u81ea\u8eab\uff0c\u5176\u5b9e\u5c31\u662fjQuery\u5b9e\u4f8b\u5bf9\u8c61\uff0c\u8fd4\u56dethis\u662f\u4e3a\u4e86\u5b9e\u73b0jQuery\u7684\u94fe\u5f0f\u64cd\u4f5c<\/p>\n<h2><a name=\"t515\"><\/a><a target=\"_blank\" name=\"_Toc14149\"><\/a>3\u3001jquery\u4e2d\u5982\u4f55\u5c06\u6570\u7ec4\u8f6c\u5316\u4e3ajson\u5b57\u7b26\u4e32\uff0c\u7136\u540e\u518d\u8f6c\u5316\u56de\u6765\uff1f<\/h2>\n<p>$.parseJSON(&#8216;{&#8220;name&#8221;:&#8221;John&#8221;}&#8217;);<\/p>\n<h2><a name=\"t516\"><\/a><a target=\"_blank\" name=\"_Toc22323\"><\/a>4\u3001jQuery \u7684\u5c5e\u6027\u62f7\u8d1d(extend)\u7684\u5b9e\u73b0\u539f\u7406\u662f\u4ec0\u4e48\uff0c\u5982\u4f55\u5b9e\u73b0\u6df1\u62f7\u8d1d\uff1f<\/h2>\n<p>\u9012\u5f52\u8d4b\u503c<\/p>\n<h2><a name=\"t517\"><\/a><a target=\"_blank\" name=\"_Toc83\"><\/a>5\u3001jquery.extend \u4e0e jquery.fn.extend\u7684\u533a\u522b\uff1f<\/h2>\n<p>Jquery.extend\u7528\u6765\u6269\u5c55jQuery\u5bf9\u8c61\u672c\u8eab\uff1bjquery.fn.extend\u7528\u6765\u6269\u5c55jQuery\u5b9e\u4f8b<\/p>\n<h2><a name=\"t518\"><\/a><a target=\"_blank\" name=\"_Toc7335\"><\/a>6\u3001\u8c08\u4e00\u4e0bJquery\u4e2d\u7684bind(),live(),delegate(),on()\u7684\u533a\u522b\uff1f<\/h2>\n<h2><a name=\"t519\"><\/a><a target=\"_blank\" name=\"_Toc10564\"><\/a>7\u3001JQuery\u4e00\u4e2a\u5bf9\u8c61\u53ef\u4ee5\u540c\u65f6\u7ed1\u5b9a\u591a\u4e2a\u4e8b\u4ef6\uff0c\u8fd9\u662f\u5982\u4f55\u5b9e\u73b0\u7684\uff1f<\/h2>\n<p>\u53ef\u4ee5\u540c\u65f6\u7ed1\u5b9a\u591a\u4e2a\u4e8b\u4ef6\uff0c\u4f4e\u5c42\u5b9e\u73b0\u539f\u7406\u662f\u4f7f\u7528addEventListner\u4e0eattachEvent\u517c\u5bb9\u5904\u7406\u505a\u4e8b\u4ef6\u6ce8\u518c<\/p>\n<h2><a name=\"t520\"><\/a><a target=\"_blank\" name=\"_Toc9361\"><\/a>10\u3001\u00a0\u00a0\u00a0 Jquery\u4e0ejQuery UI\u6709\u5565\u533a\u522b\uff1f<\/h2>\n<p>jQuery\u662f\u64cd\u4f5cdom\u7684\u6846\u67b6\uff0cjQueryUI\u662f\u57fa\u4e8ejQuery\u505a\u7684\u4e00\u4e2aUI\u7ec4\u4ef6\u5e93<\/p>\n<h2><a name=\"t521\"><\/a><a target=\"_blank\" name=\"_Toc15721\"><\/a>11\u3001\u00a0\u00a0\u00a0 jQuery\u548cZepto\u7684\u533a\u522b\uff1f\u5404\u81ea\u7684\u4f7f\u7528\u573a\u666f\uff1f<\/h2>\n<p>jQuery\u4e3b\u8981\u7528\u4e8epc\u7aef\uff0c\u5f53\u7136\u6709\u5bf9\u5e94\u7684jQuerymobile\u7528\u4e8e\u79fb\u52a8\u7aef\uff0czepto\u6bd4jQuery\u66f4\u52a0\u5c0f\u5de7\uff0c\u4e3b\u8981\u7528\u4e8e\u79fb\u52a8\u7aef<\/p>\n<h2><a name=\"t522\"><\/a><a target=\"_blank\" name=\"_Toc18454\"><\/a>12\u3001\u00a0\u00a0\u00a0 \u9488\u5bf9 jQuery \u7684\u4f18\u5316\u65b9\u6cd5\uff1f<\/h2>\n<p>\u4f18\u5148\u4f7f\u7528ID\u9009\u62e9\u5668<\/p>\n<p>\u5728class\u524d\u4f7f\u7528tag(\u6807\u7b7e\u540d)<\/p>\n<p>\u7ed9\u9009\u62e9\u5668\u4e00\u4e2a\u4e0a\u4e0b\u6587<\/p>\n<p>\u614e\u7528 .live()\u65b9\u6cd5\uff08\u5e94\u8be5\u8bf4\u5c3d\u91cf\u4e0d\u8981\u4f7f\u7528\uff09<\/p>\n<p>\u4f7f\u7528data()\u65b9\u6cd5\u5b58\u50a8\u4e34\u65f6\u53d8\u91cf<\/p>\n<h2><a name=\"t523\"><\/a><a target=\"_blank\" name=\"_Toc2081\"><\/a>13\u3001\u00a0\u00a0\u00a0 Zepto\u7684\u70b9\u900f\u95ee\u9898\u5982\u4f55\u89e3\u51b3\uff1f<\/h2>\n<p>\u70b9\u900f\u4e3b\u8981\u662f\u7531\u4e8e\u4e24\u4e2adiv\u91cd\u5408\uff0c\u4f8b\u5982\uff1a\u4e00\u4e2adiv\u8c03\u7528show()\uff0c\u4e00\u4e2adiv\u8c03\u7528hide()\uff1b\u8fd9\u4e2a\u65f6\u5019\u5f53\u70b9\u51fb\u4e0a\u9762\u7684div\u7684\u65f6\u5019\u5c31\u4f1a\u5f71\u54cd\u5230\u4e0b\u9762\u7684\u90a3\u4e2adiv\uff1b<\/p>\n<p>\u89e3\u51b3\u529e\u6cd5\u4e3b\u8981\u67092\u79cd\uff1a<\/p>\n<p>1.github\u4e0a\u6709\u4e00\u4e2a\u53eb\u505afastclick\u7684\u5e93\uff0c\u5b83\u4e5f\u80fd\u89c4\u907f\u79fb\u52a8\u8bbe\u5907\u4e0aclick\u4e8b\u4ef6\u7684\u5ef6\u8fdf\u54cd\u5e94\uff0chttps:\/\/github.com\/ftlabs\/fastclick<\/p>\n<p>\u5c06\u5b83\u7528script\u6807\u7b7e\u5f15\u5165\u9875\u9762\uff08\u8be5\u5e93\u652f\u6301AMD\uff0c\u4e8e\u662f\u4f60\u4e5f\u53ef\u4ee5\u6309\u7167AMD\u89c4\u8303\uff0c\u7528\u8bf8\u5982require.js\u7684\u6a21\u5757\u52a0\u8f7d\u5668\u5f15\u5165\uff09\uff0c\u5e76\u4e14\u5728dom ready\u65f6\u521d\u59cb\u5316\u5728body\u4e0a\uff0c<\/p>\n<p>2.\u6839\u636e\u5206\u6790\uff0c\u5982\u679c\u4e0d\u5f15\u5165\u5176\u5b83\u7c7b\u5e93\uff0c\u4e5f\u4e0d\u60f3\u81ea\u5df1\u6309\u7167\u4e0a\u8ff0fastclcik\u7684\u601d\u8def\u518d\u5f00\u53d1\u4e00\u5957\u4e1c\u897f\uff0c\u9700\u89811.\u4e00\u4e2a\u4f18\u5148\u4e8e\u4e0b\u9762\u7684\u201cdivClickUnder\u201d\u6355\u83b7\u7684\u4e8b\u4ef6\uff1b2.\u5e76\u4e14\u901a\u8fc7\u8fd9\u4e2a\u4e8b\u4ef6\u963b\u6b62\u6389\u9ed8\u8ba4\u884c\u4e3a\uff08\u4e0b\u9762\u7684\u201cdivClickUnder\u201d\u5bf9click\u4e8b\u4ef6\u7684\u6355\u83b7\uff0c\u5728iOS\u7684safari\uff0cclick\u7684\u6355\u83b7\u88ab\u8ba4\u4e3a\u548c\u6eda\u5c4f\u3001\u70b9\u51fb\u8f93\u5165\u6846\u5f39\u8d77\u952e\u76d8\u7b49\u4e00\u6837\uff0c\u662f\u4e00\u79cd\u6d4f\u89c8\u5668\u9ed8\u8ba4\u884c\u4e3a\uff0c\u5373\u53ef\u4ee5\u88abevent.preventDefault()\u963b\u6b62\u7684\u884c\u4e3a\uff09\u3002<\/p>\n<h2><a name=\"t524\"><\/a><a target=\"_blank\" name=\"_Toc18615\"><\/a>12\u3001\u77e5\u9053\u5404\u79cdJS\u6846\u67b6(Angular, Backbone, Ember, React,Meteor, Knockout&#8230;)\u4e48? \u80fd\u8bb2\u51fa\u4ed6\u4eec\u5404\u81ea\u7684\u4f18\u70b9\u548c\u7f3a\u70b9\u4e48?<\/h2>\n<p>\u77e5\u8bc6\u9762\u7684\u5bbd\u5ea6\uff0c\u6d41\u884c\u6846\u67b6\u8981\u591a\u591a\u719f\u6089<\/p>\n<h2><a name=\"t525\"><\/a><a target=\"_blank\" name=\"_Toc25094\"><\/a>13\u3001Underscore \u5bf9\u54ea\u4e9b JS \u539f\u751f\u5bf9\u8c61\u8fdb\u884c\u4e86\u6269\u5c55\u4ee5\u53ca\u63d0\u4f9b\u4e86\u54ea\u4e9b\u597d\u7528\u7684\u51fd\u6570\u65b9\u6cd5\uff1f<\/h2>\n<p>Underscore\u7684\u719f\u6089\u7a0b\u5ea6<\/p>\n<h2><a name=\"t526\"><\/a><a target=\"_blank\" name=\"_Toc11610\"><\/a>14\u3001\u4f7f\u7528\u8fc7angular\u5417\uff1fangular\u4e2d\u7684\u8fc7\u6ee4\u5668\u662f\u5e72\u4ec0\u4e48\u7528\u7684<\/h2>\n<p>\u5728\u8868\u8fbe\u5f0f\u4e2d\u8f6c\u6362\u6570\u636e&lt;p&gt;\u59d3\u540d\u4e3a\u00a0{{lastName | uppercase }}&lt;\/p&gt;<\/p>\n<p>currency\uff0c\u662f\u4ec0\u4e48\u8fc7\u6ee4\u5668\u2014\u2014\u683c\u5f0f\u5316\u6570\u5b57\u4e3a\u8d27\u5e01\u683c\u5f0f\uff0c\u5355\u4f4d\u662f$\u7b26\u3002<\/p>\n<p>&nbsp;<\/p>\n<h1><a name=\"t527\"><\/a><a target=\"_blank\" name=\"_Toc19527\"><\/a>\u4e5d\u3001\u79fb\u52a8APP\u5f00\u53d1<\/h1>\n<h2><a name=\"t528\"><\/a><a target=\"_blank\" name=\"_Toc22705\"><\/a>1\u3001\u79fb\u52a8\u7aef\u6700\u5c0f\u89e6\u63a7\u533a\u57df\u662f\u591a\u5927\uff1f<\/h2>\n<p>\u79fb\u52a8\u7aef\u7684\u70b9\u51fb\u4e8b\u4ef6\u7684\u6709\u5ef6\u8fdf\uff0c\u65f6\u95f4\u662f\u591a\u4e45\uff0c\u4e3a\u4ec0\u4e48\u4f1a\u6709\uff1f\u600e\u4e48\u89e3\u51b3\u8fd9\u4e2a\u5ef6\u65f6\uff1f\uff08click \u6709 300ms \u5ef6\u8fdf,\u4e3a\u4e86\u5b9e\u73b0safari\u7684\u53cc\u51fb\u4e8b\u4ef6\u7684\u8bbe\u8ba1\uff0c\u6d4f\u89c8\u5668\u8981\u77e5\u9053\u4f60\u662f\u4e0d\u662f\u8981\u53cc\u51fb\u64cd\u4f5c\u3002\uff09<\/p>\n<h1><a name=\"t529\"><\/a><a target=\"_blank\" name=\"_Toc29712\"><\/a>\u5341\u3001NodeJs<\/h1>\n<h2><a name=\"t530\"><\/a><a target=\"_blank\" name=\"_Toc11152\"><\/a>1\u3001\u5bf9Node\u7684\u4f18\u70b9\u548c\u7f3a\u70b9\u63d0\u51fa\u4e86\u81ea\u5df1\u7684\u770b\u6cd5\uff1a<\/h2>\n<p>*\uff08\u4f18\u70b9\uff09\u56e0\u4e3aNode\u662f\u57fa\u4e8e\u4e8b\u4ef6\u9a71\u52a8\u548c\u65e0\u963b\u585e\u7684\uff0c\u6240\u4ee5\u975e\u5e38\u9002\u5408\u5904\u7406\u5e76\u53d1\u8bf7\u6c42\uff0c<\/p>\n<p>\u56e0\u6b64\u6784\u5efa\u5728Node\u4e0a\u7684\u4ee3\u7406\u670d\u52a1\u5668\u76f8\u6bd4\u5176\u4ed6\u6280\u672f\u5b9e\u73b0\uff08\u5982Ruby\uff09\u7684\u670d\u52a1\u5668\u8868\u73b0\u8981\u597d\u5f97\u591a\u3002<\/p>\n<p>\u6b64\u5916\uff0c\u4e0eNode\u4ee3\u7406\u670d\u52a1\u5668\u4ea4\u4e92\u7684\u5ba2\u6237\u7aef\u4ee3\u7801\u662f\u7531javascript\u8bed\u8a00\u7f16\u5199\u7684\uff0c<\/p>\n<p>\u56e0\u6b64\u5ba2\u6237\u7aef\u548c\u670d\u52a1\u5668\u7aef\u90fd\u7528\u540c\u4e00\u79cd\u8bed\u8a00\u7f16\u5199\uff0c\u8fd9\u662f\u975e\u5e38\u7f8e\u5999\u7684\u4e8b\u60c5\u3002<\/p>\n<p>*\uff08\u7f3a\u70b9\uff09Node\u662f\u4e00\u4e2a\u76f8\u5bf9\u65b0\u7684\u5f00\u6e90\u9879\u76ee\uff0c\u6240\u4ee5\u4e0d\u592a\u7a33\u5b9a\uff0c\u5b83\u603b\u662f\u4e00\u76f4\u5728\u53d8\uff0c<\/p>\n<p>\u800c\u4e14\u7f3a\u5c11\u8db3\u591f\u591a\u7684\u7b2c\u4e09\u65b9\u5e93\u652f\u6301\u3002\u770b\u8d77\u6765\uff0c\u5c31\u50cf\u662fRuby\/Rails\u5f53\u5e74\u7684\u6837\u5b50\u3002<\/p>\n<h2><a name=\"t531\"><\/a>2\u3001<a target=\"_blank\" name=\"_Toc17900\"><\/a>\u9700\u6c42\uff1a\u5b9e\u73b0\u4e00\u4e2a\u9875\u9762\u64cd\u4f5c\u4e0d\u4f1a\u6574\u9875\u5237\u65b0\u7684\u7f51\u7ad9\uff0c\u5e76\u4e14\u80fd\u5728\u6d4f\u89c8\u5668\u524d\u8fdb\u3001\u540e\u9000\u65f6\u6b63\u786e\u54cd\u5e94\u3002\u7ed9\u51fa\u4f60\u7684\u6280\u672f\u5b9e\u73b0\u65b9\u6848\uff1f<\/h2>\n<p>\u81f3\u5c11\u7ed9\u51fa\u81ea\u5df1\u7684\u601d\u8def\uff08url-hash,\u53ef\u4ee5\u4f7f\u7528\u5df2\u6709\u7684\u4e00\u4e9b\u6846\u67b6history.js\u7b49\uff09<\/p>\n<h2><a name=\"t532\"><\/a><a target=\"_blank\" name=\"_Toc23344\"><\/a>6\u3001Node.js\u7684\u9002\u7528\u573a\u666f\uff1f<\/h2>\n<p>1)\u3001\u5b9e\u65f6\u5e94\u7528\uff1a\u5982\u5728\u7ebf\u804a\u5929\uff0c\u5b9e\u65f6\u901a\u77e5\u63a8\u9001\u7b49\u7b49\uff08\u5982socket.io\uff09<\/p>\n<p>2)\u3001\u5206\u5e03\u5f0f\u5e94\u7528\uff1a\u901a\u8fc7\u9ad8\u6548\u7684\u5e76\u884cI\/O\u4f7f\u7528\u5df2\u6709\u7684\u6570\u636e<\/p>\n<p>3)\u3001\u5de5\u5177\u7c7b\u5e94\u7528\uff1a\u6d77\u91cf\u7684\u5de5\u5177\uff0c\u5c0f\u5230\u524d\u7aef\u538b\u7f29\u90e8\u7f72\uff08\u5982grunt\uff09\uff0c\u5927\u5230\u684c\u9762\u56fe\u5f62\u754c\u9762\u5e94\u7528\u7a0b\u5e8f<\/p>\n<p>4)\u3001\u6e38\u620f\u7c7b\u5e94\u7528\uff1a\u6e38\u620f\u9886\u57df\u5bf9\u5b9e\u65f6\u548c\u5e76\u53d1\u6709\u5f88\u9ad8\u7684\u8981\u6c42\uff08\u5982\u7f51\u6613\u7684pomelo\u6846\u67b6\uff09<\/p>\n<p>5)\u3001\u5229\u7528\u7a33\u5b9a\u63a5\u53e3\u63d0\u5347Web\u6e32\u67d3\u80fd\u529b<\/p>\n<p>6)\u3001\u524d\u540e\u7aef\u7f16\u7a0b\u8bed\u8a00\u73af\u5883\u7edf\u4e00\uff1a\u524d\u7aef\u5f00\u53d1\u4eba\u5458\u53ef\u4ee5\u975e\u5e38\u5feb\u901f\u5730\u5207\u5165\u5230\u670d\u52a1\u5668\u7aef\u7684\u5f00\u53d1\uff08\u5982\u8457\u540d\u7684\u7eafJavascript\u5168\u6808\u5f0fMEAN\u67b6\u6784\uff09<\/p>\n<h2><a name=\"t533\"><\/a><a target=\"_blank\" name=\"_Toc14729\"><\/a>4\u3001(\u5982\u679c\u4f1a\u7528node)\u77e5\u9053route,middleware, cluster, nodemon, pm2, server-side rendering\u4e48?<\/h2>\n<p>Nodejs\u76f8\u5173\u6982\u5ff5\u7684\u7406\u89e3\u7a0b\u5ea6<\/p>\n<h2><a name=\"t534\"><\/a><a target=\"_blank\" name=\"_Toc8833\"><\/a>7\u3001\u89e3\u91ca\u4e00\u4e0bBackbone \u7684 MVC \u5b9e\u73b0\u65b9\u5f0f\uff1f<\/h2>\n<p>\u6d41\u884c\u7684MVC\u67b6\u6784\u6a21\u5f0f<\/p>\n<h2><a name=\"t535\"><\/a><a target=\"_blank\" name=\"_Toc68\"><\/a>8\u3001\u4ec0\u4e48\u662f\u201c\u524d\u7aef\u8def\u7531\u201d?\u4ec0\u4e48\u65f6\u5019\u9002\u5408\u4f7f\u7528\u201c\u524d\u7aef\u8def\u7531\u201d? \u201c\u524d\u7aef\u8def\u7531\u201d\u6709\u54ea\u4e9b\u4f18\u70b9\u548c\u7f3a\u70b9?<\/h2>\n<p>\u719f\u6089\u524d\u540e\u7aef\u901a\u4fe1\u76f8\u5173\u77e5\u8bc6<\/p>\n<h2><a name=\"t536\"><\/a><a target=\"_blank\" name=\"_Toc28393\"><\/a>7\u3001\u5bf9Node\u7684\u4f18\u70b9\u548c\u7f3a\u70b9\u63d0\u51fa\u4e86\u81ea\u5df1\u7684\u770b\u6cd5\uff1f<\/h2>\n<p>\u4f18\u70b9\uff1a<\/p>\n<p>1. \u56e0\u4e3aNode\u662f\u57fa\u4e8e\u4e8b\u4ef6\u9a71\u52a8\u548c\u65e0\u963b\u585e\u7684\uff0c\u6240\u4ee5\u975e\u5e38\u9002\u5408\u5904\u7406\u5e76\u53d1\u8bf7\u6c42\uff0c\u56e0\u6b64\u6784\u5efa\u5728Node\u4e0a\u7684\u4ee3\u7406\u670d\u52a1\u5668\u76f8\u6bd4\u5176\u4ed6\u6280\u672f\u5b9e\u73b0\uff08\u5982Ruby\uff09\u7684\u670d\u52a1\u5668\u8868\u73b0\u8981\u597d\u5f97\u591a\u3002<\/p>\n<p>2. \u4e0eNode\u4ee3\u7406\u670d\u52a1\u5668\u4ea4\u4e92\u7684\u5ba2\u6237\u7aef\u4ee3\u7801\u662f\u7531javascript\u8bed\u8a00\u7f16\u5199\u7684\uff0c\u56e0\u6b64\u5ba2\u6237\u7aef\u548c\u670d\u52a1\u5668\u7aef\u90fd\u7528\u540c\u4e00\u79cd\u8bed\u8a00\u7f16\u5199\uff0c\u8fd9\u662f\u975e\u5e38\u7f8e\u5999\u7684\u4e8b\u60c5\u3002<\/p>\n<p>\u7f3a\u70b9\uff1a<\/p>\n<p>1. Node\u662f\u4e00\u4e2a\u76f8\u5bf9\u65b0\u7684\u5f00\u6e90\u9879\u76ee\uff0c\u6240\u4ee5\u4e0d\u592a\u7a33\u5b9a\uff0c\u5b83\u603b\u662f\u4e00\u76f4\u5728\u53d8\u3002<\/p>\n<p>2. \u7f3a\u5c11\u8db3\u591f\u591a\u7684\u7b2c\u4e09\u65b9\u5e93\u652f\u6301\u3002\u770b\u8d77\u6765\uff0c\u5c31\u50cf\u662fRuby\/Rails\u5f53\u5e74\u7684\u6837\u5b50\uff08\u7b2c\u4e09\u65b9\u5e93\u73b0\u5728\u5df2\u7ecf\u5f88\u4e30\u5bcc\u4e86\uff0c\u6240\u4ee5\u8fd9\u4e2a\u7f3a\u70b9\u53ef\u4ee5\u8bf4\u4e0d\u5b58\u5728\u4e86\uff09\u3002<\/p>\n<p>&nbsp;<\/p>\n<h1><a name=\"t537\"><\/a><a target=\"_blank\" name=\"_Toc21859\"><\/a>\u5341\u4e00\u3001\u524d\u7aef\u6982\u62ec\u6027\u95ee\u9898<\/h1>\n<h2><a name=\"t538\"><\/a><a target=\"_blank\" name=\"_Toc27686\"><\/a>1\u3001\u5e38\u4f7f\u7528\u7684\u5e93\u6709\u54ea\u4e9b\uff1f\u5e38\u7528\u7684\u524d\u7aef\u5f00\u53d1\u5de5\u5177\uff1f\u5f00\u53d1\u8fc7\u4ec0\u4e48\u5e94\u7528\u6216\u7ec4\u4ef6\uff1f<\/h2>\n<p>\u4f7f\u7528\u7387\u8f83\u9ad8\u7684\u6846\u67b6\u6709jQuery\u3001YUI\u3001Prototype\u3001Dojo\u3001Ext.js\u3001Mootools\u7b49\u3002\u5c24\u5176\u662fjQuery\uff0c\u8d85\u8fc791%\u3002<\/p>\n<p>\u8f7b\u91cf\u7ea7\u6846\u67b6\u6709Modernizr\u3001underscore.js\u3001backbone.js\u3001Raphael.js\u7b49\u3002\uff08\u7406\u89e3\u8fd9\u4e9b\u6846\u67b6\u7684\u529f\u80fd\u3001\u6027\u80fd\u3001\u8bbe\u8ba1\u539f\u7406\uff09<\/p>\n<p>\u524d\u7aef\u5f00\u53d1\u5de5\u5177\uff1aSublime Text \u3001Eclipse\u3001Notepad\u3001Firebug\u3001HttpWatch\u3001Yslow\u3002<\/p>\n<p>\u5f00\u53d1\u8fc7\u7684\u63d2\u4ef6\uff1a\u57ce\u5e02\u9009\u62e9\u63d2\u4ef6\uff0c\u6c7d\u8f66\u578b\u53f7\u9009\u62e9\u63d2\u4ef6\u3001\u5e7b\u706f\u7247\u63d2\u4ef6\u3002\u5f39\u51fa\u5c42\u3002\uff08\u5199\u8fc7\u5f00\u6e90\u7a0b\u5e8f\uff0c\u52a0\u8f7d\u5668\uff0cjs\u5f15\u64ce\u66f4\u597d\uff09<\/p>\n<h2><a name=\"t539\"><\/a><a target=\"_blank\" name=\"_Toc25844\"><\/a>9\u3001\u5bf9BFC\u89c4\u8303\u7684\u7406\u89e3\uff1f<\/h2>\n<p>FormattingContext\uff1a\u6307\u9875\u9762\u4e2d\u7684\u4e00\u4e2a\u6e32\u67d3\u533a\u57df\uff0c\u5e76\u4e14\u62e5\u6709\u4e00\u5957\u6e32\u67d3\u89c4\u5219\uff0c\u4ed6\u51b3\u5b9a\u4e86\u5176\u5b50\u5143\u7d20\u5982\u4f55\u5b9a\u4f4d\uff0c\u4ee5\u53ca\u4e0e\u5176\u4ed6\u5143\u7d20\u7684\u76f8\u4e92\u5173\u7cfb\u548c\u4f5c\u7528\u3002<\/p>\n<h2><a name=\"t540\"><\/a><a target=\"_blank\" name=\"_Toc12344\"><\/a>3\u300199%\u7684\u7f51\u7ad9\u90fd\u9700\u8981\u88ab\u91cd\u6784\u662f\u90a3\u672c\u4e66\u4e0a\u5199\u7684\uff1f<\/h2>\n<p>\u7f51\u7ad9\u91cd\u6784\uff1a\u5e94\u7528web\u6807\u51c6\u8fdb\u884c\u8bbe\u8ba1\uff08\u7b2c2\u7248\uff09<\/p>\n<h2><a name=\"t541\"><\/a><a target=\"_blank\" name=\"_Toc9878\"><\/a>4\u3001WEB\u5e94\u7528\u4ece\u670d\u52a1\u5668\u4e3b\u52a8\u63a8\u9001Data\u5230\u5ba2\u6237\u7aef\u6709\u90a3\u4e9b\u65b9\u5f0f\uff1f<\/h2>\n<p>html5 websoket<\/p>\n<p>WebSocket\u901a\u8fc7Flash<\/p>\n<p>XHR\u957f\u65f6\u95f4\u8fde\u63a5<\/p>\n<p>XHR Multipart Streaming<\/p>\n<p>\u4e0d\u53ef\u89c1\u7684Iframe<\/p>\n<p>&lt;script&gt;\u6807\u7b7e\u7684\u957f\u65f6\u95f4\u8fde\u63a5(\u53ef\u8de8\u57df)<\/p>\n<h2><a name=\"t542\"><\/a><a target=\"_blank\" name=\"_Toc3948\"><\/a>5\u3001\u52a0\u73ed\u7684\u770b\u6cd5<\/h2>\n<p>\u52a0\u73ed\u5c31\u50cf\u501f\u94b1\uff0c\u539f\u5219\u5e94\u5f53\u662f&#8212;&#8212;\u6551\u6025\u4e0d\u6551\u7a77<\/p>\n<h2><a name=\"t543\"><\/a><a target=\"_blank\" name=\"_Toc13257\"><\/a>6\u3001\u5e73\u65f6\u5982\u4f55\u7ba1\u7406\u4f60\u7684\u9879\u76ee\uff0c\u5982\u4f55\u8bbe\u8ba1\u7a81\u53d1\u5927\u89c4\u6a21\u5e76\u53d1\u67b6\u6784\uff1f<\/h2>\n<p>\u5148\u671f\u56e2\u961f\u5fc5\u987b\u786e\u5b9a\u597d\u5168\u5c40\u6837\u5f0f\uff08globe.css\uff09\uff0c\u7f16\u7801\u6a21\u5f0f(utf-8) \u7b49<\/p>\n<p>\u7f16\u5199\u4e60\u60ef\u5fc5\u987b\u4e00\u81f4\uff08\u4f8b\u5982\u90fd\u662f\u91c7\u7528\u7ee7\u627f\u5f0f\u7684\u5199\u6cd5\uff0c\u5355\u6837\u5f0f\u90fd\u5199\u6210\u4e00\u884c\uff09\uff1b<\/p>\n<p>\u6807\u6ce8\u6837\u5f0f\u7f16\u5199\u4eba\uff0c\u5404\u6a21\u5757\u90fd\u53ca\u65f6\u6807\u6ce8\uff08\u6807\u6ce8\u5173\u952e\u6837\u5f0f\u8c03\u7528\u7684\u5730\u65b9\uff09\uff1b<\/p>\n<p>\u9875\u9762\u8fdb\u884c\u6807\u6ce8\uff08\u4f8b\u5982 \u9875\u9762 \u6a21\u5757 \u5f00\u59cb\u548c\u7ed3\u675f\uff09\uff1b<\/p>\n<p>CSS\u8ddfHTML \u5206\u6587\u4ef6\u5939\u5e76\u884c\u5b58\u653e\uff0c\u547d\u540d\u90fd\u5f97\u7edf\u4e00\uff08\u4f8b\u5982style.css\uff09<\/p>\n<p>JS \u5206\u6587\u4ef6\u5939\u5b58\u653e\u547d\u6c11\u4ee5\u8be5JS \u529f\u80fd\u4e3a\u51c6\u82f1\u6587\u7ffb\u8bd1\uff1b<\/p>\n<p>\u56fe\u7247\u91c7\u7528\u6574\u5408\u7684 images.png png8 \u683c\u5f0f\u6587\u4ef6\u4f7f\u7528 \u5c3d\u91cf\u6574\u5408\u5728\u4e00\u8d77\u4f7f\u7528\u65b9\u4fbf\u5c06\u6765\u7684\u7ba1\u7406<\/p>\n<h2><a name=\"t544\"><\/a><a target=\"_blank\" name=\"_Toc8713\"><\/a>7\u3001\u90a3\u4e9b\u64cd\u4f5c\u4f1a\u9020\u6210\u5185\u5b58\u6cc4\u6f0f\uff1f<\/h2>\n<p>\u5185\u5b58\u6cc4\u6f0f\u6307\u4efb\u4f55\u5bf9\u8c61\u5728\u60a8\u4e0d\u518d\u62e5\u6709\u6216\u9700\u8981\u5b83\u4e4b\u540e\u4ecd\u7136\u5b58\u5728\u3002<\/p>\n<p>\u5783\u573e\u56de\u6536\u5668\u5b9a\u671f\u626b\u63cf\u5bf9\u8c61\uff0c\u5e76\u8ba1\u7b97\u5f15\u7528\u4e86\u6bcf\u4e2a\u5bf9\u8c61\u7684\u5176\u4ed6\u5bf9\u8c61\u7684\u6570\u91cf\u3002\u5982\u679c\u4e00\u4e2a\u5bf9\u8c61\u7684\u5f15\u7528\u6570\u91cf\u4e3a 0\uff08\u6ca1\u6709\u5176\u4ed6\u5bf9\u8c61\u5f15\u7528\u8fc7\u8be5\u5bf9\u8c61\uff09\uff0c\u6216\u5bf9\u8be5\u5bf9\u8c61\u7684\u60df\u4e00\u5f15\u7528\u662f\u5faa\u73af\u7684\uff0c\u90a3\u4e48\u8be5\u5bf9\u8c61\u7684\u5185\u5b58\u5373\u53ef\u56de\u6536\u3002<\/p>\n<p>setTimeout \u7684\u7b2c\u4e00\u4e2a\u53c2\u6570\u4f7f\u7528\u5b57\u7b26\u4e32\u800c\u975e\u51fd\u6570\u7684\u8bdd\uff0c\u4f1a\u5f15\u53d1\u5185\u5b58\u6cc4\u6f0f\u3002<\/p>\n<p>\u95ed\u5305\u3001\u63a7\u5236\u53f0\u65e5\u5fd7\u3001\u5faa\u73af\uff08\u5728\u4e24\u4e2a\u5bf9\u8c61\u5f7c\u6b64\u5f15\u7528\u4e14\u5f7c\u6b64\u4fdd\u7559\u65f6\uff0c\u5c31\u4f1a\u4ea7\u751f\u4e00\u4e2a\u5faa\u73af\uff09<\/p>\n<h2><a name=\"t545\"><\/a><a target=\"_blank\" name=\"_Toc7537\"><\/a>8\u3001\u4f60\u8bf4\u4f60\u70ed\u7231\u524d\u7aef\uff0c\u90a3\u4e48\u5e94\u8be5WEB\u884c\u4e1a\u7684\u53d1\u5c55\u5f88\u5173\u6ce8\u5427\uff1f \u8bf4\u8bf4\u6700\u8fd1\u6700\u6d41\u884c\u7684\u4e00\u4e9b\u4e1c\u897f\u5427\uff1f<\/h2>\n<p>Node.js\u3001MongoDB\u3001npm\u3001MVVM\u3001MEAN\u3001React\u3001AngularJS<\/p>\n<h2><a name=\"t546\"><\/a><a target=\"_blank\" name=\"_Toc4148\"><\/a>9\u3001\u4f60\u6709\u4e86\u89e3\u6211\u4eec\u516c\u53f8\u5417\uff1f\u8bf4\u8bf4\u4f60\u7684\u8ba4\u8bc6\uff1f<\/h2>\n<p>\u56e0\u4e3a\u6211\u60f3\u53bb\u963f\u91cc\uff0c\u6240\u4ee5\u6211\u9488\u5bf9\u963f\u91cc\u7684\u8bf4<\/p>\n<p>\u6700\u7fa1\u6155\u5c31\u662f\u5728\u53cc\u5341\u4e00\u8d2d\u7269\u8282\uff0c350.19\u4ebf\u5143\uff0c\u6bcf\u5206\u949f\u652f\u4ed879\u4e07\u7b14\u3002\u6d77\u91cf\u6570\u636e\uff0c\u5c45\u7136\u65e0\u4e00\u6f0f\u5355\u3001\u65e0\u4e00\u6545\u969c\u3002\u592a\u5389\u5bb3\u4e86\u3002<\/p>\n<h2><a name=\"t547\"><\/a><a target=\"_blank\" name=\"_Toc8874\"><\/a>10\u3001\u00a0\u00a0\u00a0 \u79fb\u52a8\u7aef\uff08\u6bd4\u5982\uff1aAndroidIOS\uff09\u600e\u4e48\u505a\u597d\u7528\u6237\u4f53\u9a8c?<\/h2>\n<p>\u878d\u5165\u81ea\u5df1\u7684\u8bbe\u8ba1\u7406\u5ff5\uff0c\u6ce8\u91cd\u7528\u6237\u4f53\u9a8c\uff0c\u9009\u62e9\u5408\u9002\u7684\u6280\u672f<\/p>\n<h2><a name=\"t548\"><\/a><a target=\"_blank\" name=\"_Toc7672\"><\/a>11\u3001\u00a0\u00a0\u00a0 \u4f60\u6240\u77e5\u9053\u7684\u9875\u9762\u6027\u80fd\u4f18\u5316\u65b9\u6cd5\u6709\u90a3\u4e9b\uff1f<\/h2>\n<p>\u538b\u7f29\u3001\u5408\u5e76\uff0c\u51cf\u5c11\u8bf7\u6c42\uff0c\u4ee3\u7801\u5c42\u6790\u4f18\u5316\u3002\u3002\u3002<\/p>\n<h2><a name=\"t549\"><\/a><a target=\"_blank\" name=\"_Toc31533\"><\/a>12\u3001\u00a0\u00a0\u00a0 \u9664\u4e86\u524d\u7aef\u4ee5\u5916\u8fd8\u4e86\u89e3\u4ec0\u4e48\u5176\u5b83\u6280\u672f\u4e48\uff1f\u4f60\u6700\u6700\u5389\u5bb3\u7684\u6280\u80fd\u662f\u4ec0\u4e48\uff1f<\/h2>\n<p>\u77e5\u8bc6\u9762\u5bbd\u5ea6\uff0c\u6700\u597d\u719f\u6089\u4e00\u4e9b\u540e\u53f0\u8bed\u8a00\uff0c\u6bd4\u5982php\uff0c\u5c55\u73b0\u51fa\u81ea\u5df1\u7684\u6280\u672f\u4e24\u70b9<\/p>\n<h2><a name=\"t550\"><\/a><a target=\"_blank\" name=\"_Toc158\"><\/a>13\u3001AMD\uff08Modules\/Asynchronous-Definition\uff09\u3001CMD\uff08Common Module Definition\uff09\u89c4\u8303\u533a\u522b\uff1f<\/h2>\n<h2><a name=\"t551\"><\/a><a target=\"_blank\" name=\"_Toc14795\"><\/a>14\u3001\u8c08\u8c08\u4f60\u8ba4\u4e3a\u600e\u6837\u505a\u80fd\u4f7f\u9879\u76ee\u505a\u7684\u66f4\u597d\uff1f<\/h2>\n<p>\u8003\u8651\u95ee\u9898\u7684\u6df1\u5165\uff0c\u4e0d\u4ec5\u4ec5\u505c\u7559\u5728\u5b8c\u6210\u4efb\u52a1\u4e0a\uff0c\u8981\u7cbe\u76ca\u6c42\u7cbe<\/p>\n<h2><a name=\"t552\"><\/a><a target=\"_blank\" name=\"_Toc4023\"><\/a>15\u3001\u4f60\u5bf9\u524d\u7aef\u754c\u9762\u5de5\u7a0b\u5e08\u8fd9\u4e2a\u804c\u4f4d\u662f\u600e\u4e48\u6837\u7406\u89e3\u7684\uff1f\u5b83\u7684\u524d\u666f\u4f1a\u600e\u4e48\u6837\uff1f<\/h2>\n<p>\u8868\u73b0\u51fa\u5bf9\u524d\u7aef\u7684\u8ba4\u540c\u4e0e\u5174\u8da3\uff0c\u5173\u6ce8\u76f8\u5173\u6280\u672f\u524d\u6cbf<\/p>\n<h2><a name=\"t553\"><\/a><a target=\"_blank\" name=\"_Toc12232\"><\/a>16\u3001php\u4e2d\u4e0b\u9762\u54ea\u4e2a\u51fd\u6570\u53ef\u4ee5\u6253\u5f00\u4e00\u4e2a\u6587\u4ef6\uff0c\u4ee5\u5bf9\u6587\u4ef6\u8fdb\u884c\u8bfb\u548c\u5199\u64cd\u4f5c\uff1f<\/h2>\n<p align=\"left\">A.fget();\u00a0 B.file_open();\u00a0 <strong>C.fopen();\u00a0 <\/strong>D.open_file();<\/p>\n<h2><a name=\"t554\"><\/a><a target=\"_blank\" name=\"_Toc14215\"><\/a>17\u3001php\u4e2drmdir\u53ef\u4ee5\u76f4\u63a5\u5220\u9664\u6587\u4ef6\u5939\u5417\uff1f\u8be5\u76ee\u5f55\u5fc5\u987b\u662f\u7a7a\u7684\uff0c\u800c\u4e14\u8981\u6709\u76f8\u5e94\u7684\u6743\u9650&#8211;\u6765\u81eaapi<\/h2>\n<p align=\"left\">A.\u4efb\u4f55\u6587\u4ef6\u5939\u90fd\u53ef\u4ee5\u5220\u9664 \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0B.\u7a7a\u6587\u4ef6\u5939\u53ef\u4ee5\u5220\u9664<\/p>\n<p align=\"left\">C.\u6709\u6743\u9650\u7684\u4efb\u4f55\u6587\u4ef6\u5939\u90fd\u53ef\u4ee5\u5220\u9664\u00a0\u00a0D.\u6709\u6743\u9650\u7684\u7a7a\u6587\u4ef6\u5939\u53ef\u4ee5\u5220\u9664<\/p>\n<h2><a name=\"t555\"><\/a><a target=\"_blank\" name=\"_Toc16420\"><\/a>18\u3001phpinset\u548cempty\u7684\u533a\u522b\uff0c\u4e3e\u4f8b\u8bf4\u660e<\/h2>\n<p>1\u3001empty\u51fd\u6570<\/p>\n<p>\u7528\u9014\uff1a\u68c0\u6d4b\u53d8\u91cf\u662f\u5426\u4e3a\u7a7a<\/p>\n<p>\u5224\u65ad\uff1a\u5982\u679c var \u662f\u975e\u7a7a\u6216\u975e\u96f6\u7684\u503c\uff0c\u5219empty() \u8fd4\u56de FALSE\u3002\u6362\u53e5\u8bdd\u8bf4\uff0c&#8221;&#8221;\u30010\u3001&#8221;0&#8243;\u3001NULL\u3001FALSE\u3001array()\u3001var$var; \u4ee5\u53ca\u6ca1\u6709\u4efb\u4f55\u5c5e\u6027\u7684\u5bf9\u8c61\u90fd\u5c06\u88ab\u8ba4\u4e3a\u662f\u7a7a\u7684\uff0c\u5982\u679c var \u4e3a\u7a7a\uff0c\u5219\u8fd4\u56de TRUE\u3002\u6ce8\u610f\uff1aempty() \u53ea\u68c0\u6d4b\u53d8\u91cf\uff0c\u68c0\u6d4b\u4efb\u4f55\u975e\u53d8\u91cf\u7684\u4e1c\u897f\u90fd\u5c06\u5bfc\u81f4\u89e3\u6790\u9519\u8bef\u3002\u6362\u53e5\u8bdd\u8bf4\uff0c\u540e\u8fb9\u7684\u8bed\u53e5\u5c06\u4e0d\u4f1a\u8d77\u4f5c\u7528;<\/p>\n<p>2\u3001isset\u51fd\u6570<\/p>\n<p>\u7528\u9014\uff1a\u68c0\u6d4b\u53d8\u91cf\u662f\u5426\u8bbe\u7f6e<\/p>\n<p>\u5224\u65ad\uff1a\u68c0\u6d4b\u53d8\u91cf\u662f\u5426\u8bbe\u7f6e\uff0c\u5e76\u4e14\u4e0d\u662f NULL\u3002\u5982\u679c\u5df2\u7ecf\u4f7f\u7528 unset() \u91ca\u653e\u4e86\u4e00\u4e2a\u53d8\u91cf\u4e4b\u540e\uff0c\u5b83\u5c06\u4e0d\u518d\u662f isset()\u3002\u82e5\u4f7f\u7528 isset() \u6d4b\u8bd5\u4e00\u4e2a\u88ab\u8bbe\u7f6e\u6210 NULL \u7684\u53d8\u91cf\uff0c\u5c06\u8fd4\u56de FALSE\u3002\u540c\u65f6\u8981\u6ce8\u610f\u7684\u662f\u4e00\u4e2aNULL \u5b57\u8282\uff08&#8221;\\0&#8243;\uff09\u5e76\u4e0d\u7b49\u540c\u4e8e PHP \u7684 NULL \u5e38\u6570\u3002<\/p>\n<h2><a name=\"t556\"><\/a><a target=\"_blank\" name=\"_Toc32688\"><\/a>19\u3001php\u4e2d$_SERVER\u53d8\u91cf\u4e2d\u5982\u4f55\u5f97\u5230\u5f53\u524d\u6267\u884c\u811a\u672c\u8def\u52b2<\/h2>\n<h2><a name=\"t557\"><\/a><a target=\"_blank\" name=\"_Toc18961\"><\/a>20\u3001\u5199\u4e00\u4e2aphp\u51fd\u6570\uff0c\u8981\u6c42\u4e24\u4e2a\u65e5\u671f\u5b57\u7b26\u4e32\u7684\u5929\u6570\u5dee\uff0c\u59822012-02-05~2012-03-06\u7684\u65e5\u671f\u5dee\u6570<\/h2>\n<h2><a name=\"t558\"><\/a><a target=\"_blank\" name=\"_Toc20560\"><\/a>21\u3001\u4e00\u4e2a\u8863\u67dc\u4e2d\u653e\u4e86\u8bb8\u591a\u6742\u4e71\u7684\u886c\u886b\uff0c\u5982\u679c\u8ba9\u4f60\u53bb\u6574\u7406\u4e00\u4e0b\uff0c\u4f7f\u5f97\u66f4\u5bb9\u6613\u627e\u5230\u4f60\u60f3\u8981\u7684\u8863\u670d\uff1b\u4f60\u4f1a\u600e\u4e48\u505a\uff1f\u8bf7\u5199\u51fa\u4f60\u7684\u505a\u6cd5\u548c\u601d\u8def\uff1f<\/h2>\n<h2><a name=\"t559\"><\/a><a target=\"_blank\" name=\"_Toc19490\"><\/a>22\u3001\u5982\u4f55\u4f18\u5316\u7f51\u9875\u52a0\u8f7d\u901f\u5ea6\uff1f<\/h2>\n<p align=\"left\">\u00a0\u00a0 1.\u51cf\u5c11css\uff0cjs\u6587\u4ef6\u6570\u91cf\u53ca\u5927\u5c0f(\u51cf\u5c11\u91cd\u590d\u6027\u4ee3\u7801\uff0c\u4ee3\u7801\u91cd\u590d\u5229\u7528)\uff0c\u538b\u7f29CSS\u548cJs\u4ee3\u7801<\/p>\n<p align=\"left\">\u00a0\u00a0 2.\u56fe\u7247\u7684\u5927\u5c0f<\/p>\n<p align=\"left\">\u00a0\u00a0 3.\u628acss\u6837\u5f0f\u8868\u653e\u7f6e\u9876\u90e8\uff0c\u628ajs\u653e\u7f6e\u9875\u9762\u5e95\u90e8<\/p>\n<p align=\"left\">\u00a0\u00a0 4.\u51cf\u5c11http\u8bf7\u6c42\u6570<\/p>\n<p align=\"left\">\u00a0\u00a0 5.\u4f7f\u7528\u5916\u90e8 Js \u548c CSS<\/p>\n<h2><a name=\"t560\"><\/a><a target=\"_blank\" name=\"_Toc12524\"><\/a>23\u3001\u5de5\u4f5c\u6d41\u7a0b\uff0c\u4f60\u600e\u4e48\u6765\u5b9e\u73b0\u9875\u9762\u8bbe\u8ba1\u56fe\uff0c\u4f60\u8ba4\u4e3a\u524d\u7aef\u5e94\u8be5\u5982\u4f55\u9ad8\u8d28\u91cf\u5b8c\u6210\u5de5\u4f5c?<\/h2>\n<p>\u719f\u6089\u76f8\u5173\u8bbe\u8ba1\u89c4\u8303\uff0c\u81ea\u5df1\u603b\u7ed3\u7684\u4e00\u4e9b\u7ecf\u9a8c<\/p>\n<h2><a name=\"t561\"><\/a><a target=\"_blank\" name=\"_Toc11775\"><\/a>24\u3001\u4ecb\u7ecd\u9879\u76ee\u7ecf\u9a8c\u3001\u5408\u4f5c\u5f00\u53d1\u3001\u72ec\u7acb\u5f00\u53d1\u3002<\/h2>\n<p>\u56e2\u961f\u534f\u4f5c\uff0c\u4e2a\u4eba\u80fd\u529b\u3002\u5b9e\u8df5\u7ecf\u9a8c<\/p>\n<h2><a name=\"t562\"><\/a><a target=\"_blank\" name=\"_Toc22497\"><\/a>25\u3001\u5f00\u53d1\u8fc7\u7a0b\u4e2d\u9047\u5230\u56f0\u96be\uff0c\u5982\u4f55\u89e3\u51b3\u3002<\/h2>\n<p>\u8003\u5bdf\u89e3\u51b3\u95ee\u9898\u7684\u80fd\u529b<\/p>\n<h2><a name=\"t563\"><\/a><a target=\"_blank\" name=\"_Toc19612\"><\/a>26\u3001\u5bf9\u524d\u7aef\u754c\u9762\u5de5\u7a0b\u5e08\u8fd9\u4e2a\u804c\u4f4d\u662f\u600e\u4e48\u6837\u7406\u89e3\u7684\uff1f\u5b83\u7684\u524d\u666f\u4f1a\u600e\u4e48\u6837\uff1f<\/h2>\n<p align=\"left\">\u00a0\u00a0 \u00a0\u524d\u7aef\u662f\u6700\u8d34\u8fd1\u7528\u6237\u7684\u7a0b\u5e8f\u5458\uff0c\u6bd4\u540e\u7aef\u3001\u6570\u636e\u5e93\u3001\u4ea7\u54c1\u7ecf\u7406\u3001\u8fd0\u8425\u3001\u5b89\u5168\u90fd\u8fd1\u3002<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0 1\u3001\u5b9e\u73b0\u754c\u9762\u4ea4\u4e92<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0 2\u3001\u63d0\u5347\u7528\u6237\u4f53\u9a8c<\/p>\n<p align=\"left\">\u00a0\u00a0\u00a0 3\u3001\u6709\u4e86Node.js\uff0c\u524d\u7aef\u53ef\u4ee5\u5b9e\u73b0\u670d\u52a1\u7aef\u7684\u4e00\u4e9b\u4e8b\u60c5<\/p>\n<p align=\"left\">\u524d\u7aef\u662f\u6700\u8d34\u8fd1\u7528\u6237\u7684\u7a0b\u5e8f\u5458\uff0c\u524d\u7aef\u7684\u80fd\u529b\u5c31\u662f\u80fd\u8ba9\u4ea7\u54c1\u4ece 90\u5206\u8fdb\u5316\u5230 100 \u5206\uff0c\u751a\u81f3\u66f4\u597d\uff0c<\/p>\n<p align=\"left\">\u53c2\u4e0e\u9879\u76ee\uff0c\u5feb\u901f\u9ad8\u8d28\u91cf\u5b8c\u6210\u5b9e\u73b0\u6548\u679c\u56fe\uff0c\u7cbe\u786e\u52301px\uff1b<\/p>\n<p align=\"left\">\u4e0e\u56e2\u961f\u6210\u5458\uff0cUI\u8bbe\u8ba1\uff0c\u4ea7\u54c1\u7ecf\u7406\u7684\u6c9f\u901a\uff1b<\/p>\n<p align=\"left\">\u505a\u597d\u7684\u9875\u9762\u7ed3\u6784\uff0c\u9875\u9762\u91cd\u6784\u548c\u7528\u6237\u4f53\u9a8c\uff1b<\/p>\n<p align=\"left\">\u5904\u7406hack\uff0c\u517c\u5bb9\u3001\u5199\u51fa\u4f18\u7f8e\u7684\u4ee3\u7801\u683c\u5f0f\uff1b<\/p>\n<p align=\"left\">\u9488\u5bf9\u670d\u52a1\u5668\u7684\u4f18\u5316\u3001\u62e5\u62b1\u6700\u65b0\u524d\u7aef\u6280\u672f\u3002<\/p>\n<p align=\"left\">\u5176\u5b83\u76f8\u5173\u7684\u52a0\u5206\u9879\uff1a<\/p>\n<p align=\"left\">1. \u90fd\u4f7f\u7528\u548c\u4e86\u89e3\u8fc7\u54ea\u4e9b\u7f16\u8f91\u5668?\u90fd\u4f7f\u7528\u548c\u4e86\u89e3\u8fc7\u54ea\u4e9b\u65e5\u5e38\u5de5\u5177?<\/p>\n<p align=\"left\">2. \u90fd\u77e5\u9053\u6709\u54ea\u4e9b\u6d4f\u89c8\u5668\u5185\u6838?\u5f00\u53d1\u8fc7\u7684\u9879\u76ee\u90fd\u517c\u5bb9\u54ea\u4e9b\u6d4f\u89c8\u5668?<\/p>\n<p align=\"left\">3. \u7011\u5e03\u6d41\u5e03\u5c40\u6216\u8005\u6d41\u5f0f\u5e03\u5c40\u662f\u5426\u6709\u4e86\u89e3<\/p>\n<p align=\"left\">4.HTML5\u90fd\u6709\u54ea\u4e9b\u65b0\u7684API?<\/p>\n<p align=\"left\">5. \u90fd\u7528\u8fc7\u4ec0\u4e48\u4ee3\u7801\u8c03\u8bd5\u5de5\u5177?<\/p>\n<p align=\"left\">6. \u662f\u5426\u6709\u63a5\u89e6\u8fc7\u6216\u8005\u4e86\u89e3\u8fc7\u91cd\u6784\u3002<\/p>\n<p align=\"left\">7.\u4f60\u9047\u5230\u8fc7\u6bd4\u8f83\u96be\u7684\u6280\u672f\u95ee\u9898\u662f\uff1f\u4f60\u662f\u5982\u4f55\u89e3\u51b3\u7684\uff1f<\/p>\n<p class=\"post-copyright\">\u6b22\u8fce\u5206\u4eab\u672c\u6587\uff0c\u8f6c\u8f7d\u8bf7\u4fdd\u7559\u51fa\u5904\uff1a<a href=\"http:\/\/www.qdabc.cn\">\u524d\u7aefABC<\/a> &raquo; <a href=\"http:\/\/www.qdabc.cn\/?p=394\">\u524d\u7aef\u9762\u8bd5\u9898\u6c47\u603b<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>\u4e00\u3001HTML\u548cCSS 1\u3001\u4f60\u505a\u7684\u9875\u9762\u5728\u54ea\u4e9b\u6d41\u89c8\u5668\u6d4b\u8bd5\u8fc7\uff1f\u8fd9\u4e9b\u6d4f\u89c8\u5668\u7684\u5185\u6838\u5206\u522b\u662f\u4ec0\u4e48? IE:\u00a0trident\u5185\u6838 Firefox\uff1agecko\u5185\u6838 Safari:webkit\u5185\u6838 Opera:\u4ee5\u524d\u662fpr [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":115,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[88],"_links":{"self":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/394"}],"collection":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=394"}],"version-history":[{"count":3,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/394\/revisions"}],"predecessor-version":[{"id":397,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/394\/revisions\/397"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/media\/115"}],"wp:attachment":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=394"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=394"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=394"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}