{"id":18,"date":"2024-12-18T03:16:21","date_gmt":"2024-12-18T03:16:21","guid":{"rendered":"https:\/\/www.ittt.cc\/?p=18"},"modified":"2024-12-18T03:16:21","modified_gmt":"2024-12-18T03:16:21","slug":"%e5%b8%b8%e7%94%a8%e7%9a%84-js-%e4%bb%a3%e7%a0%81%e7%89%87%e6%ae%b5","status":"publish","type":"post","link":"https:\/\/www.ittt.cc\/?p=18","title":{"rendered":"\u5e38\u7528\u7684 JS \u4ee3\u7801\u7247\u6bb5"},"content":{"rendered":"\n<p>01\uff1a\u5c06\u5185\u5bb9\u590d\u5236\u5230\u526a\u8d34\u677f<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>const\u00a0copyToClipboard\u00a0=\u00a0(content)\u00a0=>\u00a0{\n\u00a0\u00a0  const\u00a0textarea\u00a0=\u00a0document.createElement(\"textarea\")\n\u00a0\u00a0\n\u00a0\u00a0  textarea.value\u00a0=\u00a0content\n\u00a0\u00a0  document.body.appendChild(textarea)\n\u00a0\u00a0  textarea.select()\n\u00a0\u00a0  document.execCommand(\"Copy\")\n\u00a0\u00a0  textarea.remove()\n}<\/code><\/pre>\n\n\n\n<p>02\uff1a\u4f7f\u7528URLSearchParams\u83b7\u53d6URL\u7684\u641c\u7d22\u53c2\u6570<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>const\u00a0getQueryByName\u00a0=\u00a0(name)\u00a0=>\u00a0{\n\u00a0\u00a0  const\u00a0query\u00a0=\u00a0new\u00a0URLSearchParams(location.search)\n\u00a0\u00a0  return\u00a0decodeURIComponent(query.get(name))\n}\n\n\/\/\u00a0url:\u00a0https:\/\/sunday.com\/?name=fatfish&amp;age=100\nconst\u00a0name\u00a0=\u00a0getQueryByName('name')\u00a0\/\/\u00a0fatfish\nconst\u00a0age\u00a0=\u00a0getQueryByName('age')\u00a0\/\/\u00a0100\nconst\u00a0gender\u00a0=\u00a0getQueryByName('gender')\u00a0\/\/\u00a0null<\/code><\/pre>\n\n\n\n<p>03\uff1a\u5e73\u6ed1\u6eda\u52a8\u81f3\u9875\u9762\u9876\u90e8<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>const\u00a0scrollToTop\u00a0=\u00a0()\u00a0=>\u00a0{\n\u00a0\u00a0  const\u00a0c\u00a0=\u00a0document.documentElement.scrollTop\u00a0||\u00a0document.body.scrollTop\n\u00a0\u00a0\n\u00a0\u00a0  if\u00a0(c\u00a0>\u00a00)\u00a0{\n\u00a0\u00a0\u00a0\u00a0    window.requestAnimationFrame(scrollToTop)\n\u00a0\u00a0\u00a0\u00a0    window.scrollTo(0,\u00a0c\u00a0-\u00a0c\u00a0\/\u00a08)\n\u00a0\u00a0  }\n}<\/code><\/pre>\n\n\n\n<p>04\uff1a\u83b7\u53d6\u5f53\u524d\u9875\u9762\u6eda\u52a8\u8ddd\u79bb<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>const\u00a0getScrollPosition\u00a0=\u00a0(el\u00a0=\u00a0window)\u00a0=>\u00a0({\n\u00a0\u00a0x:\u00a0el.pageXOffset\u00a0!==\u00a0undefined\u00a0?\u00a0el.pageXOffset\u00a0:\u00a0el.scrollLeft,\n\u00a0\u00a0y:\u00a0el.pageYOffset\u00a0!==\u00a0undefined\u00a0?\u00a0el.pageYOffset\u00a0:\u00a0el.scrollTop,\n})\n\ngetScrollPosition()\u00a0\/\/\u00a0{\u00a0x:\u00a00,\u00a0y:\u00a0215\u00a0}<\/code><\/pre>\n\n\n\n<p>05\uff1a\u683c\u5f0f\u5316\u8d27\u5e01<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>const\u00a0formatMoney\u00a0=\u00a0(money)\u00a0=>\u00a0{\n\u00a0\u00a0  return\u00a0money.toLocaleString()\n}\n\nformatMoney(123456789)\u00a0\/\/\u00a0'123,456,789'\nformatMoney(123456789.123)\u00a0\/\/\u00a0'123,456,789.123'\nformatMoney(123)\u00a0\/\/\u00a0'123'<\/code><\/pre>\n\n\n\n<p>06\uff1a\u8fdb\u5165\u548c\u9000\u51fa\u5168\u5c4f<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/\u00a0\u8fdb\u5165\u5168\u5c4f\nfunction\u00a0fullScreen()\u00a0{\n\u00a0\u00a0let\u00a0el\u00a0=\u00a0document.documentElement\n\u00a0\u00a0let\u00a0rfs\u00a0=\u00a0el.requestFullScreen\u00a0||\u00a0el.webkitRequestFullScreen\u00a0||\u00a0el.mozRequestFullScreen\u00a0||\u00a0el.msRequestFullScreen\n\u00a0\u00a0\/\/typeof\u00a0rfs\u00a0!=\u00a0\"undefined\"\u00a0&amp;&amp;\u00a0rfs\n\u00a0\u00a0if\u00a0(rfs)\u00a0{\n\u00a0\u00a0\u00a0\u00a0rfs.call(el)\n\u00a0\u00a0}\u00a0else\u00a0if\u00a0(typeof\u00a0window.ActiveXObject\u00a0!==\u00a0\"undefined\")\u00a0{\n\u00a0\u00a0\u00a0\u00a0let\u00a0wscript\u00a0=\u00a0new\u00a0ActiveXObject(\"WScript.Shell\")\n\u00a0\u00a0\u00a0\u00a0if\u00a0(wscript\u00a0!=\u00a0null)\u00a0{\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0wscript.SendKeys(\"{F11}\")\n\u00a0\u00a0\u00a0\u00a0}\n\u00a0\u00a0}\n}\n\/\/\u00a0\u9000\u51fa\u5168\u5c4f\nfunction\u00a0exitScreen()\u00a0{\n\u00a0\u00a0let\u00a0el\u00a0=\u00a0document\n\u00a0\u00a0let\u00a0cfs\u00a0=\u00a0el.cancelFullScreen\u00a0||\u00a0el.webkitCancelFullScreen\u00a0||\u00a0el.mozCancelFullScreen\u00a0||\u00a0el.exitFullScreen\n\u00a0\u00a0\/\/typeof\u00a0cfs\u00a0!=\u00a0\"undefined\"\u00a0&amp;&amp;\u00a0cfs\n\u00a0\u00a0if\u00a0(cfs)\u00a0{\n\u00a0\u00a0\u00a0\u00a0cfs.call(el)\n\u00a0\u00a0}\u00a0else\u00a0if\u00a0(typeof\u00a0window.ActiveXObject\u00a0!==\u00a0\"undefined\")\u00a0{\n\u00a0\u00a0\u00a0\u00a0let\u00a0wscript\u00a0=\u00a0new\u00a0ActiveXObject(\"WScript.Shell\")\n\u00a0\u00a0\u00a0\u00a0if\u00a0(wscript\u00a0!=\u00a0null)\u00a0{\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0wscript.SendKeys(\"{F11}\")\n\u00a0\u00a0\u00a0\u00a0}\n\u00a0\u00a0}\n}<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>01\uff1a\u5c06\u5185\u5bb9\u590d\u5236\u5230\u526a\u8d34\u677f 02\uff1a\u4f7f\u7528URLSearchParams\u83b7\u53d6URL\u7684\u641c\u7d22\u53c2\u6570 03\uff1a\u5e73\u6ed1\u6eda\u52a8\u81f3\u9875\u9762\u9876\u90e8 04\uff1a\u83b7\u53d6\u5f53\u524d\u9875\u9762\u6eda\u52a8\u8ddd\u79bb 05\uff1a\u683c\u5f0f\u5316\u8d27\u5e01 06\uff1a\u8fdb\u5165\u548c\u9000\u51fa\u5168\u5c4f<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-18","post","type-post","status-publish","format-standard","hentry","category-js"],"_links":{"self":[{"href":"https:\/\/www.ittt.cc\/index.php?rest_route=\/wp\/v2\/posts\/18","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ittt.cc\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ittt.cc\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ittt.cc\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ittt.cc\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=18"}],"version-history":[{"count":1,"href":"https:\/\/www.ittt.cc\/index.php?rest_route=\/wp\/v2\/posts\/18\/revisions"}],"predecessor-version":[{"id":19,"href":"https:\/\/www.ittt.cc\/index.php?rest_route=\/wp\/v2\/posts\/18\/revisions\/19"}],"wp:attachment":[{"href":"https:\/\/www.ittt.cc\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=18"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ittt.cc\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=18"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ittt.cc\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}