2013-07-16 71 views
9

这似乎是一个非常基本的问题,所以希望有人能帮助这个困乏的编码器。我在一个页面上有一个链接,需要转到另一个页面,但加载到另一个页面上的特定部分。获取链接转到另一页上的特定部分

我已经使用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来完成,它需要在目标页面上?

回答

13

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

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

到老格式:

<a name="timeline" /> 

然后您就可以浏览到/academics/page.html#timeline,右跳转至该节。

此外,请检查此similar question

+1

在这种情况下,“旧版浏览器”是Netscape 4及更早版本,Internet Explorer 3及更早版本。没有人需要支持他们。在相关说明中,锚元素没有可选的结束标记。你不能在HTML中使用'/>'语法。 – Quentin

0

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

然后,我没有使用.html,而是简单地在#之前放了一个斜杠/,并且工作正常。所以,我的链接标签之间发送页面上示例如下:

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

只需使用/,而不是.html

1

HIII

,你可以简单地使用

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

通过

-1

链接到另一页面的部分/ ID从页面到另一个部分链接只是使用

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

要从一个页面链接到另一个部分,只需使用My First Dig

相关问题