在一个操作中跳转到页面和页面位置

时间:2014-11-27 15:16:58

标签: javascript jquery

是否可以通过单击一个链接跳转到另一个页面,并在同一个操作中也可以跳到页面位置(在新网站上)?

例如

index.html - >点击" link1" - >显示news.html并且查看位置是锚点" article1"。
index.html - >点击" link2" - >显示news.html并且查看位置是锚点" article2"。

希望有人可以帮助我吗?

2 个答案:

答案 0 :(得分:3)

是的,很容易。

在index.html中,在href字符串之后添加#identifier,如此

<a href = "news.html#article1">Article 1</a>
<a href = "news.html#article2">Article 2</a>

并在news.html中,在您要在视图中显示的内容上方插入带有<a>属性的name标记

<a name="article1"></a>
<p>Some Article1 Content</p>

<a name="article2"></a>
<p>Some Article2 Content</p>

所以,现在,如果有人点击第1条,它会在视图中显示news.html第1条。

请注意,这仅适用于页面内容足够长以在浏览器窗口中需要y轴滚动条的情况。

答案 1 :(得分:1)

您只需将锚点添加到链接:

<a href="news.html#article1">Link 1</a>
<a href="news.html#article2">Link 2</a>