我在一个页面上有一个链接需要转到另一个页面,但加载到另一个页面上的特定部分。
我以前用 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 来做,它需要在目标页面上,对吗?
我相信您发布的示例使用的是 HTML5,允许您跳转到任何具有匹配
ID
属性的DOM元素。要支持旧浏览器,您需要更改:
<div id="timeline" name="timeline" ...>
旧格式:
<a name="timeline" />
然后您将能够导航至
/academics/page.html#timeline
并直接跳转到该部分。
另外,看看这个similar question.
你可以简单地使用
<a href="directry/filename.html#section5" >click me</a>
通过
链接到另一个页面的部分/ id要导航到另一个页面的一部分,请使用:
<a href="example.html#example-section">name-of-link</a>
example.html 将是您要转到的页面,#example-section 将是您要导航到的该页面上的 id 的名称。
要从一个页面链接到页面的另一部分,我根据页面的位置导航到另一个页面,在 URL 栏中,并添加 #id。所以我的意思是;
<a href = "../#the_part_that_you_want">This takes you #the_part_that_you_want at the page before</a>
我尝试了上面的答案-使用
page.html#ID_name
它给了我一个404页面不存在错误。
然后我没有使用
.html
,而是简单地在 /
之前放了一个斜杠 #
并且效果很好。所以我在链接标签之间的发送页面上的示例如下所示:
<a href= "http://my website.com/target-page/#El_Chorro">El Chorro</a>
只需使用
/
而不是 .html
.
要从一个页面链接到另一个部分,只需使用
<a href="index.php#firstdiv">my first div</a>