跳转到一个元素在页面加载

Question

自动我有这样的元素

<a href="#hi">go to hi</a> 
. 
. 
<a name="hi">hi text here</a> 

页面上，但我想用户去“喜文在这里”首先要在页面加载。这个怎么做？

Answer 1

我建议你再哈希第一个测试移动用户的浏览器集中另一个元素之前：

if (!document.location.hash){ 
    document.location.hash = 'hi'; 
} 

JS Fiddle demo。

顺便说一句，你可以使用哈希（在URL中#后的部分）跳转到具有id任何元素，你并不需要使用命名锚（<a name="hi">...</a>）。

Answer 2

您可以使用jQuery及其scrollTo插件一起，然后写些这样的：

$.scrollTo("a[name = hi]"); 

这应该只是罚款。

Answer 3

要么，你可以使用带有锚（mysite.com/#hi）的URL，或者你可以使用JavaScript：

document.getElementById('hi').scrollIntoView(true); 

请注意，您应该使用ID，没有名字。

Answer 4

我认为这将是有益的与锚的工作：

<a name="hi">here goes the text information what you like</a> 

创建同一文档内的链接，“喜科”：

<a href="#hi">Go to hi</a> 

或者，创建一个链接“hi Section”from other page：

<a href="http://www.stackoverflow.com/html_links.htm#hi"> 
Visit the hi Section</a>