{"id":1384,"date":"2011-01-18T21:59:06","date_gmt":"2011-01-18T13:59:06","guid":{"rendered":"http:\/\/www.zhangxinxu.com\/wordpress\/?p=1384"},"modified":"2018-01-01T22:03:03","modified_gmt":"2018-01-01T14:03:03","slug":"js%e9%9d%a2%e5%90%91%e6%95%b0%e6%8d%ae%e7%bc%96%e7%a8%8bdop%e4%b8%80%e7%82%b9%e5%88%86%e4%ba%ab","status":"publish","type":"post","link":"https:\/\/www.zhangxinxu.com\/wordpress\/2011\/01\/js%e9%9d%a2%e5%90%91%e6%95%b0%e6%8d%ae%e7%bc%96%e7%a8%8bdop%e4%b8%80%e7%82%b9%e5%88%86%e4%ba%ab\/","title":{"rendered":"js\u9762\u5411\u6570\u636e\u7f16\u7a0b(DOP)\u4e00\u70b9\u5206\u4eab"},"content":{"rendered":"<p>by <a href=\"http:\/\/www.zhangxinxu.com\/\">zhangxinxu<\/a> from <a href=\"http:\/\/www.zhangxinxu.com\/\">http:\/\/www.zhangxinxu.com<\/a><br \/>\n\u672c\u6587\u5730\u5740\uff1a<a href=\"http:\/\/www.zhangxinxu.com\/wordpress\/?p=1384\">http:\/\/www.zhangxinxu.com\/wordpress\/?p=1384<\/a><\/p>\n<h3>\u4e00\u3001\u5c0f\u5386\u53f2<\/h3>\n<p>\u9762\u5bf9\u6570\u636e\u7f16\u7a0b(data-oriented-programme)\u8fd9\u4e2a\u6982\u5ff5\u7b2c\u4e00\u6b21\u63a5\u53d7\u662f\u5728<del datetime=\"2011-01-18T01:18:36+00:00\">\u53bb\u5e74<\/del>\u524d\u5e74\u963f\u91cc\u5df4\u5df4\u4e3e\u884c\u7684D2\u524d\u7aef\u8bba\u575b\u4e0a\uff0c\u6765\u81eaBaidu\u91d1\u5927\u4e3a\uff1a\u300a\u6a21\u677f\u8bed\u8a00\u4e0e\u5927\u524d\u7aef\u300b\u7684\u5206\u4eab\uff0c\u5176\u89c6\u9891\u94fe\u63a5\u5982\u4e0b\uff1a<br \/>\n<embed height=\"400\" align=\"middle\" width=\"480\" type=\"application\/x-shockwave-flash\" mode=\"transparent\" allowscriptaccess=\"allways\" quality=\"high\" src=\"http:\/\/player.youku.com\/player.php\/Type\/Folder\/Fid\/4053840\/Ob\/1\/Pt\/2\/sid\/XMTQyMDY1MDUy\/v.swf\"><\/p>\n<p>\u53bb\u5e74\uff0c\u54e6\uff0c\u5df2\u7ecf2011\u5e74\u4e86\uff0c\u5e94\u8be5\u662f\u524d\u5e74\u4e86\uff0c\u90a3\u4f1a\u513f\u6b63\u662f\u6211\u95ed\u5173\u4fee\u70bc\u4e4b\u65f6\uff0c\u5c1a\u672a\u5f00\u59cb\u5de5\u4f5c\uff0cjs\u5462\u5c31\u662f\u4e2a\u83dc\uff0c\u800c\u4e14\u8fd8\u662f\u4e2a\u975e\u5e38\u7626\u5f31\u7684\u8c46\u82bd\u83dc\uff0c\u6240\u4ee5\u5f53\u65f6\u6982\u5ff5\u7684\u63a5\u53d7\u6bd4\u8f83\u56eb\u56f5\u3002\u4f46\u662f\u81ea\u77e5\u662f\u6709\u7528\u7684\u4e1c\u897f\uff0c\u7ba1\u4ed6\u61c2\u4e0d\u61c2\uff0c\u5148\u585e\u5230\u5927\u8111\u5e93\u5b58\u4e2d\u7f13\u5b58\uff0c\u4ee5\u4fbf\u65e5\u540e\u8bfb\u53d6\u3002<\/p>\n<p>\u540e\u6709\u5e78\u53c2\u4e0ejs\u65b9\u9762\u7684\u5de5\u4f5c\uff0c\u540e\u53c8\u975e\u5e38\u5e78\u8fd0\u7684\u53c2\u4e0e\u4e86\u5927\u6570\u636e\u91cfjs\u4ea4\u4e92\u7684\u5de5\u4f5c\u3002\u540e\u53d1\u73b0\uff0c\u91c7\u7528\u4f20\u7edf\u7684DOM\u64cd\u4f5c\uff08\u6dfb\u52a0\u3001\u5220\u9664\u7b49\uff09\u903b\u8f91\u8fc7\u591a\uff0c\u7275\u626f\u751a\u5e7f\uff0c\u5bb9\u6613\u51fa\u758f\u6f0f\u548cbug\uff0c\u7ef4\u62a4\u4e5f\u9887\u4e3a\u4e0d\u4fbf\uff0c\u66f4\u4e3a\u5173\u952e\u7684\u662f\u6027\u80fd\u95ee\u9898\uff0c\u4f8b\u5982\u5728IE6\u4e0b\u901f\u5ea6\u660e\u663e\u4f4e\u5f88\u591a\u3002\u5982\u4f55\u6539\u8fdb\uff1f\u5728\u7537\u8db3\u7248\u6df7\u4e71\u7684\u601d\u8003\u540e\uff0c\u60f3\u5230\u4e86\u5728\u6570\u636e\u5c42\u8fdb\u884c\u4fee\u6539\u5220\u9664\u7b49\uff0c\u7136\u540eDOM\u552f\u4e00\u76f8\u5173\u7684\u64cd\u4f5c\u5c31\u662f\u6279\u91cf\u5237\u65b0\u4e0e\u4e8b\u4ef6\u7ed1\u5b9a\u3002\u540e\u53d1\u73b0\u903b\u8f91\u6e05\u6670\u4e86\uff0c\u6027\u80fd\u63d0\u5347\u4e86\uff0c\u7ef4\u62a4\u4e0e\u4fee\u6539\u4e5f\u76f8\u5f53\u8f7b\u677e\u3002\u5f00\u59cb\u5c1d\u8bd5\u65f6\u8fd8\u662f\u6709\u4e9b\u624b\u751f\u7684\uff0c\u4e0d\u8fc7\u8fd9\u534a\u5e74\u6765\u591a\u6b21\u6298\u817e\uff0c\u73b0\u5728\u5bf9\u5176\u4f7f\u7528\u601d\u8def\u6108\u53d1\u6e05\u6670\uff0c\u8d81\u6700\u8fd1\u9879\u76ee\u8fdb\u5165\u6d4b\u8bd5\u9636\u6bb5\uff0c\u53ef\u4ee5\u6b47\u53e3\u6c14\uff0c\u62ff\u51fa\u6765\u7b80\u5355\u8bf4\u8bf4\u3002<\/p>\n<h3>\u4e8c\u3001\u5148\u626f\u70b9\u8fdc\u7684<\/h3>\n<p>\u6211\u4eec\u5148\u8df3\u51fa\u4ee3\u7801\uff0c\u4ece\u66f4\u76f4\u89c2\u4e0e\u6613\u4e8e\u7406\u89e3\u7684\u5b8f\u8fdc\u4e16\u754c\u53bb\u770b\u4e3a\u4ec0\u4e48\u9762\u5411\u6570\u636e\u7684\u7f16\u7a0b\u4e3a\u4f55\u5728\u5927\u6570\u636e\u91cf\u7684\u7f16\u7a0b\u4e2d\u66f4\u8f7b\u677e\uff0c\u7b80\u5355\u4e0e\u4fbf\u4e8e\u7ef4\u62a4\u3002<\/p>\n<p>\u62ff\u4fee\u623f\u5b50\u4e3e\u4f8b\u3002\u5047\u8bbe\u6731\u5927\u957f\u7531\u4e8e\u67d0\u4e9b\u4e0d\u4fbf\u900f\u9732\u7684\u539f\u56e0\uff0c\u8981\u5bf9\u623f\u5b50\u8fdb\u884c\u4e00\u4e9b\u6574\u4fee\uff0c\u7136\u540e\u4ed6\u627e\u4e86\u51e0\u4e2a\u7ed9\u529b<img decoding=\"async\" src=\"http:\/\/img.t.sinajs.cn\/t3\/style\/images\/common\/face\/ext\/normal\/c9\/geili_thumb.gif\" \/>\u7684\u5de5\u4eba\uff1a\u4e00\u662f\u5efa\u623f\u80fd\u624b\uff0c\u5929\u5929\uff0c\u5176\u64c5\u957f\u505a\u6dfb\u7816\u52a0\u74e6\u7684\u6d3b\uff1b\u7b2c\u4e8c\u4f4d\u662f\u6765\u81ea\u62c6\u8fc1\u961f\u7684\u59d7\u59d7\uff0c\u5176\u64c5\u957f\u201c\u5243\u6389\u201d\u90a3\u4e9b\u957f\u5f97\u4e0d\u89c4\u77e9\u7684\u7816\u74e6\uff1b\u7b2c\u4e09\u4f4d\u662f\u88c5\u4fee\u8fbe\u4eba\uff0c\u8fb9\u8fb9\uff0c\u5176\u64c5\u957f\u5bf9\u6bdb\u576f\u7684\u7816\u74e6\u505a\u7f8e\u5316\uff0c\u80fd\u662f\u623f\u5b50\u53d8\u5f97\u66f4\u6f02\u4eae\u3002\u6211\u4eec\u53ef\u4ee5\u60f3\u8c61\u51fa\u6765\uff0c\u5f53\u8fd9\u51e0\u4e2a\u4eba\u53c2\u4e0e\u4e86\u4fee\u7406\u623f\u5c4b\u7684\u5de5\u4f5c\uff0c\u72b6\u51b5\u5e94\u8be5\u662f\u8fd9\u6837\u7684\uff08\u89c1\u4e0b\u56fe\uff09\uff1a<br \/>\n<img loading=\"lazy\" decoding=\"async\" alt=\"DOM\u64cd\u4f5c\u4e0e\u5efa\u623f\u5b50\u793a\u610f\u56fe \u5f20\u946b\u65ed-\u946b\u7a7a\u95f4-\u946b\u751f\u6d3b\" src=\"http:\/\/image.zhangxinxu.com\/image\/blog\/201101\/dop-show-1.png\" title=\"DOM\u64cd\u4f5c\u4e0e\u5efa\u623f\u5b50\u793a\u610f\u56fe \u5f20\u946b\u65ed-\u946b\u7a7a\u95f4-\u946b\u751f\u6d3b\" class=\"alignnone\" width=\"550\" height=\"509\" \/><\/p>\n<p>\u5929\u5929\u89c9\u5f97\uff0c\u8fd9\u91cc\u5e94\u8be5\u52a0\u4e00\u5757\u7816\u5934\uff0c\u4e8e\u662f\uff0c\u4ed6\u5c31\u5728\u623f\u5b50\u7684\u8fd9\u4e2a\u4f4d\u7f6e\u52a0\u4e86\u5757\u7816\u5934\uff1b\u59d7\u59d7\u540c\u5b66\u5acc\u67d0\u4e9b\u7816\u5934\u957f\u5f97\u5f88\u788d\u773c\uff0c\u51b3\u5b9a\u628a\u5b83\u53bb\u6389\uff0c\u4e8e\u662f\u5979\u5c31\u4eb2\u81ea\u722c\u5230\u623f\u5b50\u4e0a\u628a\u8fd9\u5757\u7816\u5934\u5229\u7d22\u62b9\u6389\u4e86\uff1b\u8fb9\u8fb9\u4e5f\u4e0d\u7518\u5bc2\u5bde\uff0c\u5f88\u79ef\u6781\u52e4\u594b\u5730\u7ed9\u7816\u5899\u7c89\u5237\u3002\u8fd9\u51e0\u4e2a\u4eba\u5de5\u4f5c\u90fd\u662f\u4eb2\u81ea\uff0c\u4e14\u76f4\u63a5\u5728\u623f\u5b50\u4e0a\u505a\u64cd\u4f5c\u3002ok\uff0c\u76ee\u524d\u7684\u72b6\u51b5\u770b\u6765\uff0c\u4e00\u5207\u90fd\u662f\u7406\u6240\u5f53\u7136\uff0c\u5e94\u8be5\u8fd9\u6837\u505a\u3002\u6211\u4eec\u5e73\u65f6\u4fee\u623f\u5b50\u4e0d\u5c31\u662f\u8fd9\u6837\u7684\u5417\uff1f\u51e0\u4e2a\u5de5\u4eba\u5728\u623f\u5b50\u4e0a\uff0c\u62c6\u62c6\u8865\u8865\uff0c\u88c5\u9970\u88c5\u9970\u3002<\/p>\n<p>\u786e\u5b9e\uff0c\u5c31\u50cf\u8fd9\u4fee\u5395\u6240\uff0c\u4e00\u4e24\u4e2a\u4eba\u6572\u6572\u6253\u6253\u4e5f\u5c31\u8fd9\u4e48\u641e\u5b9a\u4e86\uff1b\u5c31\u7b97\u662f\u662f\u4fee\u5e73\u623f\u6216\u662f\u6211\u4eec\u4e61\u4e0b\u7684\u90a3\u79cd\u4e24\u5c42\u697c\uff0c\u4e5f\u53ef\u4ee5\u641e\u5b9a\uff0c\u8bf7\u51e0\u4e2a\u5927\u5de5\uff08\u62c6\u9664\uff0c\u65b0\u5efa\uff09\u548c\u4e9b\u5c0f\u5de5\uff08\u548c\u6ce5\u7c89\u9970\uff09\uff0c\u5728\u623f\u5b50\u4e0a\u6298\u817e\u4e2a\u628a\u661f\u671f\u5c31\u53ef\u4ee5\u4e86\u3002\u5728\u4e2d\u56fd\uff0c\u5927\u90e8\u5206\u7684\u5efa\u7b51\u90fd\u662f\u8fd9\u79cd\u5c0f\u6253\u5c0f\u95f9\u7684\uff0c\u6240\u4ee5\uff0c\u8fd9\u79cd\u5728\u5c4b\u5b50\u4e0a\u4e34\u65f6\u62c6\u5efa\u7684\u65b9\u5f0f\u4f3c\u4e4e\u6210\u4e86\u7406\u6240\u5f53\u7136\u3002<\/p>\n<p>\u4f46\u662f\uff0c\u4e16\u754c\u4e4b\u5927\uff0c\u6709\u4e9b\u65b9\u6cd5\u4e0e\u6cd5\u5219\u5728\u67d0\u4e9b\u5730\u65b9\u65f6\u884c\u4e0d\u901a\u7684\u3002\u6bd4\u5982\u8bf4\u73b0\u5728\u6709\u680b80\u5e74\u4ee3\u768412\u5c42\u7684\u9152\u5e97\u8981\u91cd\u4fee\u4fee\u6574\uff0c\u5355\u7eaf\u7684\u8bf7\u4e00\u4e9b\u4eba\u62c6\u62c6\u8865\u8865\u5c31\u641e\u4e0d\u5b9a\u4e86\uff0c\u5012\u4e0d\u662f\u4eba\u6570\u4e0d\u591f\u7684\u95ee\u9898\uff0c\u53e4\u4ee3\u6709\u53e5\u8bdd\u5c31\u505a\u201c\u7275\u4e00\u53d1\u800c\u52a8\u5168\u8eab\u201d\uff0c\u50cf10\u5c42\u4ee5\u4e0a\u7684\u5927\u578b\u5efa\u7b51\uff0c\u800c\u4e14\u662f\u8001\u5efa\u7b51\uff0c\u7ed3\u6784\u4e0d\u660e\uff0c\u5efa\u7b51\u7262\u56fa\u5ea6\u5927\u5927\u4e0b\u964d\u3002\u4f60\u63a8\u52302\u697c\u5de6\u8fb9\u7684\u4e00\u9762\u5899\uff0c\u8bf4\u4e0d\u5b9a3\u697c\u7684\u536b\u751f\u95f4\u5c31\u584c\u6389\u4e86\uff0c\u5404\u5efa\u7b51\uff0c\u5404\u5c42\u7ea7\uff0c\u9644\u5e26\u5916\u90e8\u5c45\u6c11\uff0c\u9053\u8def\u7b49\uff0c\u90fd\u662f\u6709\u5173\u8054\u7684\uff0c\u5c31\u7b97\u662f\u518d\u6709\u7ecf\u9a8c\u7684\u5efa\u7b51\u5de5\u4eba\uff0c\u4e5f\u4f1a\u6709\u758f\u5ffd\u4e0e\u9057\u6f0f\u7684\u5730\u65b9\uff0c\u8bf4\u4e0d\u5b9a\u5c31\u4f1a\u5f04\u573a\u4e0a\u6d77\u80f6\u5dde\u8def\u5927\u706b\u3002<\/p>\n<p>\u6240\u4ee5\uff0c\u5f88\u591a\u65f6\u5019\uff0c\u5927\u578b\u5efa\u7b51\u4e0d\u662f\u65c1\u51fb\u4fa7\u6572\uff0c\u5c0f\u6253\u5c0f\u95f9\u7684\u6574\u4fee\uff0c\u800c\u662f\u76f4\u63a5\u7206\u7834\u91cd\u6765\u3002\u8fd9\u5176\u5b9e\u8ddf\u6211\u4eec\u505a\u9875\u9762\u4ea4\u4e92\u611f\u89c9\u7c7b\u4f3c\u3002<\/p>\n<h3>\u4e09\u3001\u4fee\u6574\u623f\u5b50\u4e0e\u9875\u9762\u4ea4\u4e92<\/h3>\n<p>\u6211\u4eec\u5728\u9875\u9762\u4e0a\u7f16\u8f91\uff0c\u5220\u9664\u6216\u662f\u6dfb\u52a0\u5143\u7d20\u5176\u5b9e\u5c31\u662f\u4fee\u623f\u5b50\u7684\u8fc7\u7a0b\u3002\u5927\u591a\u6570\u60c5\u51b5\u4e0b\uff0c\u6211\u4eec\u7684\u623f\u5b50\u662f\u5f88\u7b80\u5355\u7684\u3002\u6240\u4ee5\uff0c\u8981\u5220\u54ea\u4e2a\u4e1c\u897f\u76f4\u63a5remove\u5c31\u53ef\u4ee5\u4e86\uff0c\u76f4\u63a5\u5bf9\u51c6\u76ee\u6807\uff0c\u556a\u2014\u2014\u5e72\u6389\uff01\u5982\u4e0b\u4f8b\u5b50\uff1a<br \/>\n<img loading=\"lazy\" decoding=\"async\" alt=\"\u6709\u9488\u5bf9\u6027\u7684\u5220\u9664\u67d0\u4e2a\u8282\u70b9 \u5f20\u946b\u65ed-\u946b\u7a7a\u95f4-\u946b\u751f\u6d3b\" src=\"http:\/\/image.zhangxinxu.com\/image\/blog\/201101\/2011-01-18_201248.png\" title=\"\u6709\u9488\u5bf9\u6027\u7684\u5220\u9664\u67d0\u4e2a\u8282\u70b9 \u5f20\u946b\u65ed-\u946b\u7a7a\u95f4-\u946b\u751f\u6d3b\" class=\"alignnone\" width=\"503\" height=\"106\" \/><\/p>\n<p>\u4f46\u662f\uff0c\u6709\u65f6\u5019\uff0c\u5982\u679c\u9875\u9762\u5143\u7d20\u6570\u636e\u91cf\u5f88\u5927\uff0c\u4ea4\u4e92\u5f88\u9891\u7e41\u3002\u6307\u54ea\u513f\u6253\u54ea\u513f\u7684\u65b9\u6cd5\u5c31\u5f00\u59cb\u6709\u4e9b\u5403\u4e0d\u6d88\u4e86\u3002\u4e3e\u4e2a\u5f88\u5e38\u89c1\u7684\u4f8b\u5b50\uff0cautocomplete\uff0c\u5982\u5728\u7eaf\u6d01\u7684\u767e\u5ea6\u4e0a\u641c\u7d22&#8221;geli&#8221;\uff0c\u6b64\u65f6\u5c31\u4f1a\u6709autocomplete\u4e0b\u62c9\uff0c\u6309\u4e0b\u2193\u952e\uff0c\u7ed3\u679c\u5c31\u4f1a\u770b\u5230\u9996\u6761\u76ee\u201c\u683c\u91cc\u82ac\u201d\u88ab\u9009\u4e2d\u4e86\u3002<br \/>\n<img loading=\"lazy\" decoding=\"async\" alt=\"\u767e\u5ea6\u641c\u7d22\u683c\u91cc\u82ac \u5f20\u946b\u65ed-\u946b\u7a7a\u95f4-\u946b\u751f\u6d3b\" src=\"http:\/\/image.zhangxinxu.com\/image\/blog\/201101\/2011-01-18_201936.png\" title=\"\u767e\u5ea6\u641c\u7d22\u683c\u91cc\u82ac \u5f20\u946b\u65ed-\u946b\u7a7a\u95f4-\u946b\u751f\u6d3b\" class=\"alignnone\" width=\"417\" height=\"266\" \/><\/p>\n<p>\u8fd9\u91cc\u5c31\u662f\u5c5e\u4e8e\u5927\u6570\u636e\u91cf\u4ea4\u4e92\u7684\u5730\u65b9\uff0c\u8f93\u5165\u6846\u6309\u952e\u6709\u6548\u679c\uff0c\u9f20\u6807\u4e0a\u4e0b\u952e\u79fb\u52a8\u6709\u6548\u679c\uff0c\u5217\u8868hover\u4e5f\u6709\u6548\u679c\u7b49\u3002\u90a3\u4e0a\u56fe\u7684\u4e0a\u4e0b\u952e\u79fb\u52a8\u9009\u4e2d\u6761\u76ee\uff0c\u6761\u76ee\u7684\u6837\u5f0f\u4fee\u6362\u663e\u793a\u662fDOM\u4e0a\u7684removeClass\/addClass\u7684\u64cd\u4f5c\u5417\uff1f\u54e6\u54e6\u54e6\uff0cno,no,no!\u8fd9\u91cc\u6bcf\u4e00\u6b21\u7684\u6309\u952e\uff0c\u6bcf\u4e00\u6b21\u7684\u9f20\u6807hover\u90fd\u662f\u6574\u4e2aHTML\u7684\u5237\u65b0\uff0c\u800c\u4e0d\u662f\u5f88\u5c0f\u5bb6\u5b50\u5668\u5f97\u53bb\u5bfb\u627e\u76ee\u6807\u8282\u70b9\u7136\u540e\u53bb\u4fee\u6539\u5176\u6837\u5f0f\u3002\u5728\u73b0\u4ee3\u6d4f\u89c8\u5668\u4e0b\uff0c\u4f7f\u7528\u8fd9\u79cd\u6307\u5b9aDOM\u4fee\u6539\u7684\u65b9\u6cd5\u662f\u770b\u4e0d\u51fa\u4ec0\u4e48\u6027\u80fd\u4e0a\u7684\u4e0d\u8db3\u7684\uff0c\u4f46\u662f\u5728IE6\u6d4f\u89c8\u5668\u4e0b\uff0c\u4f60\u5c31\u8981\u505a\u597d\u4fbf\u79d8\u548c\u5ef6\u8fdf\u7684\u51c6\u5907\u4e86\u3002<\/p>\n<p>JavaScript\u6162\u7684\u4e0d\u662f\u5b57\u7b26\u4e32\u5904\u7406\uff0c\u6570\u636e\u904d\u5386\uff0c\u800c\u662fDOM\u76f8\u5173\u64cd\u4f5c\u3002\u6240\u4ee5\uff0c\u8981\u662f\u4ec0\u4e48\u5730\u65b9\u53ef\u80fd\u4f1a\u6709\u9891\u7e41\u7684DOM\u64cd\u4f5c\uff0c\u554a\u54e6\uff0c\u8981\u6ce8\u610f\u4e86\uff0c\u770b\u770b\u4f60\u662f\u5728\u4f11\u6574\u4e61\u4e0b\u7684\u4e8c\u5c42\u697c\u623f\u8fd8\u662f\u5728\u7740\u624b\u9ad8\u5c42\u5efa\u7b51\u7684\u4fee\u7f2e\u5de5\u4f5c\uff1f<\/p>\n<p>\u5982\u679c\u662f\u9ad8\u5c42\u5efa\u7b51\uff0c\u6211\u5efa\u8bae\u4f60\uff0c\u4e0d\u8981\u518d\u539f\u5efa\u7b51\u4e0a\u4fee\u4fee\u8865\u8865\u4e86\uff0c\u76f4\u63a5\u7206\u7834\u91cd\u6765\u3002<\/p>\n<p>\u53cd\u6620\u5230JavaScript\u4e0a\u5c31\u662f\u64cd\u4f5c\uff08\u6dfb\u52a0\uff0c\u5220\u9664\uff0c\u7f16\u8f91\uff09\u7b49\u4e0d\u5728DOM\u4e0a\u8fdb\u884c\uff0c\u800c\u662f\u5728\u6570\u636e\u4e0a\u8fdb\u884c\uff08\u5e38\u89c1\u7684JSON\uff0c\u6216\u662f\u666e\u901a\u7684\u5bf9\u8c61\u5b57\u9762\u91cf\uff0c\u6570\u7ec4\u90fd\u662f\u53ef\u4ee5\u7684\uff09\uff0cDOM\u552f\u4e00\u76f8\u5173\u7684\u5de5\u4f5c\u5c31\u662f\u8d1f\u8d23\u5168\u90e8HTML\u7684\u4e00\u6b21\u6027\u5237\u65b0\u3002<\/p>\n<p>\u5982\u679c\u8fd8\u662f\u5929\u5929\uff0c\u59d7\u59d7\uff0c\u8fb9\u8fb9\u4e3a\u4f8b\u505a\u4e2a\u793a\u610f\u56fe\u7684\u8bdd\uff0c\u5e94\u8be5\u5982\u4e0b\uff1a<br \/>\n<img loading=\"lazy\" decoding=\"async\" alt=\"\u9762\u5411\u6570\u636e\u7f16\u7a0b\u4e0e\u5efa\u623f\u5b50\u793a\u610f\u56fe \u5f20\u946b\u65ed-\u946b\u7a7a\u95f4-\u946b\u751f\u6d3b\" src=\"http:\/\/image.zhangxinxu.com\/image\/blog\/201101\/dop-show-2.png\" title=\"\u9762\u5411\u6570\u636e\u7f16\u7a0b\u4e0e\u5efa\u623f\u5b50\u793a\u610f\u56fe \u5f20\u946b\u65ed-\u946b\u7a7a\u95f4-\u946b\u751f\u6d3b\" class=\"alignnone\" width=\"550\" height=\"509\" \/><\/p>\n<p>\u4e00\u822c\u800c\u8a00\uff0c\u8fd9\u79cdHTML\u7684\u5237\u65b0\u901f\u5ea6\u8089\u773c\u662f\u770b\u4e0d\u51fa\u4ec0\u4e48\u95f4\u9694\u6765\u7684\uff0c\u5373\u4f7f\u91cd\u7ed8\u548c\u6e32\u67d3\u90fd\u5f88out\u7684IE6\u6d4f\u89c8\u5668\u4e5f\u662f\u5982\u6b64\u3002\u4e8e\u662f\uff0c\u6211\u4eec\u7684\u5de5\u4f5c\u5c31\u5f88\u7b80\u5355\u4e86\uff0c\u4ec0\u4e48addChild, removeChild\u8fd9\u4e9b\u5c5e\u6027\u76f4\u63a5\u53ef\u4ee5\u8bf4goodbye\u4e86\uff0c\u7ffb\u8bd1\u6210\u65e5\u8bed\u5c31\u662f\u201c\u8d5b\u6709\u62c9\u62c9\u201d\u3002\u628a\u7ec8\u6570\u636e\u51c6\u5907\u597d\uff0c\u5957\u4e0aHTML\u6a21\u677f\uff0cinnerHTML\u5c5e\u6027\uff0c\u5c31\u641e\u5b9a\u4e86\u3002\u54c7\uff0c\u591a\u4e48\u7b80\u5355\uff0c\u591a\u4e48\u660e\u4e86\uff0c\u8fd9\u79cd\u611f\u89c9\u5c31\u50cf\u662f\u4f60\u8fde\u7eed12\u4e2a\u5c0f\u65f6\u76ef\u7740\u51e4\u59d0\uff0c\u7136\u540e\u4e00\u56de\u5934\uff0c\u7a81\u7136\u770b\u89c1\u5fd7\u6797\u59d0\u5c31\u5728\u4f60\u8eab\u540e\u5bf9\u4f60\u751c\u751c\u7684\u5fae\u7b11\u3002<\/p>\n<p>\u5343\u8a00\u4e07\u8bed\u8fd8\u4e0d\u5982\u4e00\u675f\u73ab\u7470\u6765\u5f97\u5b9e\u5728\uff0c\u770b\u5b9e\u4f8b\u8bf4\u8bdd\u5427\u3002<\/p>\n<div class=\"hidden\"><em>\u5982\u679c\u60a8\u770b\u5230\u4e0b\u9762\u7684\u6587\u5b57\uff0c\u53ef\u80fd\u662f\u7531\u4e8e\u5728\u5176\u4ed6\u7f51\u7ad9\u6216\u662fRSS\u4e2d\u9605\u8bfb\u672c\u6587\uff0c\u672c\u6587\u539f\u5730\u5740\uff1a<a href=\"http:\/\/www.zhangxinxu.com\/wordpress\/?p=1384\">http:\/\/www.zhangxinxu.com\/wordpress\/?p=1384<\/a>\uff0c\u672c\u6587\u4f5c\u8005\uff1a<a href=\"http:\/\/www.zhangxinxu.com\/\">\u5f20\u946b\u65ed<\/a>\uff0c\u6765\u81ea\u5f20\u946b\u65ed-\u946b\u7a7a\u95f4-\u946b\u751f\u6d3b\uff0c\u8bbf\u95ee\u539f\u51fa\u5904\u66f4\u591a\u4f18\u79c0\u6280\u672f\u6587\u7ae0\u3002<\/em><\/div>\n<h3>\u56db\u3001\u9762\u5411\u6570\u636e\u7f16\u7a0b\u5b9e\u4f8b\u4e4b\u5317\u4eac\u852c\u83dc\u4ef7\u683c<\/h3>\n<p><strong>demo<\/strong><br \/>\n\u60a8\u53ef\u4ee5\u72e0\u72e0\u5730\u70b9\u51fb\uff1a<a class=\"a_link\" target=\"_blank\" href=\"http:\/\/www.zhangxinxu.com\/study\/201101\/data-orient-programme-demo.html\">\u9762\u5411\u6570\u636e\u7f16\u7a0b\u5b9e\u4f8bdemo<\/a><\/p>\n<p>demo\u9875\u9762\u622a\u56fe\u7f29\u7565\u56fe\u5982\u4e0b\uff0c\u5168\u5c4f\u81ea\u9002\u5e94\u7684\uff1a<br \/>\n<img loading=\"lazy\" decoding=\"async\" alt=\"\u9762\u5411\u6570\u636e\u7f16\u7a0bdemo\u622a\u56fe\u7f29\u7565\u56fe \u5f20\u946b\u65ed-\u946b\u7a7a\u95f4-\u946b\u751f\u6d3b\" src=\"http:\/\/image.zhangxinxu.com\/image\/blog\/201101\/2011-01-18_205506.png\" title=\"\u9762\u5411\u6570\u636e\u7f16\u7a0bdemo\u622a\u56fe\u7f29\u7565\u56fe \u5f20\u946b\u65ed-\u946b\u7a7a\u95f4-\u946b\u751f\u6d3b\" class=\"alignnone\" width=\"550\" height=\"235\" \/><\/p>\n<p>\u70b9\u51fb\u5217\u8868\u5904\u7684\u6309\u94ae\uff0c\u53ef\u4ee5\u770b\u5230\u9009\u9879\u8fdb\u5165\u4e86\u53ef\u7f16\u8f91\u72b6\u6001\uff0c\u60a8\u53ef\u4ee5\u901a\u8fc7\u70b9\u51fb\u6309\u94ae\u6216\u662f\u76f4\u63a5\u64cd\u4f5c\u5355\u884c\u6587\u672c\u6846\u6539\u53d8\u6570\u503c\uff1b\u5f53\u6570\u503c\u4e3a0\u7684\u65f6\u5019\uff0c\u53c8\u4f1a\u56de\u5230\u9ed8\u8ba4\u7684\u9009\u62e9\u6309\u94ae\u72b6\u6001\u3002<br \/>\n<img loading=\"lazy\" decoding=\"async\" alt=\"\u70b9\u51fb\u8d2d\u4e70\u6309\u94ae\u540e\u8fdb\u5165\u6570\u503c\u53ef\u7f16\u8f91\u72b6\u6001 \u5f20\u946b\u65ed-\u946b\u7a7a\u95f4-\u946b\u751f\u6d3b\" src=\"http:\/\/image.zhangxinxu.com\/image\/blog\/201101\/2011-01-18_211203.png\" title=\"\u70b9\u51fb\u8d2d\u4e70\u6309\u94ae\u540e\u8fdb\u5165\u6570\u503c\u53ef\u7f16\u8f91\u72b6\u6001 \u5f20\u946b\u65ed-\u946b\u7a7a\u95f4-\u946b\u751f\u6d3b\" class=\"alignnone\" width=\"208\" height=\"127\" \/><\/p>\n<p>\u8fd9\u91cc\u7684\u4e00\u7cfb\u5217\u64cd\u4f5c\uff0c\u4f8b\u5982\u666e\u901a\u6309\u94ae\u53d8\u6210\u6587\u672c\u6846\uff0c\u70b9\u51fb\u52a0(+)\u51cf(-)\u6309\u94ae\u540e\u6570\u503c\u7684\u6539\u53d8\u90fd\u4e0d\u662f\u76f4\u63a5\u5728\u5f53\u524dDOM\u4e0a\u7684\u64cd\u4f5c\uff0c\u800c\u662f\u5b9e\u65f6\u7684HTML\u5217\u8868\u5237\u65b0\u3002\u600e\u6837\uff0c\u5c31\u7b97\u662f\u4e07\u6076\u7684IE6\u6d4f\u89c8\u5668\u4e5f\u57fa\u672c\u4e0a\u611f\u89c9\u4e0d\u5230\u6643\u52a8\u554a\u6216\u662f\u5ef6\u65f6\u8fd9\u7c7b\u4e0d\u597d\u7684\u4f53\u9a8c\u3002\u73b0\u5728\uff0c\u6211\u4eec\u6253\u5f00\u6f58\u591a\u62c9\u7684\u76d2\u5b50\u6765\u4e00\u770b\u7a76\u7adf\u3002<\/p>\n<p>\u6253\u5f00\u76d2\u5b50\u524d\u9996\u5148\u8981\u660e\u786e\uff1a\u64cd\u4f5c\u2192\u6570\u636e\u2192HTML\u6a21\u677f\u2192\u5237\u65b0\u8fd9\u6761\u7ebf\u3002<\/p>\n<p><strong>\u64cd\u4f5c<\/strong>\u561b\uff0c\u6ca1\u4ec0\u4e48\u597d\u8bf4\u7684\uff0c\u5c31\u662f\u70b9\u51fb\u554a\uff0cinput change\u554a\u7b49\uff0c\u5bf9\u4e8e\u6570\u636e\uff0c\u5176\u683c\u5f0f\u5982\u4e0b\uff1a<\/p>\n<div class=\"zxx_code\">\n<pre>\nvar dataVegetables = {\n    typeId: \"bbbbbb\",\n    goods: {\n        \"000010\": { name: \"\u767d\u841d\u535c \", price: 0.4, units: \"\/\u65a4\", num: 0 },\n        \"000011\": { name: \"\u83e0\u83dc\", price: 0.8, units: \"\/\u65a4\", num: 0 },\n        \"000012\": { name: \"\u83dc\u82b1\", price: 1.3, units: \"\/\u65a4\", num: 0 },\n        \"000013\": { name: \"\u957f\u8304\u5b50\", price: 0.2, units: \"\/\u65a4\", num: 0 },\n        \"000014\": { name: \"\u6148\u83c7\", price: 3.5, units: \"\/\u65a4\", num: 0 },\n        \"000015\": { name: \"\u8471\u5934 \", price: 0.85, units: \"\/\u65a4\", num: 0 },\n        \"000016\": { name: \"\u5927\u767d\u83dc \", price: 0.43, units: \"\/\u65a4\", num: 0 },\n        \"000017\": { name: \"\u5927\u8471 \", price: 0.75, units: \"\/\u65a4\", num: 0 },\n        \"000018\": { name: \"\u51ac\u74dc\", price: 0.5, units: \"\/\u65a4\", num: 0 },\n        \"000019\": { name: \"\u51ac\u7b0b  \", price: 10.0, units: \"\/\u65a4\", num: 0 }\n    }\n};\n\n<\/pre>\n<\/div>\n<p>\u73b0\u5728\uff0c\u6211\u4eec\u505a\u7684\u4efb\u4f55\u64cd\u4f5c\uff0c\u90fd\u53ea\u4e0e\u8fd9\u4e2a\u6570\u636e\u6709\u5173\u3002\u4f8b\u5982\uff0c\u6211\u4eec\u8981\u628a\u767d\u841d\u535c\u7684\u6570\u91cf\u6539\u62102\uff0c\u76f4\u63a5<\/p>\n<div class=\"zxx_code\">\n<pre>dataVegetables.goods[\"000010\"].num = 2;<\/pre>\n<\/div>\n<p>\u800c\u4e0d\u662f\u53bb\u4fee\u6539input\u7684value\u4e3a2\u3002<\/p>\n<p><strong>HTML\u6a21\u677f<\/strong>\u5176\u5b9e\u5c31\u662f\u7528\u6765\u7ec4\u88c5\u8fd9\u4e9b\u6570\u636e\u7684HTML\u7247\u6bb5\uff0c\u5982\u4e0b\u622a\u56fe\uff1a<br \/>\n<img loading=\"lazy\" decoding=\"async\" alt=\"HTML\u6a21\u677f\u7247\u6bb5 \u5f20\u946b\u65ed-\u946b\u7a7a\u95f4-\u946b\u751f\u6d3b\" src=\"http:\/\/image.zhangxinxu.com\/image\/blog\/201101\/2011-01-18_213225.png\" title=\"HTML\u6a21\u677f\u7247\u6bb5 \u5f20\u946b\u65ed-\u946b\u7a7a\u95f4-\u946b\u751f\u6d3b\" class=\"alignnone\" width=\"570\" height=\"124\" \/><\/p>\n<p>\u800c\u6700\u540e\u4e00\u6b65\u975e\u5e38\u7b80\u5355\uff0c\u5c31\u662f\u5c06\u7528\u6a21\u677f\u7ec4\u88c5\u7684HTML<strong>\u5237\u65b0<\/strong>\u3002<br \/>\n\u5728\u672c\u6587demo\u4e2d\u5c31\u662f\u4e0b\u56fe\u6240\u9ad8\u4eae\u7684\u8fd9\u4e00\u884c\uff1a<br \/>\n<img loading=\"lazy\" decoding=\"async\" alt=\"innerHTML\u7684\u5237\u65b0 \u5f20\u946b\u65ed-\u946b\u7a7a\u95f4-\u946b\u751f\u6d3b\" src=\"http:\/\/image.zhangxinxu.com\/image\/blog\/201101\/2011-01-18_213654.png\" title=\"innerHTML\u7684\u5237\u65b0 \u5f20\u946b\u65ed-\u946b\u7a7a\u95f4-\u946b\u751f\u6d3b\" class=\"alignnone\" width=\"401\" height=\"124\" \/><\/p>\n<p>\u4ece\u4e0a\u5230\u4e0b\uff0c\u6574\u4e2a\u7ebf\u8def\u90fd\u975e\u5e38\u7b80\u5355\u6e05\u6670\u3002\u7531\u4e8eHTML\u9875\u9762\u7684\u6700\u7ec8\u663e\u793a\u90fd\u6765\u81ea\u4e14\u552f\u4e00\u6765\u81ea\u4e00\u4e2a\u6570\u636e\u6e90\uff0c\u6240\u4ee5\uff0c\u53ea\u8981\u628a\u6570\u636e\u6e90\u5904\u7406\u597d\u4e86\uff0c\u5c31\u4e0d\u8981\u62c5\u5fc3\u54ea\u91cc\u4f1a\u51fa\u4ec0\u4e48\u7eb0\u6f0f\uff0c\u8fd9\u8981\u6bd4\u4eba\u4eba\u90fd\u53ef\u4ee5\u5728\u9875\u9762\u4e0a\u5927\u8865\u4e01\u8981\u5b89\u5168\u9ad8\u6548\u7684\u591a\uff0c\u6211\u60f3\u8fd9\u5e94\u8be5\u5f88\u597d\u7406\u89e3\u3002<\/p>\n<p>\u4e0d\u662f\u4ec0\u4e48\u9ad8\u6df1\u7684\u4e1c\u897f\uff0c\u6211\u60f3\uff0c\u8bf4\u8fd9\u4e9b\u5e94\u8be5\u8db3\u591f\u4e86\u3002<\/p>\n<h3>\u4e94\u3001\u4e45\u8fdd\u7684\u7ed3\u8bed<\/h3>\n<p>\u6700\u8fd1\u5728\u5fd9\u7740\u67b6\u6784js\u4e0eCSS\u7684\u4e1c\u897f\uff0c\u597d\u4e45\u6ca1\u66f4\u65b0\u4e86\u3002\u4e5f\u5c31\u662f\u4e00\u6643\u7403\u7684\u529f\u592b\uff0c\u53ea\u602a\u65f6\u95f4\u8dd1\u5f97\u592a\u5feb\u3002<\/p>\n<p>\u5728\u5904\u7406\u5927\u6570\u636e\u91cf\u4ea4\u4e92\uff0c\u5c24\u5176\u662f\u8fd9\u79cd\u5e26\u6709repeat\u6027\u8d28\u7684js\u4ea4\u4e92\u7684\u65f6\u5019\uff0c\u9762\u5411\u6570\u636e\u7684\u7f16\u7a0b\u6bcb\u5eb8\u7f6e\u7591\u8981\u6bd4\u5728DOM\u4e0a\u5904\u7406\u7b80\u5355\u9ad8\u6548\u7684\u591a\u7684\u591a\u3002\u8981\u6ce8\u610f\u8fd9\u91cc\u7684\u4f7f\u7528\u60c5\u51b5\u2014\u2014\u5927\u6570\u636e\u91cf\u4ea4\u4e92\uff0c\u5e73\u65f6\u4fee\u4fee\u8305\u623f\u8fd9\u7c7b\u5c0f\u6253\u5c0f\u95f9\u5176\u5b9e\u8fd8\u662f\u76f4\u63a5DOM\u64cd\u4f5c\u6765\u5f97\u66f4\u5feb\u6377\u4e9b\uff0c\u4f60\u8bf4\u4fee\u4e2a\u8305\u623f\u8fd8\u585e\u4e24\u4e2a<img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/image.zhangxinxu.com\/image\/blog\/201101\/2011-01-18_220159.png\" title=\"\u6587\u5b57\u56fe\u7247\" class=\"alignnone\" width=\"40\" height=\"15\" \/>\u70b8\u6389\u91cd\u6765\u5c31\u5b9e\u5728\u6709\u70b9\u827a\u672f\u6d3e\u4e86\u3002\u9762\u5411\u6570\u636e\u7684\u7f16\u7a0b\u8fd8\u6709\u70b9\u5c0f\u5c0f\u4e0d\u8db3\u53ef\u80fd\u5728\u4e8eSEO\uff0c\u6bd5\u7adf\uff0c\u628a\u5185\u5bb9\u6570\u636e\u5316\uff0cHTML\u5b57\u7b26\u4e32\u5316\u5bf9\u4e8e\u641c\u7d22\u5f15\u64ce\u53ef\u80fd\u6709\u4e9b\u4e0d\u793c\u8c8c\u3002<\/p>\n<p>\u672c\u6587\u66f4\u591a\u7684\u662f\u5e2e\u52a9\u81ea\u5df1\u77e5\u8bc6\u68b3\u7406\u3001\u6280\u80fd\u63d0\u9ad8\u7684\u4e9b\u5c0f\u7ed3\uff0c\u6c34\u5e73\u6709\u9650\uff0c\u8981\u662f\u6587\u7ae0\u6709\u4ec0\u4e48\u8868\u8ff0\u4e0d\u51c6\u786e\u7684\u5730\u65b9\u6b22\u8fce\u6307\u6b63\uff0c\u4e5f\u6b22\u8fce\u5404\u79cd\u65b9\u5f0f\u7684\u4ea4\u6d41\u3002<\/p>\n<p>\u5f97\uff0c\u5c31\u8fd9\u591a\uff0c\u6700\u540e\u9644\u4e0a\u4e2a\u8ba9\u4eba\u51cc\u4e71\u7684\u7b11\u8bdd\uff1a<\/p>\n<blockquote><p>QB\uff1a\u672c\u4eba\u5728\u7f8e\u56fd\u4e0a\u5b66\uff0c\u524d\u4e24\u5929\uff0c\u8d70\u5728\u8def\u4e0a\uff0c\u7a81\u7136\u770b\u89c1\u4e00\u4e2a\u5f88\u563b\u54c8\u7684\u9ed1\u54e5\u4eec\u6234\u7740\u8033\u673a\u6447\u5934\u6643\u8111\u7684\u671d\u6211\u8d70\u6765\u3002 \u4e00\u8fb9\u8d70\u8fd8\u4e00\u8fb9\u5ff5\u5ff5\u6709\u8bcd\u3002 \u5f53\u4ed6\u8d70\u8fd1\u4e00\u4e9b\u540e\u4ece\u8033\u673a\u91cc\u6e10\u6e10\u98d8\u51fa\uff1a\u201c \u5f53\u521d\u662f\u4f60\u8981\u5206\u5f00\uff0c\u5206\u5f00\u5c31\u5206\u5f00\u3002\u3002\u3002\u201d \u6211\u5f53\u65f6\u5c31\u96f6\u4e71\u4e86\u3002\u3002\u3002<\/p><\/blockquote>\n<p>\u672c\u6587\u4e3a\u539f\u521b\u6587\u7ae0\uff0c\u8f6c\u8f7d\u8bf7\u6ce8\u660e\u6765\u81ea<a href=\"http:\/\/www.zhangxinxu.com\/\">\u5f20\u946b\u65ed-\u946b\u7a7a\u95f4-\u946b\u751f\u6d3b<\/a>[<a href=\"http:\/\/www.zhangxinxu.com\/\">http:\/\/www.zhangxinxu.com<\/a>]<br \/>\n\u672c\u6587\u5730\u5740\uff1a<a href=\"http:\/\/www.zhangxinxu.com\/wordpress\/?p=1384\">http:\/\/www.zhangxinxu.com\/wordpress\/?p=1384<\/a><\/p>\n<p>\uff08\u672c\u7bc7\u5b8c\uff09<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u9762\u5bf9\u6570\u636e\u7f16\u7a0b(data-oriented-programme)\u8fd9\u4e2a\u6982\u5ff5\u7b2c\u4e00\u6b21\u63a5\u53d7\u662f\u5728\u524d\u5e74\u963f\u91cc\u5df4\u5df4\u4e3e\u884c\u7684D2\u524d\u7aef\u8bba\u575b\u4e0a\uff0c\u6765\u81eaBaidu\u91d1\u5927\u4e3a\uff1a\u300a\u6a21\u677f\u8bed\u8a00\u4e0e\u5927\u524d\u7aef\u300b\u7684\u5206\u4eab\uff0c\u9762\u5bf9\u6570\u636e\u7f16\u7a0b\u5728\u5904\u7406\u5927\u6570\u636e\u91cf\u4ea4\u4e92\u7684\u60c5\u51b5\u4e0b\u975e\u5e38\u597d\u7528\uff0c\u6027\u80fd\u9ad8\uff0c\u7ef4\u62a4\u65b9\u4fbf\uff0c\u601d\u8def\u7b80\u5355\u6e05\u6670\uff0c\u4e0d\u6613\u51fabug\u3002\u672c\u6587\u8fd8\u662f\u90a3\u6837\uff0c\u8bb2\u8bb2\u5e9f\u8bdd\uff0c\u4e3e\u4e3e\u4f8b\u5b50\uff0c\u753b\u753b\u56fe\uff0c\u5c55\u793a\u4e0b\u4ee3\u7801\uff0c\u5199\u4e2app\u7684demo\u9875\u9762\uff0c\u4e2d\u95f4\u518d\u63d2\u51e0\u4e2a\u51b7\u7b11\u8bdd\u3002\u4e0d\u662f\u4ec0\u4e48\u9ad8\u6df1\u7684\u4e1c\u897f\uff0c\u6bd4\u6211\u8fd8\u61c2\u7684\u4eba\u5927\u628a\u5927\u628a\uff0c\u8fd9\u91cc\u7b97\u662f\u70b9\u81ea\u6211\u603b\u7ed3\uff0c\u662f\u81ea\u6211\u63d0\u9ad8\uff0c\u4e5f\u5e0c\u671b\u80fd\u5bf9\u8ddf\u6211\u4e00\u6837js\u65b0\u4eba\u63d0\u4f9b\u4e9b\u5e2e\u52a9\u3002<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[180],"tags":[182,554,552,13,553,1273,407,144,551],"_links":{"self":[{"href":"https:\/\/www.zhangxinxu.com\/wordpress\/wp-json\/wp\/v2\/posts\/1384"}],"collection":[{"href":"https:\/\/www.zhangxinxu.com\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.zhangxinxu.com\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.zhangxinxu.com\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.zhangxinxu.com\/wordpress\/wp-json\/wp\/v2\/comments?post=1384"}],"version-history":[{"count":0,"href":"https:\/\/www.zhangxinxu.com\/wordpress\/wp-json\/wp\/v2\/posts\/1384\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.zhangxinxu.com\/wordpress\/wp-json\/wp\/v2\/media?parent=1384"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zhangxinxu.com\/wordpress\/wp-json\/wp\/v2\/categories?post=1384"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zhangxinxu.com\/wordpress\/wp-json\/wp\/v2\/tags?post=1384"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}