5:["$","div",null,{"children":[["$","style",null,{"children":"*{margin:0;padding:0}"}],["$","a",null,{"className":"return-article fixed top-1 right-2 z-50 text-sky-400 hover:text-sky-500","href":"/demos/20200410/history-pushstate-popstate.html","children":"回到样例"}],null,null,["$","div",null,{"dangerouslySetInnerHTML":{"__html":"

\r\n \r\n

当前URL：

\r\n

"}}],null,["$","script",null,{"type":"text/javascript","dangerouslySetInnerHTML":{"__html":"class HistoryRouter {\r\n constructor() {\r\n this.refresh = this.refresh.bind(this);\r\n window.addEventListener(\"load\", this.refresh, false);\r\n window.addEventListener(\"popstate\", this.refresh, false);\r\n }\r\n refresh(event) {\r\n document.querySelector(\"#app span\").innerHTML = location.pathname;\r\n }\r\n}\r\nnew HistoryRouter();\r\ndocument.querySelector(\".back\").addEventListener(\"click\", function () {\r\n window.history.back();\r\n});\r\ndocument.querySelector(\".go\").addEventListener(\"click\", function () {\r\n window.history.go(1);\r\n});\r\ndocument.querySelector(\".pushstate\").addEventListener(\"click\", function () {\r\n const url = Math.random().toString(36).slice(-6) + \".html\";\r\n window.history.pushState({}, \"\", url);\r\n});\r\ndocument.querySelector(\".replacestate\").addEventListener(\"click\", function () {\r\n const url = Math.random().toString(36).slice(-6) + \".html\";\r\n window.history.replaceState({}, \"\", url);\r\n});"}}],["$","script",null,{"dangerouslySetInnerHTML":{"__html":"window.addEventListener('load', function () {\n if (window.parent !== window) {\n // 在 iframe 中\n // 隐藏回到文章的按钮\n document.querySelector('.return-article').style.display = 'none';\n // 隐藏底部的声明\n document.querySelector('.common-footer').style.display = 'none';\n }\n});"}}]]}]