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

时间:2013-07-16 21:28:05

标签: html hyperlink anchor

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

我之前已经使用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>

我可以只使用HTML执行此操作,还是需要一些JavaScript?如果我需要通过JS来做,它需要在目标页面上,对吧?

6 个答案:

答案 0 :(得分:17)

我相信您发布的示例是使用HTML5,which allows you to使用匹配的ID属性跳转到任何 DOM元素。要支持旧版浏览器,您需要更改:

<div id="timeline" name="timeline" ...>

旧格式:

<a name="timeline" />

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

另外,请查看此similar question

答案 1 :(得分:5)

HIII

你可以简单地使用

 <a href="directry/filename.html#section5" >click me</a>

通过

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

答案 2 :(得分:0)

我尝试了上述答案 - 使用page.html#ID_name它给了我一个 404页面并不存在错误。

然后,我只是在.html之前放一个斜杠/而不是使用#,而且运行正常。所以我在链接标签之间的发送页面上的示例如下所示:

<a href= "http://my website.com/target-page/#El_Chorro">El Chorro</a>

只需使用/代替.html

答案 3 :(得分:0)

要从页面链接到页面的另一部分,我在页面上根据URL的位置浏览页面,并添加#id。所以我的意思是

<a href = "../#the_part_that_you_want">This takes you #the_part_that_you_want at the page before</a>

答案 4 :(得分:0)

要导航到另一个页面的某个部分,请使用:

<a href="example.html#example-section>name-of-link</a>

example.html 将是您要转到的页面,#example-section 将是您要导航到的该页面上的 ID 名称。

答案 5 :(得分:-1)

要从页面链接到另一个部分,请使用

<a href="index.php#firstdiv">my first div</a>