读书人

新手请问一个图片刷新有关问题

发布时间: 2013-07-11 15:38:46 作者: rapoo

新手请教一个图片刷新问题
我在做一个验证码,点击图片刷新一下,我先开始用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" />
[解决办法]
<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(){})里面的代码。


[解决办法]
第一种是页面加载的时候执行
第二种是点击时候执行
[解决办法]
第一个当然不可能实现两次刷新,因为是加载时执行,第二个是点击执行

读书人网 >asp.net

热点推荐