Javascript 页面加载时自动跳转到元素

Javascript 页面加载时自动跳转到元素,javascript,html,Javascript,Html,我在页面上有这样的元素 <a href="#hi">go to hi</a> . . <a name="hi">hi text here</a> . . 嗨,这里是文本 但我希望用户在页面加载时首先转到“hi text here”。如何做到这一点?您可以使用jQuery及其scrollTo插件,然后编写如下内容: $.scrollTo("a[name = hi]"); 它应该可以正常工作。或者,您可以将URL与锚(mysite.com/#h

我在页面上有这样的元素

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

.
.
嗨,这里是文本

但我希望用户在页面加载时首先转到“hi text here”。如何做到这一点?

您可以使用jQuery及其scrollTo插件,然后编写如下内容:

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

它应该可以正常工作。

或者,您可以将URL与锚(mysite.com/#hi)一起使用,或者您可以使用javascript:

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

请注意,您应该使用ID,而不是名称。

我建议您在移动用户浏览器以关注另一个元素之前,先测试另一个哈希:

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


顺便说一句,您可以使用散列(URL中
#
后面的部分)跳转到任何具有
id的元素,您不需要使用命名的锚(
..
)。

我认为使用锚定是有用的:

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

或者,从另一个页面创建指向“hi部分”的链接:

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


+1,仍然与问题相关。用户并没有得到实现目标的首选方法,他只是询问了一些选项。那个么当我必须跳转到elemet并使用一个类时呢?然后它开始变得有点模糊;因为可以有多个具有相同类名的元素。不知何故,您必须定义需要跳转到的多个元素中的哪一个。我建议问一个单独的问题来解决这个问题。这个跳转到一个元素会自动“在页面加载”吗?我说不
<a href="http://www.stackoverflow.com/html_links.htm#hi">
Visit the hi Section</a>