使用JavaScript区分页面

Question

我很好奇我是如何让JavaScript区分两个几乎相同的页面（据我所知）具有相同的div。像这样的页面的示例是Google Home Page与Google Search Results。无论如何我能正确识别哪个是哪个？

Answer 1

在该具体示例中，window.title会区分它们。 window.title不受Chrome支持，但document.title是。window.location。它适用于Linux和Windows上的Chrome，Firefox和Opera; Windows上的Safari; Windows上的IE6，IE7和IE8;也可能是其他人。

更一般地说，{{1}}会为您提供网页的网址，这有助于说明您所在的网页; more on MDC。它在我见过的每个主要浏览器上都得到了支持，包括上面的列表。

Answer 2

从HTML5开始，您可以编辑浏览器历史记录。例如，您可以使用window.history.pushState()更改当前网址：

// pushState(state object, title, URL)
window.history.pushState({foo: "bar"}, "page 2", "bar.html");

这使用户保持完全相同的页面，但更改了URL。这也发生在当前版本的Google主页上，因此页面仍然相同。

您可以使用window.location检索网址。