是否可以链接到新页面并移动到该新页面的特定位置?

时间:2011-12-12 11:47:49

标签: html

我们都知道超链接在链接中为我们提供了一个新页面。 另外,我们都知道在一个页面中,有“#”供我们使用 找到我们导航的具体位置。

如果我们将这两者结合起来怎么办?跳转到新页面显示 具有该页面中的特定位置。 有可能吗?

--------------------------------------------------------
< Test_01.html >

<a href="Test_02.html#005">link_goes_to_005_location </a>  -- user clicks hyperlink

--------------------------------------------------------
< Test_02.html >

001,
002,
003,
004,
<a href="#005">005</a>,  
-- not only move to the Test_02.html but also, view stops here(assuming 001-007, each one with height of 200px image). is it possible?
006,
007,

它对我不起作用。 Internet Explorer最新消息 - 然后,有什么方法可以工作吗? 提前致谢 -

4 个答案:

答案 0 :(得分:1)

假设我已正确理解您,您只需要一个链接即可导航到另一个页面上的特定锚点。如果是这种情况,那么你可以按照你的建议组合它们:

<a href="Test_02.html#someAnchor">Jump to someAnchor on Test_02.html</a>

这应该有效,假设Test_02.html中有一些元素与id匹配#后指定的锚点:

<a id="someAnchor">Anchor point in Test_02.html</a>

答案 1 :(得分:0)

是的,这完全有可能,但由于图像加载,它可能无法正常工作。

浏览器有两个选项:

  • 等待加载所有图像和动态内容,然后将视图移动到锚定位置
  • 立即移动视图

在前者中,用户看到页面顶部一段时间,然后跳到锚定位置 - 糟糕的体验。
在后者中,存在“正确位置”不再正确的风险。

此外,如果您遇到问题,请尝试单击URL栏并按Enter键 - 这将“重新加载”锚点位置并正确移动页面。

答案 2 :(得分:0)

我在你的帖子中途丢了,但是,是的,可以结合两种导航方法。这是一个简单的示例,可以将您的页面test2.html转移到标记为002的部分:

<a href="test2.html#002>link</a>

答案 3 :(得分:0)

是的,您可以使用&lt; a name =“001”&gt;&lt; / a&gt;在图像之前....将链接指定为&lt; a href =“Test_02.html#001”&gt; ...&lt; / a&gt;