0

我将此代码用于按钮:

 <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

5 回答 5

3

尝试使用锚点而不是按钮

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

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

<button onClick='window.location="#navigateHere"'>Reply</button>
于 2013-09-12T07:11:54.737 回答
2

属性应该包含 JavaScript,而onclick不是 URL。

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

<a href="#navigateHere">Reply</a>
于 2013-09-12T07:10:20.400 回答
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>

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

于 2013-09-12T08:23:09.543 回答
0

onClick="#navigateHere" 这是错误的导航方式。

而不是使用此代码。

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

    }

在这里你的按钮

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

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

<input type="button"  onclick="goto('#navigateHere')"  value="Replay"/>
于 2013-09-12T09:21:51.430 回答
0

迟到但可能比其他答案更好。


const goTo = () => {
   document.getElementById("hero").scrollIntoView({ behavior: "smooth" });
   document.activeElement.blur(); //optional if you want to blur active element.
}
<button onClick="goTo()">Go To</button>
于 2022-02-25T20:55:57.460 回答