如何使用javascript导航到同一页面中的HTML元素...

时间:2011-11-18 04:50:05

标签: javascript html

我想在点击按钮时使用javascript导航到同一页面中具有特定“id”的HTML元素。

例如:

<body>
   <div id="navigateHere" >
   </div>

   <button onclicK="navigate();" />

在上面的代码中,javascript函数的导航()应该是什么,这样点击一个按钮,它将导航到id为'navigateHere'的'div'元素......

提前致谢...

3 个答案:

答案 0 :(得分:3)

您可以使用简单的链接代替按钮:

<div><a href="#navigateHere">Link text</a></div>

如果您需要使用JavaScript和按钮,则以下内容应该有效:

HTML:

<button type="button" id="someid">Link text</button>

JavaScript的:

document.getElementById("someid").onclick = function () {
    window.location.hash = "#navigateHere";
};

答案 1 :(得分:3)

 window.location = "#navigateHere";

答案 2 :(得分:2)

  

它将导航到div元素...

这可能是你想要的。

window.location.hash = 'navigateHere';

不需要使用JavaScript。只需链接到#navigateHere