{"id":501,"date":"2014-02-22T17:16:36","date_gmt":"2014-02-22T09:16:36","guid":{"rendered":"https:\/\/blog.brain1981.com\/?p=501"},"modified":"2014-08-14T16:28:20","modified_gmt":"2014-08-14T08:28:20","slug":"%e5%8e%9f%e7%94%9fjavascript%e6%8b%96%e6%94%be%e7%a8%8b%e5%ba%8f","status":"publish","type":"post","link":"https:\/\/blog.brain1981.com\/501.html","title":{"rendered":"\u539f\u751fJavascript\u62d6\u653e\u7a0b\u5e8f"},"content":{"rendered":"

\u81ea\u5df1\u9020\u8f6e\u5b50\u5199\u4e2a\u539f\u751f\u62d6\u653e\uff0c\u8981\u505a\u5230\u7b80\u5355\u8c03\u7528\uff0c\u8003\u8651\u62d6\u653e\u5bf9\u8c61\u6240\u5728\u7684\u73af\u5883\uff0c\u8fd8\u8981\u517c\u5bb9\u8001IE\uff0c\u8fd8\u662f\u633a\u953b\u70bc\u4eba\u7684\u3002
\n\u4e3b\u8981\u78b0\u5230\u51e0\u4e2a\u95ee\u9898\uff1a<\/p>\n

    \n
  1. \u5173\u4e8e\u5192\u6ce1\u548c\u963b\u6b62\u9ed8\u8ba4\u4e8b\u4ef6\uff0c\u4ee5\u524d\u7684\u7406\u89e3\u90fd\u5f88\u7c97\u7565\uff0c\u81ea\u5df1\u5199\u7684\u65f6\u5019\u624d\u77e5\u8981\u7ec6\u5206\u3002
    \n\u4e00\u662f\u8981\u963b\u6b62\u4e8b\u4ef6\u4f20\u9012\uff0c\u5373\u4e8b\u4ef6\u5192\u6ce1\uff0c\u8001IE\u91cc\u662fev.cancelBubble=true\uff0c\u5176\u4ed6\u6d4f\u89c8\u5668\u662fev.stopPropagation()\uff0c\u8981\u5728onmousedown\u7684\u65f6\u5019\u5c31\u5b9a\u4e49\u597d\uff1b
    \n\u7136\u540e\u662f\u963b\u6b62\u9ed8\u8ba4\u4e8b\u4ef6\uff0c\u4e3b\u8981\u662f\u4e3a\u4e86\u9632\u6b62\u56fe\u7247\u65e0\u6cd5\u62d6\u52a8\u7684\u95ee\u9898\uff0c\u8981\u5728onmousemove\u7684\u65f6\u5019\uff0c\u8001IE\u91cc\u662fev.returnValue=false; \u5176\u4ed6\u6d4f\u89c8\u5668ev.preventDefault()<\/li>\n
  2. \u62d6\u52a8\u8fc7\u7a0b\u4e2d\u9f20\u6807\u79fb\u51fa\u7269\u4ef6\uff0c\u5c31\u8981\u628a\u4e8b\u4ef6\u65b9\u6cd5\u5728document\u4e0a\u590d\u5236\u4e00\u904d\uff1adocument.onmousemove=_self.onmousemove; \u5e76\u4e14\u8003\u8651\u5230\u62d6\u653e\u7ed3\u675f\u7684\u65f6\u5019\u9f20\u6807\u53ef\u80fd\u662f\u5728\u4efb\u610f\u4f4d\u7f6e\uff0c\u90a3\u5c31\u5e72\u8106\u628aonmouseup\u65b9\u6cd5\u5199\u5728document\u4e0a<\/li>\n
  3. \u5355\u7eaf\u7684\u62d6\u653e\u7269\u4ef6\u5176\u5b9e\u6ca1\u4ec0\u4e48\u7528\uff0c\u5b9e\u9645\u5e94\u7528\u7684\u65f6\u5019\u80af\u5b9a\u4f1a\u7ed9\u62d6\u653e\u589e\u52a0\u8303\u56f4\uff0c\u6bd4\u5982\u81ea\u5236\u7684\u6eda\u52a8\u6761\uff0c\u5e7b\u706f\u6548\u679c\u7b49\u3002\u6240\u4ee5\u7ed9\u62d6\u653e\u5bf9\u8c61\u7684\u7236\u7ea7\u5143\u7d20\u4f5c\u8fb9\u754c\u3002\u4e8e\u662f\u53c8\u91cd\u6e29\u4e86\u5404\u79cd\u4f4d\u7f6e\u53d6\u503c\u7684\u517c\u5bb9\u95ee\u9898\uff0cgetBoundingClientRect()\u662f\u4e00\u4e2a\u5f88\u6709\u7528\u7684\u51fd\u6570\uff0c\u4e0d\u8fc7\u5728\u8001IE\u91cc\u9762\u53d6\u4e0d\u5230\u5bbd\u9ad8\uff0c\u6240\u4ee5\u8981\u81ea\u5df1\u8ba1\u7b97\u4e00\u4e0b\u3002<\/li>\n<\/ol>\n

    <\/p>\n

    \r\nfunction dragObj(obj, objEdge){ \/\/obj\u4e3a\u62d6\u653e\u5bf9\u8c61\uff1bobjEdge\u4e3a\u5e03\u5c14\u503c\uff0c\u4e3atrue\u5219obj\u7684\u7236\u5bf9\u8c61\u4f5c\u4e3a\u62d6\u653e\u7684\u8fb9\u754c\r\n\r\n\tfunction getScrollOffsets(_w) {\/\/\u83b7\u53d6\u9875\u9762\u7684\u6eda\u52a8\u4f4d\u7f6e\u51fd\u6570\r\n\t\t_w = _w || window;\r\n\t\t\/\/for all and IE9+\r\n\t\tif (_w.pageXOffset != null) return {\r\n\t\t\tx: _w.pageXOffset,\r\n\t\t\ty: _w.pageYOffset\r\n\t\t};\r\n\t\t\/\/for IE678\r\n\t\tvar _d = _w.document;\r\n\t\tif (document.compatMode == \"CSS1Compat\") return { \/\/for IE678\r\n\t\t\tx: _d.documentElement.scrollLeft,\r\n\t\t\ty: _d.documentElement.scrollTop\r\n\t\t};\r\n\t\t\/\/for other mode\r\n\t\treturn {\r\n\t\t\tx: _d.body.scrollLeft,\r\n\t\t\ty: _d.body.scrpllTop\r\n\t\t};\r\n\t}\r\n\r\n\tvar _self=obj;\r\n\tthis._self=_self;\r\n\r\n\tif(objEdge) {\/\/\u521d\u59cb\u5316\u8fb9\u754c\u7684\u5c5e\u6027,\u5982\u679c\u662f\u56fe\u7247\u7684\u8bdd\u5fc5\u987b\u9875\u9762\u52a0\u8f7d\u521d\u59cb\u5316\uff0c\u5426\u5219\u63a2\u6d4b\u4e0d\u5230\u56fe\u7247\u7684\u5bbd\u9ad8\u3002\u4e5f\u53ef\u4ee5\u653e\u5728\u70b9\u51fb\u4e8b\u4ef6\u5904\u7406\u7a0b\u5e8f\u4e2d\uff0c\u8fd9\u6837\u4e0d\u9700\u8981\u7b49\u9875\u9762\u52a0\u8f7d\u5b8c\u6bd5\r\n\t\tvar _edge=_self.parentNode;\r\n\t\tthis._edge=_edge;\r\n\t\t\/\/\u521d\u59cb\u5316\u76ee\u6807\u6837\u5f0f\r\n\t\tif(!_self.style.top) {\r\n\t\t\t_self.style.top=( _self.getBoundingClientRect().top-_edge.getBoundingClientRect().top )+\"px\";\r\n\t\t\t\r\n\t\t}\r\n\t\tif(!_self.style.left) {\r\n\t\t\t_self.style.left=( _self.getBoundingClientRect().left-_edge.getBoundingClientRect().left )+\"px\";\r\n\t\t}\r\n\t\tif(!_self.style.position) _self.style.position=\"absolute\"; \r\n\t\tif(!_self.style.display || _self.style.display==\"inline\") _self.style.display=\"block\";\r\n\r\n\t\t\/\/\u521d\u59cb\u5316\u8fb9\u754c\u6837\u5f0f\u548c\u79fb\u52a8\u56fa\u5b9a\u533a\u57df\r\n\t\t\r\n\t\tif(!_edge.style.display || _edge.style.display==\"inline\") _edge.style.display=\"block\"; \r\n\t\tvar edgeSizeWidth=_edge.getBoundingClientRect().right-_edge.getBoundingClientRect().left;\/\/\u8fb9\u754c\u5c3a\u5bf8\r\n\t\tvar edgeSizeHeight=_edge.getBoundingClientRect().bottom-_edge.getBoundingClientRect().top;\r\n\r\n\t\tvar dragObjSizeWidth=_self.getBoundingClientRect().right-_self.getBoundingClientRect().left;\/\/\u62d6\u52a8\u5bf9\u8c61\u5c3a\u5bf8\r\n\t\tvar dragObjSizeHeight=_self.getBoundingClientRect().bottom-_self.getBoundingClientRect().top;\r\n\r\n\t\t_edge.w=edgeSizeWidth-dragObjSizeWidth;\r\n\t\t_edge.h=edgeSizeHeight-dragObjSizeHeight;\r\n\r\n\t} else {\/\/\u65e0\u8fb9\u754c\u5143\u7d20\uff0c\u5728\u9875\u9762\u81ea\u7531\u79fb\u52a8\r\n\t\tif(!_self.style.top) {_self.style.top = _self.getBoundingClientRect().top + getScrollOffsets().y + \"px\"}\r\n\t\tif(!_self.style.left) {_self.style.left = _self.getBoundingClientRect().left + getScrollOffsets().x + \"px\"}\r\n\t\tif(!_self.style.position || _self.style.position!=\"absolute\" ) _self.style.position=\"absolute\"; \r\n\t\tif(!_self.style.display || _self.style.display==\"inline\") _self.style.display=\"block\";\r\n\t\tvar _edge=document.body;\r\n\t}\r\n\r\n\r\n\t_self.mousePosition= function(ev){ \r\n\t\tev = ev || window.event;\r\n\t\tvar target = ev.target || ev.srcElement; \/\/ \u83b7\u5f97\u4e8b\u4ef6\u6e90\r\n\t\tif(ev.pageX || ev.pageY){ \r\n\t\t\treturn {x:ev.pageX, y:ev.pageY}; \r\n\t\t} \r\n\t\treturn { \r\n\t\t\tx:ev.clientX + document.body.scrollLeft - document.body.clientLeft, \r\n\t\t\ty:ev.clientY + document.body.scrollTop - document.body.clientTop \r\n\t\t}; \r\n\t}\r\n\r\n\t_self.onmousedown=function(ev){\r\n\r\n\t\tev = ev || window.event;\r\n\t\tvar startY=_self.mousePosition(ev).y-parseInt(_self.style.top);\r\n\t\tvar startX=_self.mousePosition(ev).x-parseInt(_self.style.left);\r\n\r\n\t\tif (ev && ev.preventDefault) {\/\/\u963b\u6b62\u4e8b\u4ef6\u4f20\u64ad\u5192\u6ce1\r\n\t\t\tev.stopPropagation();\r\n\t\t}else if (document.all){\r\n\t\t\tev.cancelBubble=true;\r\n\t\t}\r\n\r\n\t\t_self.onmousemove=function(ev){\r\n\t\t\tev = ev || window.event;\r\n\r\n\t\t\tvar poX=_self.mousePosition(ev).x-startX;\r\n\t\t\tvar poY=_self.mousePosition(ev).y-startY;\r\n\t\t\tif(objEdge){\r\n\t\t\t\tif(poX<0) poX=0;\r\n\t\t\t\tif(poX>_edge.w) { poX=_edge.w; }\r\n\t\t\t\tif(poY<0) poY=0;\r\n\t\t\t\tif(poY>_edge.h) { poY=_edge.h; }\r\n\t\t\t}\r\n\t\t\t_self.style.left=poX+\"px\";\r\n\t\t\t_self.style.top=poY+\"px\";\r\n\r\n\t\t\tif (ev && ev.preventDefault) {\/\/\u963b\u6b62\u9ed8\u8ba4\u4e8b\u4ef6,\u6bd4\u5982\u56fe\u7247\u62d6\u52a8\u95ee\u9898\r\n\t\t\t\tev.preventDefault();\r\n\t\t\t}else if (document.all){\r\n\t\t\t\tev.returnValue = false;\r\n\t\t\t}\r\n\r\n\t\t}\r\n\r\n\t\t_self.onmouseout=function(ev){\/\/\u5982\u679c\u9f20\u6807\u79fb\u51fa\u4e86\u7269\u4ef6\uff0c\u7528\u6587\u6863\u63a5\u53d7\u9f20\u6807\u4e8b\u4ef6\r\n\t\t\tdocument.onmousemove = _self.onmousemove;\r\n\t\t}\r\n\r\n\t\tdocument.onmouseup=function(){\/\/\u653e\u5f00\u9f20\u6807\uff0c\u91ca\u653e\u6240\u6709\u76f8\u5173\u4e8b\u4ef6\r\n\t\t\t_self.onmousemove=null;\r\n\t\t\tdocument.onmousemove=null;\r\n\t\t\t_self.onmouseout=null;\r\n\t\t}\r\n\r\n\t}\r\n\r\n}\r\n<\/pre>\n
    \u517c\u5bb9IE6-11\u4ee5\u53ca\u5176\u4ed6\u4e3b\u6d41\u6d4f\u89c8\u5668\uff0c\u8c03\u7528\u65b9\u6cd5\uff1a<\/p>\n
    \r\nvar d1=new dragObj(document.getElementById(\"objID\"), true);\/\/\u7236\u7ea7\u5143\u7d20\u81ea\u52a8\u4f5c\u4e3a\u8fb9\u754c\r\nvar d2=new dragObj(document.getElementById(\"objID\"), false);\/\/\u65e0\u8fb9\u754c\uff0c\u5728\u7a97\u53e3\u5185\u90e8\u81ea\u7531\u62d6\u52a8\uff0cfalse\u4e5f\u53ef\u4ee5\u7701\u7565\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"
    \u81ea\u5df1\u9020\u8f6e\u5b50\u5199\u4e2a\u539f\u751f\u62d6\u653e\uff0c\u8981\u80fd\u7b80\u5355\u8c03\u7528\uff0c\u8003\u8651\u62d6\u653e\u5bf9\u8c61\u6240\u5728\u7684\u73af\u5883\uff0c\u8fd8\u8981\u517c\u5bb9\u8001IE\u3002\u4e3b\u8981\u78b0\u5230\u51e0\u4e2a\u95ee\u9898\uff1a\u5173\u4e8e\u5192\u6ce1\u548c\u963b\u6b62\u9ed8\u8ba4\u4e8b\u4ef6\uff0c\u4ee5\u524d\u7684\u7406\u89e3\u90fd\u5f88\u7c97\u7565\uff0c\u81ea\u5df1\u5199\u7684\u65f6\u5019\u624d\u77e5\u8981\u7ec6\u5206\u3002\u8981\u963b\u6b62\u4e8b\u4ef6\u4f20\u9012\uff0c\u5373\u4e8b\u4ef6\u5192\u6ce1\u3002\u53e6\u5916\u8fd8\u6709\u62d6\u52a8\u8fc7\u7a0b\u4e2d\u9f20\u6807\u79fb\u51fa\u7269\u4ef6\u72b6\u51b5\u7684\u8003\u8651…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[33],"tags":[3],"class_list":["post-501","post","type-post","status-publish","format-standard","hentry","category-front-end-development","tag-javascript"],"yoast_head":"\n\u539f\u751fJavascript\u62d6\u653e\u7a0b\u5e8f - Brain\u7684\u6280\u672f\u7b14\u8bb0<\/title>\n<meta name=\"description\" content=\"\u81ea\u5df1\u9020\u8f6e\u5b50\u5199\u4e2a\u539f\u751f\u62d6\u653e\uff0c\u8981\u80fd\u7b80\u5355\u8c03\u7528\uff0c\u8003\u8651\u62d6\u653e\u5bf9\u8c61\u6240\u5728\u7684\u73af\u5883\uff0c\u8fd8\u8981\u517c\u5bb9\u8001IE\u3002\u4e3b\u8981\u78b0\u5230\u51e0\u4e2a\u95ee\u9898\uff1a\u5173\u4e8e\u5192\u6ce1\u548c\u963b\u6b62\u9ed8\u8ba4\u4e8b\u4ef6\uff0c\u4ee5\u524d\u7684\u7406\u89e3\u90fd\u5f88\u7c97\u7565\uff0c\u81ea\u5df1\u5199\u7684\u65f6\u5019\u624d\u77e5\u8981\u7ec6\u5206\u3002\u8981\u963b\u6b62\u4e8b\u4ef6\u4f20\u9012\uff0c\u5373\u4e8b\u4ef6\u5192\u6ce1\u3002\u53e6\u5916\u8fd8\u6709\u62d6\u52a8\u8fc7\u7a0b\u4e2d\u9f20\u6807\u79fb\u51fa\u7269\u4ef6\u72b6\u51b5\u7684\u8003\u8651...\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blog.brain1981.com\/501.html\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u539f\u751fJavascript\u62d6\u653e\u7a0b\u5e8f - Brain\u7684\u6280\u672f\u7b14\u8bb0\" \/>\n<meta property=\"og:description\" content=\"\u81ea\u5df1\u9020\u8f6e\u5b50\u5199\u4e2a\u539f\u751f\u62d6\u653e\uff0c\u8981\u80fd\u7b80\u5355\u8c03\u7528\uff0c\u8003\u8651\u62d6\u653e\u5bf9\u8c61\u6240\u5728\u7684\u73af\u5883\uff0c\u8fd8\u8981\u517c\u5bb9\u8001IE\u3002\u4e3b\u8981\u78b0\u5230\u51e0\u4e2a\u95ee\u9898\uff1a\u5173\u4e8e\u5192\u6ce1\u548c\u963b\u6b62\u9ed8\u8ba4\u4e8b\u4ef6\uff0c\u4ee5\u524d\u7684\u7406\u89e3\u90fd\u5f88\u7c97\u7565\uff0c\u81ea\u5df1\u5199\u7684\u65f6\u5019\u624d\u77e5\u8981\u7ec6\u5206\u3002\u8981\u963b\u6b62\u4e8b\u4ef6\u4f20\u9012\uff0c\u5373\u4e8b\u4ef6\u5192\u6ce1\u3002\u53e6\u5916\u8fd8\u6709\u62d6\u52a8\u8fc7\u7a0b\u4e2d\u9f20\u6807\u79fb\u51fa\u7269\u4ef6\u72b6\u51b5\u7684\u8003\u8651...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blog.brain1981.com\/501.html\" \/>\n<meta property=\"og:site_name\" content=\"Brain\u7684\u6280\u672f\u7b14\u8bb0\" \/>\n<meta property=\"article:published_time\" content=\"2014-02-22T09:16:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2014-08-14T08:28:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.brain1981.com\/wp-content\/uploads\/2026\/01\/200.png\" \/>\n\t<meta property=\"og:image:width\" content=\"200\" \/>\n\t<meta property=\"og:image:height\" content=\"133\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Brain\" \/>\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"Brain\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/blog.brain1981.com\\\/501.html#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/blog.brain1981.com\\\/501.html\"},\"author\":{\"name\":\"Brain\",\"@id\":\"https:\\\/\\\/blog.brain1981.com\\\/#\\\/schema\\\/person\\\/7689202bbb2f967b4c66309c1cc5e65d\"},\"headline\":\"\u539f\u751fJavascript\u62d6\u653e\u7a0b\u5e8f\",\"datePublished\":\"2014-02-22T09:16:36+00:00\",\"dateModified\":\"2014-08-14T08:28:20+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/blog.brain1981.com\\\/501.html\"},\"wordCount\":27,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/blog.brain1981.com\\\/#\\\/schema\\\/person\\\/7689202bbb2f967b4c66309c1cc5e65d\"},\"keywords\":[\"Javascript\"],\"articleSection\":[\"\u524d\u7aef\u5f00\u53d1\"],\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/blog.brain1981.com\\\/501.html#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/blog.brain1981.com\\\/501.html\",\"url\":\"https:\\\/\\\/blog.brain1981.com\\\/501.html\",\"name\":\"\u539f\u751fJavascript\u62d6\u653e\u7a0b\u5e8f - Brain\u7684\u6280\u672f\u7b14\u8bb0\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/blog.brain1981.com\\\/#website\"},\"datePublished\":\"2014-02-22T09:16:36+00:00\",\"dateModified\":\"2014-08-14T08:28:20+00:00\",\"description\":\"\u81ea\u5df1\u9020\u8f6e\u5b50\u5199\u4e2a\u539f\u751f\u62d6\u653e\uff0c\u8981\u80fd\u7b80\u5355\u8c03\u7528\uff0c\u8003\u8651\u62d6\u653e\u5bf9\u8c61\u6240\u5728\u7684\u73af\u5883\uff0c\u8fd8\u8981\u517c\u5bb9\u8001IE\u3002\u4e3b\u8981\u78b0\u5230\u51e0\u4e2a\u95ee\u9898\uff1a\u5173\u4e8e\u5192\u6ce1\u548c\u963b\u6b62\u9ed8\u8ba4\u4e8b\u4ef6\uff0c\u4ee5\u524d\u7684\u7406\u89e3\u90fd\u5f88\u7c97\u7565\uff0c\u81ea\u5df1\u5199\u7684\u65f6\u5019\u624d\u77e5\u8981\u7ec6\u5206\u3002\u8981\u963b\u6b62\u4e8b\u4ef6\u4f20\u9012\uff0c\u5373\u4e8b\u4ef6\u5192\u6ce1\u3002\u53e6\u5916\u8fd8\u6709\u62d6\u52a8\u8fc7\u7a0b\u4e2d\u9f20\u6807\u79fb\u51fa\u7269\u4ef6\u72b6\u51b5\u7684\u8003\u8651...\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/blog.brain1981.com\\\/501.html#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/blog.brain1981.com\\\/501.html\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/blog.brain1981.com\\\/501.html#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\\\/\\\/blog.brain1981.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u539f\u751fJavascript\u62d6\u653e\u7a0b\u5e8f\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/blog.brain1981.com\\\/#website\",\"url\":\"https:\\\/\\\/blog.brain1981.com\\\/\",\"name\":\"Brain\u7684\u6280\u672f\u7b14\u8bb0\",\"description\":\"WordPress\u5efa\u7ad9\u5f00\u53d1\u6559\u7a0b\u4e0e\u6280\u672f\u7814\u7a76\",\"publisher\":{\"@id\":\"https:\\\/\\\/blog.brain1981.com\\\/#\\\/schema\\\/person\\\/7689202bbb2f967b4c66309c1cc5e65d\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/blog.brain1981.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-Hans\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/blog.brain1981.com\\\/#\\\/schema\\\/person\\\/7689202bbb2f967b4c66309c1cc5e65d\",\"name\":\"Brain\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\\\/\\\/blog.brain1981.com\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/favicon.webp\",\"url\":\"https:\\\/\\\/blog.brain1981.com\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/favicon.webp\",\"contentUrl\":\"https:\\\/\\\/blog.brain1981.com\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/favicon.webp\",\"width\":75,\"height\":75,\"caption\":\"Brain\"},\"logo\":{\"@id\":\"https:\\\/\\\/blog.brain1981.com\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/favicon.webp\"},\"sameAs\":[\"http:\\\/\\\/brain1981.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u539f\u751fJavascript\u62d6\u653e\u7a0b\u5e8f - Brain\u7684\u6280\u672f\u7b14\u8bb0","description":"\u81ea\u5df1\u9020\u8f6e\u5b50\u5199\u4e2a\u539f\u751f\u62d6\u653e\uff0c\u8981\u80fd\u7b80\u5355\u8c03\u7528\uff0c\u8003\u8651\u62d6\u653e\u5bf9\u8c61\u6240\u5728\u7684\u73af\u5883\uff0c\u8fd8\u8981\u517c\u5bb9\u8001IE\u3002\u4e3b\u8981\u78b0\u5230\u51e0\u4e2a\u95ee\u9898\uff1a\u5173\u4e8e\u5192\u6ce1\u548c\u963b\u6b62\u9ed8\u8ba4\u4e8b\u4ef6\uff0c\u4ee5\u524d\u7684\u7406\u89e3\u90fd\u5f88\u7c97\u7565\uff0c\u81ea\u5df1\u5199\u7684\u65f6\u5019\u624d\u77e5\u8981\u7ec6\u5206\u3002\u8981\u963b\u6b62\u4e8b\u4ef6\u4f20\u9012\uff0c\u5373\u4e8b\u4ef6\u5192\u6ce1\u3002\u53e6\u5916\u8fd8\u6709\u62d6\u52a8\u8fc7\u7a0b\u4e2d\u9f20\u6807\u79fb\u51fa\u7269\u4ef6\u72b6\u51b5\u7684\u8003\u8651...","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/blog.brain1981.com\/501.html","og_locale":"zh_CN","og_type":"article","og_title":"\u539f\u751fJavascript\u62d6\u653e\u7a0b\u5e8f - Brain\u7684\u6280\u672f\u7b14\u8bb0","og_description":"\u81ea\u5df1\u9020\u8f6e\u5b50\u5199\u4e2a\u539f\u751f\u62d6\u653e\uff0c\u8981\u80fd\u7b80\u5355\u8c03\u7528\uff0c\u8003\u8651\u62d6\u653e\u5bf9\u8c61\u6240\u5728\u7684\u73af\u5883\uff0c\u8fd8\u8981\u517c\u5bb9\u8001IE\u3002\u4e3b\u8981\u78b0\u5230\u51e0\u4e2a\u95ee\u9898\uff1a\u5173\u4e8e\u5192\u6ce1\u548c\u963b\u6b62\u9ed8\u8ba4\u4e8b\u4ef6\uff0c\u4ee5\u524d\u7684\u7406\u89e3\u90fd\u5f88\u7c97\u7565\uff0c\u81ea\u5df1\u5199\u7684\u65f6\u5019\u624d\u77e5\u8981\u7ec6\u5206\u3002\u8981\u963b\u6b62\u4e8b\u4ef6\u4f20\u9012\uff0c\u5373\u4e8b\u4ef6\u5192\u6ce1\u3002\u53e6\u5916\u8fd8\u6709\u62d6\u52a8\u8fc7\u7a0b\u4e2d\u9f20\u6807\u79fb\u51fa\u7269\u4ef6\u72b6\u51b5\u7684\u8003\u8651...","og_url":"https:\/\/blog.brain1981.com\/501.html","og_site_name":"Brain\u7684\u6280\u672f\u7b14\u8bb0","article_published_time":"2014-02-22T09:16:36+00:00","article_modified_time":"2014-08-14T08:28:20+00:00","og_image":[{"width":200,"height":133,"url":"https:\/\/blog.brain1981.com\/wp-content\/uploads\/2026\/01\/200.png","type":"image\/png"}],"author":"Brain","twitter_misc":{"\u4f5c\u8005":"Brain","\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"2 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/blog.brain1981.com\/501.html#article","isPartOf":{"@id":"https:\/\/blog.brain1981.com\/501.html"},"author":{"name":"Brain","@id":"https:\/\/blog.brain1981.com\/#\/schema\/person\/7689202bbb2f967b4c66309c1cc5e65d"},"headline":"\u539f\u751fJavascript\u62d6\u653e\u7a0b\u5e8f","datePublished":"2014-02-22T09:16:36+00:00","dateModified":"2014-08-14T08:28:20+00:00","mainEntityOfPage":{"@id":"https:\/\/blog.brain1981.com\/501.html"},"wordCount":27,"commentCount":0,"publisher":{"@id":"https:\/\/blog.brain1981.com\/#\/schema\/person\/7689202bbb2f967b4c66309c1cc5e65d"},"keywords":["Javascript"],"articleSection":["\u524d\u7aef\u5f00\u53d1"],"inLanguage":"zh-Hans","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/blog.brain1981.com\/501.html#respond"]}]},{"@type":"WebPage","@id":"https:\/\/blog.brain1981.com\/501.html","url":"https:\/\/blog.brain1981.com\/501.html","name":"\u539f\u751fJavascript\u62d6\u653e\u7a0b\u5e8f - Brain\u7684\u6280\u672f\u7b14\u8bb0","isPartOf":{"@id":"https:\/\/blog.brain1981.com\/#website"},"datePublished":"2014-02-22T09:16:36+00:00","dateModified":"2014-08-14T08:28:20+00:00","description":"\u81ea\u5df1\u9020\u8f6e\u5b50\u5199\u4e2a\u539f\u751f\u62d6\u653e\uff0c\u8981\u80fd\u7b80\u5355\u8c03\u7528\uff0c\u8003\u8651\u62d6\u653e\u5bf9\u8c61\u6240\u5728\u7684\u73af\u5883\uff0c\u8fd8\u8981\u517c\u5bb9\u8001IE\u3002\u4e3b\u8981\u78b0\u5230\u51e0\u4e2a\u95ee\u9898\uff1a\u5173\u4e8e\u5192\u6ce1\u548c\u963b\u6b62\u9ed8\u8ba4\u4e8b\u4ef6\uff0c\u4ee5\u524d\u7684\u7406\u89e3\u90fd\u5f88\u7c97\u7565\uff0c\u81ea\u5df1\u5199\u7684\u65f6\u5019\u624d\u77e5\u8981\u7ec6\u5206\u3002\u8981\u963b\u6b62\u4e8b\u4ef6\u4f20\u9012\uff0c\u5373\u4e8b\u4ef6\u5192\u6ce1\u3002\u53e6\u5916\u8fd8\u6709\u62d6\u52a8\u8fc7\u7a0b\u4e2d\u9f20\u6807\u79fb\u51fa\u7269\u4ef6\u72b6\u51b5\u7684\u8003\u8651...","breadcrumb":{"@id":"https:\/\/blog.brain1981.com\/501.html#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.brain1981.com\/501.html"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/blog.brain1981.com\/501.html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/blog.brain1981.com\/"},{"@type":"ListItem","position":2,"name":"\u539f\u751fJavascript\u62d6\u653e\u7a0b\u5e8f"}]},{"@type":"WebSite","@id":"https:\/\/blog.brain1981.com\/#website","url":"https:\/\/blog.brain1981.com\/","name":"Brain\u7684\u6280\u672f\u7b14\u8bb0","description":"WordPress\u5efa\u7ad9\u5f00\u53d1\u6559\u7a0b\u4e0e\u6280\u672f\u7814\u7a76","publisher":{"@id":"https:\/\/blog.brain1981.com\/#\/schema\/person\/7689202bbb2f967b4c66309c1cc5e65d"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.brain1981.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-Hans"},{"@type":["Person","Organization"],"@id":"https:\/\/blog.brain1981.com\/#\/schema\/person\/7689202bbb2f967b4c66309c1cc5e65d","name":"Brain","image":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/blog.brain1981.com\/wp-content\/uploads\/2026\/01\/favicon.webp","url":"https:\/\/blog.brain1981.com\/wp-content\/uploads\/2026\/01\/favicon.webp","contentUrl":"https:\/\/blog.brain1981.com\/wp-content\/uploads\/2026\/01\/favicon.webp","width":75,"height":75,"caption":"Brain"},"logo":{"@id":"https:\/\/blog.brain1981.com\/wp-content\/uploads\/2026\/01\/favicon.webp"},"sameAs":["http:\/\/brain1981.com"]}]}},"views":6647,"_links":{"self":[{"href":"https:\/\/blog.brain1981.com\/wp-json\/wp\/v2\/posts\/501","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.brain1981.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.brain1981.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.brain1981.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.brain1981.com\/wp-json\/wp\/v2\/comments?post=501"}],"version-history":[{"count":9,"href":"https:\/\/blog.brain1981.com\/wp-json\/wp\/v2\/posts\/501\/revisions"}],"predecessor-version":[{"id":593,"href":"https:\/\/blog.brain1981.com\/wp-json\/wp\/v2\/posts\/501\/revisions\/593"}],"wp:attachment":[{"href":"https:\/\/blog.brain1981.com\/wp-json\/wp\/v2\/media?parent=501"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.brain1981.com\/wp-json\/wp\/v2\/categories?post=501"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.brain1981.com\/wp-json\/wp\/v2\/tags?post=501"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}