在前端开发中，我们通常需要使用锚点链接来实现页面内跳转。然而，在某些情况下，我们可能需要在跳转时指定窗口位置，以便用户可以直接看到特定位置的内容。这时候，我们可能会遇到一个问题：为什么窗口的位置链接没有哈希（#）？
哈希与窗口位置
在浏览器中，哈希符号 "#" 用于表示 URL 中的片段标识符（fragment identifier）。片段标识符通常用于标识文档中的特定元素（如标题、段落、图像等），以便浏览器可以将用户导航至该元素所在的位置。
例如，以下 URL 将用户导航至页面中 ID 为 "section1" 的元素所在位置：
http://example.com/page.html#section1
然而，对于窗口位置链接（即在页面内跳转时指定窗口位置的链接），由于其不是用于标识文档中的元素，而是用于在浏览器窗口中指定位置，因此不能使用哈希符号作为标识符。
使用 JavaScript 实现窗口位置链接
虽然窗口位置链接没有哈希符号，但我们仍然可以通过 JavaScript 实现类似的功能。具体来说，我们可以借助 window.scroll() 方法将窗口滚动到指定位置。
以下是一个简单的示例代码，演示如何在页面中实现窗口位置链接：
-- -------------------- ---- -------
--------- -----
------
------
------------- ------ ------------
-------
------
---------- ------ ---------
-------- ----- ----- --- ----- ----------- ---------- ---------
------------ --- ------ ------ ---- ---- --- -- ---- -------- ------------
------ --------- ---- ---- ---- ------------ --- --------- ----- -----------
----- -------- ---- ----- ------- -------------
--------- ------ ------ --- -- ----------- --- ------- ----- --------------
-------- ---------- ----- -- ------ ---------- -- --------- ---- --------------
-------- --------- ------ --- ---- ------ ------- -- -------- ------ -------------
-----
----
------ -------- ------------------------------------------
------ -------- --------------------------------------- ----------
------ -------- --------------------------------------- ----------
------ -------- --------------------------------------- ----------
-----
------
--------
-------- -------------------------- -
---------------
---- ---------
--------- --------
---
-
---------
-------
-------在上述示例代码中，我们为每个窗口位置链接添加了一个 onclick 事件处理程序，当用户单击链接时，将调用 scrollToPosition() 函数并将所需的滚动位置作为参数传递给它。scrollToPosition() 函数使用 window.scroll() 方法将窗口滚动到指定位置，并使用 behavior: 'smooth' 参数实现平滑的滚动效果。
结论
在实现窗口位置链接时，我们不能使用哈希符号作为标识符，需要使用 JavaScript 实现类似的功能。通过 window.scroll() 方法，我们可以轻松地将窗口滚动到指定位置，并为用户提供更好的浏览体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/14428