当我点击按钮时,我可以知道为什么alert('clicked')没有出现？
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="Base64.js" type="text/javascript"></script>
<script type="text/javascript">
$("#Button1").click(function () {
alert('clicked');
});
</script>
</head>
<body>
<form name="input" action="">Username:
<input type="text" id="username" value="" />
<br />Password:
<input type="text" id="password" value="" />
<br />
<input type="button" id="Button1" value="Submit" />
<div>Login Test 1.htm</div>
</form>
</body>
</html>
当脚本执行时,该按钮在DOM中不存在.等到DOM准备就绪jQuery.ready:
$(document).ready(function() {
$("#Button1").click(function(){alert('clicked');});
});
或者,您可以在添加按钮后的某个位置运行脚本:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="Base64.js" type="text/javascript"></script>
</head>
<body>
<form name="input" action="">Username:
<input type="text" id="username" value="" />
<br />Password:
<input type="text" id="password" value="" />
<br />
<input type="button" id="Button1" value="Submit" />
<div>Login Test 1.htm</div>
</form>
<script type="text/javascript">
$("#Button1").click(function () {
alert('clicked');
});
</script>
</body>
</html>
| 归档时间： |
|
| 查看次数： |
1706 次 |
| 最近记录： |