获取链接转到另一页的特定部分

led*_*per 13 html anchor hyperlink

我在一个页面上有一个链接需要转到另一个页面,但是加载到该另一个页面上的特定部分.

我之前使用bootstrap做过这个,但是他们从中获取了所有的'编码',所以我需要知道如何从头开始.这是基于此链接的标记(不是最好的资源,我知道):http://www.w3schools.com/html/html_links.asp

**Page One**
<a href="/academics/page.html#timeline> Click here </a>
**Page I am linking to**
<div id="timeline" name="timeline"> ... </div>
Run Code Online (Sandbox Code Playgroud)

我可以用HTML做这个,还是需要一些JavaScript?如果我需要通过JS来做,它需要在目标页面上,对吧?

Mik*_*sen 17

我相信您发布的示例是使用HTML5,它允许您跳转到具有匹配属性的任何 DOM元素ID.要支持旧版浏览器,您需要更改:

<div id="timeline" name="timeline" ...>
Run Code Online (Sandbox Code Playgroud)

对于旧格式:

<a name="timeline" />
Run Code Online (Sandbox Code Playgroud)

然后,您就可以导航/academics/page.html#timeline到该部分并直接跳转到该部分.

另外,看看这个类似的问题.

  • 在这种情况下,“旧版浏览器”是 Netscape 4 及更早版本和 Internet Explorer 3 及更早版本。没有人需要支持他们。与此相关的是,锚元素没有可选的结束标记。您不能在 HTML 中使用 `/&gt;` 语法。 (2认同)

小智 6

HIII

你可以简单地使用

 <a href="directry/filename.html#section5" >click me</a>
Run Code Online (Sandbox Code Playgroud)

链接到另一个页面的部分/ ID