javascript - 单击按钮时调用 Javascript 函数

Question

这是我的 javascript 代码，但在每个页面加载时都会调用 javascript 函数，我只想在单击按钮时调用它

            <input onclick="myFunction()"  id="btnAdd" type="button" class="btn-sm btn-default pull-right" value=" Add Qualification">

这是我的 Javsacript 函数

<script type="text/javascript">


    function myFunction() {

        document.getElementById("btnAdd").onclick = function () { 
            $("#demo").load("@Html.Raw(Url.Action("_Experience", "Students")) ")
        };
    }
</script>

Answer 1

如果您使用

document.getElementById("btnAdd").onclick = function () { 
        $("#demo").load("@Html.Raw(Url.Action("_Experience", "Students")) ")
    };

此代码无需使用 myFunction 方法并从 html 中删除 onclick。或者您可以在 myFunction 方法和 document.getElementById("btnAdd").onclick 中编写登录信息，然后在 html 中添加 onClick

<input onclick="myFunction()"  id="btnAdd" type="button" class="btn-sm btn-default pull-right" value=" Add Qualification">

<script type="text/javascript">
    function myFunction() {
        $("#demo").load("@Html.Raw(Url.Action("_Experience", "Students")) ")
    }
</script>