Mvc Javascript Not Working
本文关键字:Working Not Javascript Mvc | 更新日期: 2023-09-27 18:02:31
在Mvc Javascript不工作按钮单击事件点击"事件"。
<input type="button" id="btn_click" value="Click" />
<script type="text/javascript">
function pageLoad() {
$('#btn_click').click(function () {
alert('You Clicked Button');
});
}
</script>
Please Help me
这实际上与ASP无关。NET、c#或Razor。这是纯HTML和JavaScript。您已经将click
函数包装在未被调用的pageLoad
中。所以你只需要删除它。
<html>
<head>
<script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
</head>
<body>
<input type="button" id="btn_click" value="Click" />
<script type="text/javascript">
$('#btn_click').click(function() {
alert('You Clicked Button');
});
</script>
</body>
</html>
For button
<input type="button" id="btn_click" value="Click" />
使用javascript作为-
function showalert(){
alert('You Clicked Button');
}
document.getElementById("btn_click").onclick = showalert;
pageLoad
函数从未被调用,因此event-listener
从未被附加!
调用它或只是把你的<script>
作为<body>
的last-child
(就在关闭body标签(</body>
)之前)
$('#btn_click').click(function() {
alert('You Clicked Button');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<input type="button" id="btn_click" value="Click" />
pageLoad
函数不调用,但如果你想在页面加载后调用它,你可以像这样使用$(function(){})
$(function(){
$('#btn_click').click(function () {
alert('You Clicked Button');
});
});
您已经在函数中封装了click事件,但是button click不调用该函数。
你可以调用这个函数onClick
事件按钮
<input type="button" id="btn_click" value="Click" onClick="pageLoad()" />
function pageLoad() {
alert('You Clicked Button');
}
JSFIDDLE
把你的Javascript代码放在文档准备
$(document).ready(function () {
$('#btn_click').click(function () {
alert('You Clicked Button');
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="button" id="btn_click" value="Click" />
function btnclick() {
alert('You Clicked Button');
};
<input type="button" id="btn_click" value="Click" onclick="btnclick();" />