php - url中的#有什么用

Question

我意识到很多网络应用程序使用 #在他们应用的 URL 中。

例如，Google Analytics .

当我查看访问者的语言页面时，这个地址在 URL 栏中:

https://www.google.com/analytics/web/?hl=en#report/visitors-language/a33185827w60383872p61754588/

当我查看访问者的地理位置页面时，地址栏中有这个地址:

https://www.google.com/analytics/web/?hl=en#report/visitors-geo/a33185827w60383872p61754588/

我认为这是通过 #report/visitors-language 的 Google Analytics 网络应用程序和 #report/vistiors-geo .

我知道 Google Analytics 使用 <iframe> .显示内容时似乎只有主内容框在变化。

是#因为 <iframe> 使用功能？

Answer 1

有几个答案，但没有一个涵盖后端部分。

这是一个 URL，来自您自己的示例:

www.google.com/analytics/web/?hl=en#report/visitors-language/a33185827w60383872p61754588/

您可以将后哈希(包括哈希 #)部分视为客户端请求。

Web 服务器永远不会知道井号后输入的是什么。它是浏览器指向页面上的特定ID。

对于基本网页，如果您有以下 HTML:<a name="main">welcome</a>

在 www.example.com/welcome 的网页上, 前往 www.example.com/welcome#main会将您的浏览器视口(viewport)滚动到 <a> 中的欢迎 文本HTML 标记。

网络服务器不知道是否#main是否在 URL 中。

URL 中问号后的值称为 URL 参数，例如www.example.com/?foo=bar . Web 服务器可以根据这些值提供不同的内容。

不过，Google 开发了一种名为AJAX 的技术(A同步JavaScript 和XML ) 使用 # URL 中的一部分以在不加载页面的情况下提供不同的内容。它没有使用 <iframe> .

使用 JavaScript，您可以触发 URL 后哈希部分的更改，并向服务器发出请求以获取页面的特定部分，例如 URL www.example.com/welcome#main2。即使名为 #main2 的元素不存在，您可以使用 JavaScript 显示一个。

hashbang 是 #! .它用于通过指示此部分是动态网页来使搜索引擎索引更容易。