Question

我是Javascript的新手。我写了一个代码，但它没有按照我的意愿工作。这是我的代码。

<script type="text/javascript">
    function changeText() {
        document.getElementById("demo").innerHTML = 'Hello JavaScript';
    }
</script>
<body>
<form id="form1" runat="server">
<div id="HelloJavaScript" style="height: 157px">

    <p id="demo">JavaScript can change the HTML content</p>

    <asp:Button ID="Button1" runat="server" Text="Click Me" OnClientClick="changeText()"/>

</div>
</form>

单击按钮后文本不会更改。这有什么不对？提前谢谢。

Answer 1

它会创建回发

试试这个

OnClientClick="changeText();return false;"

或者喜欢这个

JS

function changeText() {
    document.getElementById("demo").innerHTML = 'Hello JavaScript';
    return false;
}

HTML

<asp:Button ID="Button1" runat="server" Text="Click Me" OnClientClick="return changeText();" />

N：B：

在return中使用OnClientClick会阻止表单转到服务器。

您必须根据您的业务逻辑处理return

Answer 2

<asp:Button ID="Button1" runat="server" Text="Click Me" onclick="changeText()"/>

使用onclick而不是OnClientClick

Answer 3

        <p id="demo">JavaScript can change the HTML content</p>

        <button type="button" onClick="changeText()">Click Me!</button>

<script>
function changeText() {
    document.getElementById("demo").innerHTML = 'Hello JavaScript';}
</script>

OnClientClick事件不会更改文本

3 个答案: