我想使用按钮HTML导航到div

时间:2013-09-12 07:06:07

标签: php html navigation

我正在使用此代码作为按钮:

 <input type="button"
        style="margin-left:350px"
        id="replybottom"
        name="replybottom"
        onClick="#navigateHere"
        class="button"
        value="Reply"></div>

这是我的div:

<div id="navigateHere"
     name="navigateHere"
     class="convomsg12">

4 个答案:

答案 0 :(得分:2)

onclick属性应包含JavaScript,而不是网址。

但是,由于您在某处链接:使用链接。你可以应用CSS来使它看起来像你想要的那样。

<a href="#navigateHere">Reply</a>

答案 1 :(得分:1)

尝试使用锚点而不是按钮

<a href='#navigateHere'>Reply</a>

或者您可以在按钮上添加javascript事件,如下所示:

<button onClick='window.location="#navigateHere"'>Reply</button>

答案 2 :(得分:0)

Farla的回复应该有效,也许检查你是否有其他事件处理程序附加到事件。 有了这个

<input type="button" style="height:400px" onclick="window.location='#zzzz'; event.stopImmediatePropagation()"/>

<div id="zzzz" style="height: 400px;"></div>

您可以停止附加到同一事件的其他处理程序。如果你有(例如)

<script type="text/javascript">
    $(document).ready(function () {
       $("button").click(function () { alert("click response"); })
    });
</script>

它不会被触发。 请注意,它可能会干扰您可能拥有的功能(插件或自己的​​代码),这可能取决于那些额外的处理程序。

答案 3 :(得分:0)

onClick =“#navigateHere”这是导航的错误方法。

而不是使用此代码。

   function goto(url)
    {
    window.location=url;

    }

这里是你的按钮

<div onclick="goto('#navigateHere')">Replay</div>

如果你想给出按钮,你可以这样给出

<input type="button"  onclick="goto('#navigateHere')"  value="Replay"/>