日期:2014-05-17  浏览次数:20508 次

新手请教一个图片刷新问题
我在做一个验证码,点击图片刷新一下,我先开始用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" />
jQuery 验证码 图片

------解决方案--------------------
第一句是在文档加载后执行,相当于
$(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(){})里面的代码。