首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > asp.net >

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

2013-07-11 
新手请教一个图片刷新问题我在做一个验证码,点击图片刷新一下,我先开始用Jquery写的,代码如下script type

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


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

热点排行