{"id":410,"date":"2013-06-22T17:06:40","date_gmt":"2013-06-22T09:06:40","guid":{"rendered":"https:\/\/blog.brain1981.com\/?p=410"},"modified":"2014-08-14T16:58:41","modified_gmt":"2014-08-14T08:58:41","slug":"%e5%8e%9f%e7%94%9fjavascript%e9%a1%b5%e9%9d%a2%e5%b9%b3%e6%bb%91%e8%b7%b3%e8%bd%ac%e6%8f%92%e4%bb%b6","status":"publish","type":"post","link":"https:\/\/blog.brain1981.com\/410.html","title":{"rendered":"\u539f\u751fJavascript\u5b9e\u73b0\u9875\u9762\u5e73\u6ed1\u6eda\u52a8\u8df3\u8f6c"},"content":{"rendered":"<p>\u770b\u89c1\u5f88\u591aBlog\u7684\u53f3\u4e0b\u89d2\u6709\u4e00\u4e2a\u5e73\u6ed1\u6eda\u52a8\u5230\u9875\u9762\u9876\u90e8\u7684\u7bad\u5934\uff0c\u89c9\u5f97\u633a\u5b9e\u7528\u3002\u6211\u7684WP\u4e3b\u9898\u6ca1\u6709\u81ea\u5e26\u8fd9\u4e2a\u529f\u80fd\uff0c\u7f51\u4e0a\u627e\u5230\u7684\u73b0\u6210\u7684\u53c8\u90fd\u662f\u57fa\u4e8ejQuery\u7684\uff0c\u81ea\u5df1\u7684\u7f51\u7ad9\u6211\u8fd8\u4e0d\u8003\u8651\u7528\u4efb\u4f55JS\u6846\u67b6\uff0c\u81ea\u5df1\u5199\u4e00\u4e2a\u597d\u4e86&#8230;\u65e2\u7136\u662f\u81ea\u5df1\u5199\u90a3\u5c31\u8003\u8651\u628a\u529f\u80fd\u5199\u5f97\u5b8c\u6574\u4e00\u4e9b\uff0c\u4e0d\u4ec5\u8981\u53ef\u4ee5\u5e73\u6ed1\u6eda\u52a8\u5230\u9875\u9762\u9876\u7aef\uff0c\u800c\u4e14\u8981\u53ef\u4ee5\u5e73\u6ed1\u6eda\u52a8\u5230\u9875\u9762\u4efb\u4f55\u5143\u7d20\u6307\u5b9a\u7684\u4f4d\u7f6e\uff0c\u5b9e\u73b0\u951a\u70b9\u7684\u529f\u80fd\u3002<\/p>\n<p>\u5148\u628a\u90a3\u4e2a\u7bad\u5934\u6309\u94ae\u7ed9\u9020\u51fa\u6765\uff0c\u4e00\u4e2a\u9ed1\u65b9\u5757\u91cc\u9762\u5957\u4e00\u4e2a\u4e09\u89d2\u5f62\u548c\u6b63\u65b9\u5f62\uff0c\u4e00\u51713\u4e2a\u5143\u7d20\uff1a<!--more--><\/p>\n<pre lang=\"html4strict\" line=\"1\">\r\n<a id=\"returnTop\" href=\"###\" onclick=\"scrollPosition()\"><!--scrollPosition\u5c31\u662f\u8df3\u8f6c\u8c03\u7528\u7684\u51fd\u6570-->\r\n\t<span id=\"returnTop_a\"><\/span>\r\n\t<span id=\"returnTop_b\"><\/span>\r\n<\/a>\r\n<\/pre>\n<p>CSS\uff1a<\/p>\n<pre lang=\"css\" line=\"1\">\r\n#returnTop {\r\n\tbackground-color:#333;\r\n\twidth:40px;\r\n\theight:40px;\r\n\tdisplay:block;\r\n\tposition:fixed;\r\n\tline-height:50px;\r\n\tcolor:#fff;\r\n\tright:30px;\r\n\tbottom:30px;\r\n}\r\n#returnTop_a{\r\n\tposition: absolute;\r\n\ttop: -2px;\r\n\tleft: 8px;\r\n\twidth: 0;\r\n\theight: 0;\r\n\tborder-width: 10px 12px;\r\n\tborder-style: dashed dashed solid;\r\n\tborder-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #FFF;\r\n}\r\n#returnTop_b{\r\n\tposition: absolute;\r\n\ttop: 18px;\r\n\tleft: 14px;\r\n\twidth: 12px;\r\n\theight: 12px;\r\n\tbackground: #FFF;\r\n}\r\n<\/pre>\n<p>\u63a5\u4e0b\u6765\u5c31\u662fJS\u90e8\u5206\u4e86\uff0c\u4ece\u7280\u725b\u4e66\u4e0a\u642c\u6765\u4e24\u4e2a\u6709\u7528\u7684\u51fd\u6570\uff0c\u90fd\u5df2\u505a\u597d\u517c\u5bb9\uff1a<\/p>\n<pre lang=\"javascript\" line=\"1\">\r\nfunction getScrollOffsets(_w) {\/\/\u83b7\u53d6\u9875\u9762\u7684\u6eda\u52a8\u4f4d\u7f6e\r\n    _w = _w || window;\r\n    \/\/for all and IE9+\r\n    if (_w.pageXOffset != null) return {\r\n        x: _w.pageXOffset,\r\n        y: _w.pageYOffset\r\n    };\r\n    \/\/for IE678\r\n    var _d = _w.document;\r\n    if (document.compatMode == \"CSS1Compat\") return { \/\/for IE678\r\n        x: _d.documentElement.scrollLeft,\r\n        y: _d.documentElement.scrollTop\r\n    };\r\n    \/\/for other mode\r\n    return {\r\n        x: _d.body.scrollLeft,\r\n        y: _d.body.scrpllTop\r\n    };\r\n}\r\n\r\nfunction getViewPortSize(_w) {\/\/\u83b7\u53d6\u9875\u9762\u7684\u7a97\u53e3\u5927\u5c0f\r\n    _w = _w || window;\r\n    \/\/for all and IE9+\r\n    if (_w.innerWidth != null) return {\r\n        x: _w.innerWidth,\r\n        y: _w.innerHeight\r\n    };\r\n    \/\/for IE678\r\n    var _d = _w.document;\r\n    if (document.compatMode == \"CSS1Compat\") return { \/\/for IE678\r\n        x: _d.documentElement.clientWidth,\r\n        y: _d.documentElement.clientHeight\r\n    };\r\n    \/\/for other mode\r\n    return {\r\n        x: _d.body.clientWidth,\r\n        y: _d.body.clientHeight\r\n    };\r\n}\r\n<\/pre>\n<p>\u6700\u540e\u662f\u4e3b\u7a0b\u5e8f\uff1a<\/p>\n<pre lang=\"javascript\" line=\"1\">\r\nfunction scrollPosition(_obj) {\/\/\u53c2\u6570_obj\u53ef\u4ee5\u662f\u4efb\u4f55\u9875\u9762\u4e0a\u5b58\u5728\u7684\u5143\u7d20\u7684id\uff0c\u6216\u8005\u662f\u6307\u5b9a\u5143\u7d20\u672c\u8eab\r\n    var targetX, targetY;\r\n    if (!_obj) { \/\/\u5982\u679c\u4e0d\u6307\u5b9a\u951a\u70b9\u5143\u7d20\uff0c\u5c31\u8df3\u5230\u9875\u9762\u9876\u7aef0\uff0c0\u4f4d\u7f6e\r\n        targetX = 0;\r\n        targetY = 0;\r\n    } else {\r\n        if (typeof (_obj) == \"string\") {\r\n            _obj = document.getElementById(_obj);\r\n        } else {\r\n            _obj = _obj\r\n        }\r\n        targetX = _obj.getBoundingClientRect().left + getScrollOffsets().x;\r\n        targetY = _obj.getBoundingClientRect().top + getScrollOffsets().y; \r\n    }\r\n\r\n    \/\/\u5982\u679c\u76ee\u6807\u5143\u7d20\u7684\u4f4d\u7f6e\u5728\u6700\u540e\u4e00\u5c4f\uff0c\u90a3\u5c31\u6307\u5b9a\u76ee\u6807\u4f4d\u7f6e\u4e3a\u9875\u9762\u5e95\u90e8\r\n    \/\/\u5982\u679c\u76ee\u6807\u5143\u7d20\u7684\u4f4d\u7f6e\u4e3a\u8d1f\u6570\uff0c\u5c31\u6307\u5b9a\u76ee\u6807\u4f4d\u7f6e\u4e3a\u9875\u9762\u9876\u90e8\r\n    var maxTargetX=document.body.scrollWidth-getViewPortSize().x;\r\n    if(targetX>=maxTargetX) targetX=maxTargetX;\r\n    if(targetX<0) targetX=0;\r\n    var maxTargetY=document.body.scrollHeight-getViewPortSize().y;\r\n    if(targetY>=maxTargetY) targetY=maxTargetY;\r\n    if(targetY<0) targetY=0;\r\n\r\n    var tempTimer = setInterval(function () {\r\n        var currentY = getScrollOffsets().y;\r\n        var currentX = getScrollOffsets().x;\r\n        \/\/\u8df3\u8f6c\u4f4d\u7f6e\u7684\u7f13\u51b2\u516c\u5f0f\r\n        var tempTargetY = currentY - (currentY - targetY) \/ 10;\r\n        var tempTargetX = currentX - (currentX - targetX) \/ 10;\r\n        \/\/\u7531\u4e8e\u7f13\u51b2\u516c\u5f0f\u4f1a\u751f\u6210\u5c0f\u6570\uff0c\u800cscrollTo\u51fd\u6570\u4f1a\u7701\u7565\u5c0f\u6570\u70b9\u540e\u9762\u7684\u6570\u5b57\uff0c\u6240\u4ee5\u8981\u5bf9\u8df3\u8f6c\u7684\u5750\u6807\u505a\u4e00\u4e9b\u5fae\u8c03\r\n        if (Math.abs(tempTargetY - currentY) < 1) {\r\n            tempTargetY - currentY > 0 ? tempTargetY++ : tempTargetY--;\r\n        }\r\n        if (Math.abs(tempTargetX - currentX) < 1) {\r\n            tempTargetX - currentX > 0 ? tempTargetX++ : tempTargetX--;\r\n        }\r\n        \/\/\u9875\u9762\u8df3\u8f6c\r\n        window.scrollTo(tempTargetX, tempTargetY);\r\n        \/\/\u5230\u8fbe\u6307\u5b9a\u4f4d\u7f6e\u540e\u6e05\u9664\u4e00\u4e0bInterval\r\n        if ( Math.abs(getScrollOffsets().y - targetY) <= 2 &#038;&#038; Math.abs(getScrollOffsets().x - targetX) <= 2  ) {\r\n            clearInterval(tempTimer);\r\n            window.scrollTo(targetX, targetY);\r\n            \/\/console.log(\"done\");\r\n        }\r\n    }, 10);\r\n}\r\n<\/pre>\n<p>\u53ef\u4ee5\u8c03\u7528\u4ee5\u4e0b\u547d\u4ee4\u4efb\u610f\u5e73\u6ed1\u6eda\u52a8\u5230\u6307\u5b9a\u7684\u5143\u7d20\u4f4d\u7f6e\uff1a<\/p>\n<pre>\r\nscrollPosition(\"itemId\");\r\n<\/pre>\n<p>\u672c\u7a0b\u5e8f\u517c\u5bb9\u6027: IE7+\u4ee5\u53ca\u6240\u6709\u5176\u4ed6\u6d4f\u89c8\u5668\u7684\u5f53\u524d\u7248\u672c\uff08\u4e0d\u517c\u5bb9IE6\uff09<\/p>\n<p>\u9644\u4e0ajsfiddle\u6f14\u793a\u5730\u5740\uff1a<a href=\"http:\/\/jsfiddle.net\/BrainShi\/B3mZV\/\" target=\"_blank\">http:\/\/jsfiddle.net\/BrainShi\/B3mZV\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u770b\u89c1\u5f88\u591aBlog\u7684\u53f3\u4e0b\u89d2\u6709\u4e00\u4e2a\u8ba9\u9875\u9762\u5e73\u6ed1\u6eda\u52a8\u5230\u9876\u90e8\u7684\u7bad\u5934\uff0c\u89c9\u5f97\u633a\u5b9e\u7528\u3002\u6211\u7684WP\u4e3b\u9898\u6ca1\u6709\u81ea\u5e26\u8fd9\u4e2a\u529f\u80fd\uff0c\u7f51\u4e0a\u627e\u5230\u7684\u73b0\u6210\u7684\u53c8\u90fd\u662f\u57fa\u4e8ejQuery\u7684\uff0c\u81ea\u5df1\u7684\u7f51\u7ad9\u6211\u8fd8\u4e0d\u8003\u8651\u7528\u4efb\u4f55JS\u6846\u67b6\uff0c\u4e8e\u662f\u5c31\u51b3\u5b9a\u81ea\u5df1\u5199\u4e00\u4e2a\u3002<\/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-410","post","type-post","status-publish","format-standard","hentry","category-front-end-development","tag-javascript"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u539f\u751fJavascript\u5b9e\u73b0\u9875\u9762\u5e73\u6ed1\u6eda\u52a8\u8df3\u8f6c - Brain\u7684\u6280\u672f\u7b14\u8bb0<\/title>\n<meta name=\"description\" content=\"\u770b\u89c1\u5f88\u591aBlog\u7684\u53f3\u4e0b\u89d2\u6709\u4e00\u4e2a\u8ba9\u9875\u9762\u5e73\u6ed1\u6eda\u52a8\u5230\u9876\u90e8\u7684\u7bad\u5934\uff0c\u89c9\u5f97\u633a\u5b9e\u7528\u3002\u6211\u7684WP\u4e3b\u9898\u6ca1\u6709\u81ea\u5e26\u8fd9\u4e2a\u529f\u80fd\uff0c\u7f51\u4e0a\u627e\u5230\u7684\u73b0\u6210\u7684\u53c8\u90fd\u662f\u57fa\u4e8ejQuery\u7684\uff0c\u81ea\u5df1\u7684\u7f51\u7ad9\u6211\u8fd8\u4e0d\u8003\u8651\u7528\u4efb\u4f55JS\u6846\u67b6\uff0c\u4e8e\u662f\u5c31\u51b3\u5b9a\u81ea\u5df1\u5199\u4e00\u4e2a\u3002\" \/>\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\/410.html\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u539f\u751fJavascript\u5b9e\u73b0\u9875\u9762\u5e73\u6ed1\u6eda\u52a8\u8df3\u8f6c - Brain\u7684\u6280\u672f\u7b14\u8bb0\" \/>\n<meta property=\"og:description\" content=\"\u770b\u89c1\u5f88\u591aBlog\u7684\u53f3\u4e0b\u89d2\u6709\u4e00\u4e2a\u8ba9\u9875\u9762\u5e73\u6ed1\u6eda\u52a8\u5230\u9876\u90e8\u7684\u7bad\u5934\uff0c\u89c9\u5f97\u633a\u5b9e\u7528\u3002\u6211\u7684WP\u4e3b\u9898\u6ca1\u6709\u81ea\u5e26\u8fd9\u4e2a\u529f\u80fd\uff0c\u7f51\u4e0a\u627e\u5230\u7684\u73b0\u6210\u7684\u53c8\u90fd\u662f\u57fa\u4e8ejQuery\u7684\uff0c\u81ea\u5df1\u7684\u7f51\u7ad9\u6211\u8fd8\u4e0d\u8003\u8651\u7528\u4efb\u4f55JS\u6846\u67b6\uff0c\u4e8e\u662f\u5c31\u51b3\u5b9a\u81ea\u5df1\u5199\u4e00\u4e2a\u3002\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blog.brain1981.com\/410.html\" \/>\n<meta property=\"og:site_name\" content=\"Brain\u7684\u6280\u672f\u7b14\u8bb0\" \/>\n<meta property=\"article:published_time\" content=\"2013-06-22T09:06:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2014-08-14T08:58:41+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=\"1 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/blog.brain1981.com\\\/410.html#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/blog.brain1981.com\\\/410.html\"},\"author\":{\"name\":\"Brain\",\"@id\":\"https:\\\/\\\/blog.brain1981.com\\\/#\\\/schema\\\/person\\\/7689202bbb2f967b4c66309c1cc5e65d\"},\"headline\":\"\u539f\u751fJavascript\u5b9e\u73b0\u9875\u9762\u5e73\u6ed1\u6eda\u52a8\u8df3\u8f6c\",\"datePublished\":\"2013-06-22T09:06:40+00:00\",\"dateModified\":\"2014-08-14T08:58:41+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/blog.brain1981.com\\\/410.html\"},\"wordCount\":16,\"commentCount\":2,\"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\\\/410.html#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/blog.brain1981.com\\\/410.html\",\"url\":\"https:\\\/\\\/blog.brain1981.com\\\/410.html\",\"name\":\"\u539f\u751fJavascript\u5b9e\u73b0\u9875\u9762\u5e73\u6ed1\u6eda\u52a8\u8df3\u8f6c - Brain\u7684\u6280\u672f\u7b14\u8bb0\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/blog.brain1981.com\\\/#website\"},\"datePublished\":\"2013-06-22T09:06:40+00:00\",\"dateModified\":\"2014-08-14T08:58:41+00:00\",\"description\":\"\u770b\u89c1\u5f88\u591aBlog\u7684\u53f3\u4e0b\u89d2\u6709\u4e00\u4e2a\u8ba9\u9875\u9762\u5e73\u6ed1\u6eda\u52a8\u5230\u9876\u90e8\u7684\u7bad\u5934\uff0c\u89c9\u5f97\u633a\u5b9e\u7528\u3002\u6211\u7684WP\u4e3b\u9898\u6ca1\u6709\u81ea\u5e26\u8fd9\u4e2a\u529f\u80fd\uff0c\u7f51\u4e0a\u627e\u5230\u7684\u73b0\u6210\u7684\u53c8\u90fd\u662f\u57fa\u4e8ejQuery\u7684\uff0c\u81ea\u5df1\u7684\u7f51\u7ad9\u6211\u8fd8\u4e0d\u8003\u8651\u7528\u4efb\u4f55JS\u6846\u67b6\uff0c\u4e8e\u662f\u5c31\u51b3\u5b9a\u81ea\u5df1\u5199\u4e00\u4e2a\u3002\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/blog.brain1981.com\\\/410.html#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/blog.brain1981.com\\\/410.html\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/blog.brain1981.com\\\/410.html#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\\\/\\\/blog.brain1981.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u539f\u751fJavascript\u5b9e\u73b0\u9875\u9762\u5e73\u6ed1\u6eda\u52a8\u8df3\u8f6c\"}]},{\"@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\u5b9e\u73b0\u9875\u9762\u5e73\u6ed1\u6eda\u52a8\u8df3\u8f6c - Brain\u7684\u6280\u672f\u7b14\u8bb0","description":"\u770b\u89c1\u5f88\u591aBlog\u7684\u53f3\u4e0b\u89d2\u6709\u4e00\u4e2a\u8ba9\u9875\u9762\u5e73\u6ed1\u6eda\u52a8\u5230\u9876\u90e8\u7684\u7bad\u5934\uff0c\u89c9\u5f97\u633a\u5b9e\u7528\u3002\u6211\u7684WP\u4e3b\u9898\u6ca1\u6709\u81ea\u5e26\u8fd9\u4e2a\u529f\u80fd\uff0c\u7f51\u4e0a\u627e\u5230\u7684\u73b0\u6210\u7684\u53c8\u90fd\u662f\u57fa\u4e8ejQuery\u7684\uff0c\u81ea\u5df1\u7684\u7f51\u7ad9\u6211\u8fd8\u4e0d\u8003\u8651\u7528\u4efb\u4f55JS\u6846\u67b6\uff0c\u4e8e\u662f\u5c31\u51b3\u5b9a\u81ea\u5df1\u5199\u4e00\u4e2a\u3002","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\/410.html","og_locale":"zh_CN","og_type":"article","og_title":"\u539f\u751fJavascript\u5b9e\u73b0\u9875\u9762\u5e73\u6ed1\u6eda\u52a8\u8df3\u8f6c - Brain\u7684\u6280\u672f\u7b14\u8bb0","og_description":"\u770b\u89c1\u5f88\u591aBlog\u7684\u53f3\u4e0b\u89d2\u6709\u4e00\u4e2a\u8ba9\u9875\u9762\u5e73\u6ed1\u6eda\u52a8\u5230\u9876\u90e8\u7684\u7bad\u5934\uff0c\u89c9\u5f97\u633a\u5b9e\u7528\u3002\u6211\u7684WP\u4e3b\u9898\u6ca1\u6709\u81ea\u5e26\u8fd9\u4e2a\u529f\u80fd\uff0c\u7f51\u4e0a\u627e\u5230\u7684\u73b0\u6210\u7684\u53c8\u90fd\u662f\u57fa\u4e8ejQuery\u7684\uff0c\u81ea\u5df1\u7684\u7f51\u7ad9\u6211\u8fd8\u4e0d\u8003\u8651\u7528\u4efb\u4f55JS\u6846\u67b6\uff0c\u4e8e\u662f\u5c31\u51b3\u5b9a\u81ea\u5df1\u5199\u4e00\u4e2a\u3002","og_url":"https:\/\/blog.brain1981.com\/410.html","og_site_name":"Brain\u7684\u6280\u672f\u7b14\u8bb0","article_published_time":"2013-06-22T09:06:40+00:00","article_modified_time":"2014-08-14T08:58:41+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":"1 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/blog.brain1981.com\/410.html#article","isPartOf":{"@id":"https:\/\/blog.brain1981.com\/410.html"},"author":{"name":"Brain","@id":"https:\/\/blog.brain1981.com\/#\/schema\/person\/7689202bbb2f967b4c66309c1cc5e65d"},"headline":"\u539f\u751fJavascript\u5b9e\u73b0\u9875\u9762\u5e73\u6ed1\u6eda\u52a8\u8df3\u8f6c","datePublished":"2013-06-22T09:06:40+00:00","dateModified":"2014-08-14T08:58:41+00:00","mainEntityOfPage":{"@id":"https:\/\/blog.brain1981.com\/410.html"},"wordCount":16,"commentCount":2,"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\/410.html#respond"]}]},{"@type":"WebPage","@id":"https:\/\/blog.brain1981.com\/410.html","url":"https:\/\/blog.brain1981.com\/410.html","name":"\u539f\u751fJavascript\u5b9e\u73b0\u9875\u9762\u5e73\u6ed1\u6eda\u52a8\u8df3\u8f6c - Brain\u7684\u6280\u672f\u7b14\u8bb0","isPartOf":{"@id":"https:\/\/blog.brain1981.com\/#website"},"datePublished":"2013-06-22T09:06:40+00:00","dateModified":"2014-08-14T08:58:41+00:00","description":"\u770b\u89c1\u5f88\u591aBlog\u7684\u53f3\u4e0b\u89d2\u6709\u4e00\u4e2a\u8ba9\u9875\u9762\u5e73\u6ed1\u6eda\u52a8\u5230\u9876\u90e8\u7684\u7bad\u5934\uff0c\u89c9\u5f97\u633a\u5b9e\u7528\u3002\u6211\u7684WP\u4e3b\u9898\u6ca1\u6709\u81ea\u5e26\u8fd9\u4e2a\u529f\u80fd\uff0c\u7f51\u4e0a\u627e\u5230\u7684\u73b0\u6210\u7684\u53c8\u90fd\u662f\u57fa\u4e8ejQuery\u7684\uff0c\u81ea\u5df1\u7684\u7f51\u7ad9\u6211\u8fd8\u4e0d\u8003\u8651\u7528\u4efb\u4f55JS\u6846\u67b6\uff0c\u4e8e\u662f\u5c31\u51b3\u5b9a\u81ea\u5df1\u5199\u4e00\u4e2a\u3002","breadcrumb":{"@id":"https:\/\/blog.brain1981.com\/410.html#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.brain1981.com\/410.html"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/blog.brain1981.com\/410.html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/blog.brain1981.com\/"},{"@type":"ListItem","position":2,"name":"\u539f\u751fJavascript\u5b9e\u73b0\u9875\u9762\u5e73\u6ed1\u6eda\u52a8\u8df3\u8f6c"}]},{"@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":13464,"_links":{"self":[{"href":"https:\/\/blog.brain1981.com\/wp-json\/wp\/v2\/posts\/410","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=410"}],"version-history":[{"count":16,"href":"https:\/\/blog.brain1981.com\/wp-json\/wp\/v2\/posts\/410\/revisions"}],"predecessor-version":[{"id":603,"href":"https:\/\/blog.brain1981.com\/wp-json\/wp\/v2\/posts\/410\/revisions\/603"}],"wp:attachment":[{"href":"https:\/\/blog.brain1981.com\/wp-json\/wp\/v2\/media?parent=410"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.brain1981.com\/wp-json\/wp\/v2\/categories?post=410"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.brain1981.com\/wp-json\/wp\/v2\/tags?post=410"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}