新手请教一个图片刷新问题
我在做一个验证码,点击图片刷新一下,我先开始用Jquery写的,代码如下
<script type="text/javascript">
$(function () {
document.getElementById("Image").src = "CreateImage.aspx?t='Math.ceil(Math.random() * 100);";
})
})
</script>
这样实现的效果是点击一次切换后再次点击就没有效果了
而用function的方法就可以完美实现,这是代码:
<script type="text/javascript">
function refresh() {
var num = Math.ceil(Math.random() * 100);
document.getElementById("Image").src = "CreateImage.aspx?Num=" + num;
}
</script>
请教大神,这个是为什么?下面是图片语句
<img id="Image" alt="请输入验证码,看不清楚?点击换一个" onclick="refresh()" runat="server" src="CreateImage.aspx" />
------解决方案--------------------第一句是在文档加载后执行,相当于
$(document).ready(function(){
///执行的内容
});
第二句是你点击时候执行
------解决方案--------------------<script type="text/javascript">
$(function () {
function refresh() {
document.getElementById("Image").src = "CreateImage.aspx?t='Math.ceil(Math.random() * 100);";
}
})
})
</script>
将代码修改成这样,记得全部给分我。
------解决方案--------------------$(function(){}),就相当于$.ready(function(){}),是页面元素都加载完成之后执行一次,这是初始化。初始化之后,需要靠click事件来刷新(因为前面的事件是页面加载才执行的)。因为你的img上定义了src属性,所以$(function(){})就可以不用了,如果不定义src的话必须要加$(function(){})里面的代码。