在按鈕單擊時調用 Javascript function

Question

這是我的 javascript 代碼，但在每個頁面上加載 javascript function 被調用我只想在單擊按鈕時調用它

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

這是我的 Javsacript function

<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>

Answer 2

<script type="text/javascript">

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

</script>

只需刪除myFunction()

Answer 3

這是你唯一需要的。 https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_onclick

並使用它，一個自我執行 Function 確保您的 function 在頁面加載時不被調用。 但只有當按鈕被點擊時

// self executing function here
(function() {
   // your page initialization code here
    function myFunction() {
      document.getElementById("btnAdd").onclick = function () { 
        $("#demo").load("@Html.Raw(Url.Action("_Experience", "Students")) ")
      };
    } 
})();
</script>

Answer 4

試試這個代碼，一個簡單的解決方案

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

<script type="text/javascript">

    var Btnid = document.getElementById("btnAdd");

    Btnid.addEventListener('click', function(e) {
       alert('Event works only when it clicks')
    });

</script>