22

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

我以前用引导程序做过这个,但他们把所有的“编码”都去掉了,所以我需要知道如何从头开始。这是我基于此链接的标记(不是最好的资源,我知道):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来做,它需要在目标页面上,对吧?

4

6 回答 6

26

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

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

到旧格式:

<a name="timeline" />

然后,您将能够导航/academics/page.html#timeline到该部分并直接跳转到该部分。

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

于 2013-07-16T21:29:17.423 回答
11

你可以简单地使用

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

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

于 2017-06-20T16:21:10.350 回答
0

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

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

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

于 2021-05-24T08:29:32.960 回答
0

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

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

于 2020-08-10T15:06:04.403 回答
-1

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

然后,我没有使用.html,而是简单地/在 the 之前加上一个斜杠,#并且效果很好。所以我在链接标签之间的发送页面上的示例如下所示:

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

只需使用/而不是.html.

于 2017-03-06T15:47:04.990 回答
-3

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

<a href="index.php#firstdiv">my first div</a>
于 2018-03-05T19:18:01.407 回答