{"id":4352,"date":"2015-11-09T21:32:42","date_gmt":"2015-11-09T13:32:42","guid":{"rendered":"https:\/\/sdeno.com\/?p=4352"},"modified":"2015-12-26T13:46:10","modified_gmt":"2015-12-26T05:46:10","slug":"js%e5%88%a4%e6%96%ad%e6%8c%87%e5%ae%9adiv%e6%88%96%e5%8c%ba%e5%9f%9f%e5%86%85%e7%9a%84%e5%9b%be%e7%89%87%e5%8a%a0%e8%bd%bd%e6%98%af%e5%90%a6%e5%ae%8c%e6%88%90","status":"publish","type":"post","link":"https:\/\/sdeno.com\/?p=4352","title":{"rendered":"js\u5224\u65ad\u6307\u5b9adiv\u6216\u533a\u57df\u5185\u7684\u56fe\u7247\u52a0\u8f7d\u662f\u5426\u5b8c\u6210"},"content":{"rendered":"

js \u5224\u65ad \u6307\u5b9a \u56fe\u7247 \u52a0\u8f7d \u5b8c\u6210<\/p>\n

\u7b2c\u4e00\uff1a<\/span>\r\n var i=0;\r\n var str='';\r\n $('#body img').each(function (index) {\r\n  this.id='img'+index; \/\/\u5148\u7ed9\u56fe\u7247\u8bbe\u7f6e\u597dID\uff0c\u5229\u7528ID\u83b7\u53d6\u56fe\u7247\uff08\u4e0d\u77e5\u9053\u4e3a\u4ec0\u4e48\u7528$(this)\u8bbe\u7f6e\u503c\u4e0d\u80fd\u8bbe  \u7f6e\uff0c\u83b7\u53d6\u5c31\u53ef\u4ee5\uff09\r\n var img = new Image();\r\n \r\n img.onload = function () { \/\/\u56fe\u7247\u52a0\u8f7d\u6210\u529f\u65f6\r\n   i++;\r\n   $('#img'+index)[0].className='asdf'+index;\r\n   \/\/console.log($(this).attr('src') + ' - \u6210\u529f');\r\n   str=str+$('#img'+index)[0].className;\r\n   if(i == $('img').length) {\r\n     domIsReady(); \/\/\u5168\u90e8\u56fe\u7247\u52a0\u8f7d\u5b8c\u6210\u624d\u4f1a\u89e6\u53d1\r\n   }\r\n }\r\n \r\n \r\n  img.onerror=function(){ \/\/\u56fe\u7247\u52a0\u8f7d\u5931\u8d25\u65f6\r\n\r\n  }\r\n\r\n  img.src = $(this).attr('src');\r\n\r\n});\r\n\r\nfunction domIsReady(){ \/\/\u5168\u90e8\u56fe\u7247\u52a0\u8f7d\u5b8c\u6210\u624d\u4f1a\u89e6\u53d1\r\n   document.title=str;\r\n};<\/pre>\n
 <\/p>\n
\u6216\u8005\uff1a<\/p>\n
\u53bb\u9664var img = new Image();\uff08\u56e0\u4e3a\u6bcf\u52a0\u8f7d\u4e00\u4e2aimg\u5c31\u4f1a\u81ea\u52a8\u521b\u5efa\u4e00\u4e2aimgage\u5bf9\u8c61\uff09<\/p>\n
 <\/p>\n
\u7b2c\u4e8c\uff1a<\/span> \r\nvar i=0;\r\n var str='';\r\n $('#body img').each(function (index) {\r\n    this.id='img'+index; \/\/\u5148\u7ed9\u56fe\u7247\u8bbe\u7f6e\u597dID\uff0c\u5229\u7528ID\u83b7\u53d6\u56fe\u7247\uff08\u4e0d\u77e5\u9053\u4e3a\u4ec0\u4e48\u7528$(this)\u8bbe\u7f6e\u503c\u4e0d\u80fd\u8bbe\u7f6e\uff0c\u83b7\u53d6\u5c31\u53ef\u4ee5\uff09\r\n \/\/ console.log(this)  \r\n   this.onload = function () { \/\/\u56fe\u7247\u52a0\u8f7d\u6210\u529f\u65f6\r\n   i++;\r\n    $('#img'+index)[0].className='asdf'+index;\r\n    \/\/console.log($(this).attr('src') + ' - \u6210\u529f');\r\n    str=str+$('#img'+index)[0].className;\r\n    if(i == $('img').length) {\r\n      domIsReady(); \/\/\u5168\u90e8\u56fe\u7247\u52a0\u8f7d\u5b8c\u6210\u624d\u4f1a\u89e6\u53d1\r\n    }\r\n }\r\n \r\n \r\n  this.onerror=function(){ \/\/\u56fe\u7247\u52a0\u8f7d\u5931\u8d25\u65f6\r\n\r\n  }\r\n\r\n  this.src = $(this).attr('src');\r\n\r\n});\r\n\r\n\r\nfunction domIsReady(){ \/\/\u5168\u90e8\u56fe\u7247\u52a0\u8f7d\u5b8c\u6210\u624d\u4f1a\u89e6\u53d1\r\n    document.title=str;\r\n };<\/pre>\n
 <\/p>\n
 <\/p>\n
\u8bf4\u7b2c\u4e8c\u79cd\u65b9\u6cd5\u601d\u8def\uff1a<\/p>\n
\u5229\u7528each()\u904d\u5386\u6307\u5b9a\u533a\u57df\u5185\u7684img\uff0c\u6bcf\u52a0\u8f7d\u4e00\u4e2a<img>\u6807\u7b7e\u5c31\u7b49\u4e8e\u521b\u5efa\u4e00\u4e2a\u4e86new Image()\u5bf9\u8c61\uff0c\u5728each()\u904d\u5386\u83b7\u53d6this\u7684\u540c\u65f6this\u5c31\u662fImage\u5bf9\u8c61\uff0c\u7136\u800cImage\u5bf9\u8c61\u53c8\u62e5\u6709onload\u548conerror\u65b9\u6cd5\u3002<\/p>\n
onload\u65b9\u6cd5\uff1a\u56fe\u7247\u4e00\u65e6\u52a0\u8f7d\u5b8c\u6210\u5e76\u663e\u793a\u51fa\u6765\u5c31\u4f1a\u89e6\u53d1\u3002<\/p>\n
onerror\u65b9\u6cd5\uff1a\u56fe\u7247\u52a0\u8f7d\u5931\u8d25\u5c31\u4f1a\u89e6\u53d1\u3002<\/p>\n
 <\/p>\n
 <\/p>\n
\u7b2c\u4e00\u79cd\u65b9\u6cd5\u591a\u4e86\u4e00\u4e2anew Image()\u611f\u89c9\u6ca1\u5fc5\u8981\u56e0\u4e3a\u6ca1\u52a0\u8f7d\u5230\u4e00\u4e2a<img>\u7684\u65f6\u5019\u5c31\u7b49\u4e8enew Image()\u4e86\u4e00\u4e2a\u5bf9\u8c61\u4e86\u3002<\/p>\n
 <\/p>\n
\u52a0\u8f7d\u56fe\u7247\u6210\u529f\u65f6\u5019: demo<\/a><\/p>\n
\u52a0\u8f7d\u56fe\u7247\u5f88\u96be\u7684\u65f6\u5019:demo1<\/a><\/p>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n","protected":false},"excerpt":{"rendered":"
js \u5224\u65ad \u6307\u5b9a \u56fe\u7247 \u52a0\u8f7d \u5b8c\u6210 \u7b2c\u4e00\uff1a var i=0; var str=”; $(‘#body img […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[],"class_list":["post-4352","post","type-post","status-publish","format-standard","hentry","category-11"],"_links":{"self":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/posts\/4352","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4352"}],"version-history":[{"count":0,"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/posts\/4352\/revisions"}],"wp:attachment":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4352"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4352"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4352"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}