Question

我有一个带有在.asp页中编写的按钮的表单，当单击它时，它需要一个js函数。我需要找到一种使用开发人员工具进行调试的方法。

<html>
<head>
<title>Test</title>
<script type="text/javascript">
$(document).ready(function() {
       $("#butReport").bind("click", butReport_onClick);
    });

function butReport_onClick() {

var cReportOptions = null;

//some code

};
</script>
</head>

<body>

some code.

</body>
</html>

Answer 1

我不认为与经典的ASP有关。

您在此代码中缺少jQuery定义，请参见https://www.w3schools.com/jquery/jquery_get_started.asp

我添加了这个

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
<title>Test</title>
<script type="text/javascript">
$(document).ready(function() {
       $("#butReport").bind("click", butReport_onClick);
    });

function butReport_onClick() {

var cReportOptions = null;

//some code
console.log("Hello");

};
</script>
</head>

<body>

<div id="butReport">some code.</div>

</body>
</html>

当我单击它时，会显示以下内容：

我希望这对您有帮助

Answer 2

以asp编写的id为“ butReport”的按钮。使用javascript：

<button id="butReport"></button>

<script type="text/javascript">
var elem=document.getElementById('butReport').onclick = function(){

    // some code
    // test not using console.log();
    document.getElementById('hasilnya').innerHTML = 'test';

}
</script>

<div id="hasilnya" style="margin-top:1em;"></div>

如何调试在ASP页面中编写的Javascript代码

2 个答案: