📜  没有 url 的 samae 页面中的 html 锚点 - Javascript (1)

📅  最后修改于: 2023-12-03 15:40:42.643000             🧑  作者: Mango

没有 URL 的 Same 页面中的 HTML 锚点 - JavaScript

在某些情况下,您可能需要在 Same 页面中创建 HTML 锚点,但是您不想为这些锚点创建 URL。在这种情况下,您可以使用 JavaScript 动态创建锚点并设置其 ID,然后使用 location.hash 属性来滚动到锚点位置。

以下是一个示例代码:

// 创建锚点
var anchor = document.createElement("a");
anchor.setAttribute("id", "my-anchor");
document.body.appendChild(anchor);

// 滚动到锚点位置
location.hash = "#my-anchor";

在上面的代码中,我们首先通过 document.createElement() 创建一个 a 元素,然后使用 setAttribute() 方法将其 ID 设置为 my-anchor。接下来,我们将该元素添加到 body 中。最后,我们使用 location.hash 将浏览器窗口滚动到该元素的位置。

请注意,location.hash 属性的值应该是以 # 开头的字符串,该字符串应该是页面上存在的元素的 ID。如果要滚动到无 ID 的元素,可以在创建元素时将其 ID 设置为一个唯一的字符串。

以上就是在 Same 页面中创建 HTML 锚点的方法,希望能对您有所帮助!