如何实现go-to javascript链接？ （加亮点）

Question

是否有一种标准方法可以使网站中的所有链接（格式为href = #thing）成为“转到”链接？ （这种链接有名字吗？）

让我进一步描述这些链接：当您点击它们时，＃someome会被添加到网址中。如果您从浏览器直接访问该网址，则会转到该网页，然后向下滚动到该链接。

以此链接为例：http://en.wikipedia.org/wiki/Universe#cite_note-Craig-45

编辑：如您所见，div突出显示。如何自动完成？

Answer 1

你指的是锚标签。以下是无JavaScript内部链接的示例：

<a href="#myDiv">Go to my div!</a>

<div id="myDiv">
    This is content
</div>

如果您想使用JavaScript将某人发送到myDiv，那么您可以这样做：

<span onclick="window.location.hash = '#myDiv'">Go to my div!</span>

<div id="myDiv">
    This is content
</div>

Here's a jsFiddle演示了HTML和JavaScript方法。

您还可以使用类似的方法来允许使用导航到页面，然后将它们滚动到页面上的相应元素。只需将哈希（＃）加上元素的ID添加到URL即可。例如：

<a href="http://www.mysite.com/mypage.com/#myDiv">Go to my page and then div!</a>

或者，使用JavaScript

<a href="javascript: window.location.href = 'http://www.mysite.com/mypage.com/#myDiv'">Go to my page and then div!</a>

Answer 2

使用id标记的a属性。将以下内容放在您要链接的位置：

<a id="example"></a>

然后您可以使用以下链接链接：

<a href="#example">Go to example</a>

如果您想链接到其他网页上的特定主播，只需在网址后面使用#字符：

<a href="somewhere.html#example">Go to different page example</a>

这是一个example。

Answer 3

＃之后的东西称为锚，并使用a-tag定义：<a id="something">。

如果您只将#something作为链接，例如<a href="#something">，它将相对于当前页面进行解析。因此，如果您的网页位于http://myurl/mypage.html，则会打开http://myurl/mypage.html#something。