關(guān)于主題window
標(biāo)準(zhǔn)瀏覽器實(shí)現(xiàn)一個(gè)Window接口，通過(guò)該接口window向文檔中的 JavaScript 公開全局屬性。Window即使打開新選項(xiàng)卡，后續(xù)導(dǎo)航也會(huì)在同一文檔中加載不同的文檔。因此，您使用的屬性（例如window.location文檔window.history中的屬性）將在用戶（從 Facebook）導(dǎo)航到您的頁(yè)面之前出現(xiàn)Window，因此可用于您的文檔。
這也適用于當(dāng)您直接在新的瀏覽器窗口中加載頁(yè)面時(shí) - 文檔將有權(quán)訪問(wèn)該window屬性。更多信息請(qǐng)Window參見(jiàn)window：https://developer.mozilla.org/en-US/docs/Web/API/Window
如果您擔(dān)心頁(yè)面被非標(biāo)準(zhǔn)瀏覽器加載，或者由于某種原因， window 屬性history和location屬性被覆蓋，您可以在調(diào)用它們之前檢查它們是否可用：
if (window && window.location && window.location.hash) {
// safely use window.location.hash here
}
但即便如此，客戶端的瀏覽器也會(huì)抑制該錯(cuò)誤。
document.title關(guān)于使用with的主題replaceState()
規(guī)范將其指定為字符串，因此根據(jù)設(shè)計(jì)，如果未設(shè)置，它將返回空字符串。在文檔完全加載之前，Mozilla 不會(huì)發(fā)出關(guān)于使用它的警告。更多信息請(qǐng)參見(jiàn)https://developer.mozilla.org/en-US/docs/Web/API/Document/title
以下是我使用不帶標(biāo)簽的 HTML 頁(yè)面進(jìn)行的一些快速測(cè)試，看看是否確實(shí)如此<title>。
<html>
<head>
<script>
console.log("title", document.title)
window.history.replaceState({}, document.title, "newHMTL.page");
</script>
</head>
<body>
Testing
</body>
</html>
沒(méi)有預(yù)期的錯(cuò)誤或警告。
關(guān)于主題replaceState
該規(guī)范指出，大多數(shù)瀏覽器都會(huì)忽略您傳遞給的title/參數(shù)：document.titlereplaceState
目前大多數(shù)瀏覽器都會(huì)忽略此參數(shù)，盡管將來(lái)可能會(huì)使用它。在此處傳遞空字符串應(yīng)該可以安全地防止將來(lái)對(duì)該方法進(jìn)行更改。或者，您可以傳遞州的簡(jiǎn)短名稱。
因此，當(dāng)我準(zhǔn)備好頁(yè)面時(shí)，進(jìn)行一些更快速的測(cè)試。將標(biāo)題設(shè)置為null; undefined; and a function;然后將其傳遞給replaceState不會(huì)更改歷史記錄中的標(biāo)題，也不會(huì)在有標(biāo)簽<title>或沒(méi)有標(biāo)簽時(shí)在 Chrome 中引發(fā)錯(cuò)誤。所以 6 次測(cè)試。
<html>
<!-- <title>title</title> -->
<head>
<script>
let title = () => alert("huh?") //null; //undefined;
console.log("Title", title);
window.history.replaceState({}, title, "NewHTML.page");
//works as expected
</script>
</head>
<body>
Testing
</body>
</html>
