页面图片加载完毕以后执行JS代码

// 案例列表页左右div等高
    $(".case-list-cont img").each(function(idx,ele){
        if (ele.complete==true) {
            var rightAdvHeight = $(".case-list-cont").find(".right-div").height();
            var leftAdvHeight = $(".case-list-cont").find(".small-adv").height();
            var leftMidDivHeight = $(".case-list-cont").find(".left-mid-div").height();
            var leftMoreHeight = rightAdvHeight-leftAdvHeight-leftMidDivHeight;
            $(".case-list-cont").find(".left-box").find(".link").height(leftMoreHeight);
            $(".case-list-cont").find(".left-box").find(".title").css("paddingTop",leftMoreHeight/2-20);
        }
    });

在FF,CHROME下判断img是否执行完毕，在IE下需要另外的判断

时间： 2024-11-10 17:42:11

页面图片加载完毕以后执行JS代码的相关文章

图片加载完毕后执行JS代码

$("#img").load(function(){...}); 这是jquery提供的一个方法,但是在IE中会有BUG,IE8不支持,IE9以上刷新后也不会执行,只有强制刷新才执行,所以不能使用这个jquery提供的方法 应该使用: 只能通过JS的onload来触发事件,当然触发的事件代码中可以使用jquery代码(但是,IE8也有BUG,普通刷新的时候图片从缓存读入,读入速度比代码更快,导致onload代码不能运行,解决方法看继续往下看) document.getElementBy

如何实现加载DOM时执行js代码

有一些功能需求,需要在DOM载入时马上执行一些函数,但又不愿意仅为了这一个需求而引入整个JQuery库,于是就把jQuery的方法提取出来,单独使用了. 大家可以使用windows.onload事件,但onload在看来,就是页面上的东西(img,iframe等资源)全部都加载完毕后才能发生,如果页面内有大的图片的话,会在页面展现后好久时间后才执行.鸿运国际娱乐城 如果只需要对DOM进行操作,那么这时就没必要等到页面全部加载了.我们需要更快的方法.Firefox有DOMContentLoaded

在css加载完毕后执行后续代码

最近在写项目的framework,写个JQueryMessageBox的类,以使用jquery ui中的dialog()来显示消息框,为了使方法方便调用,便加入了自动判断页面是否加入了ui.js和ui.css,代码如下: [javascript] view plaincopyprint? //如果没有包含ui.js,则引用 if ($('script[src$=""jquery-ui-1.8.11.custom.min.js""]').length == 0) {{

DOM加载完毕之后执行js

方法一: $(document).ready(function(){ alert('页面加载完成后,我被加载出来了!') }); 方法二: $(function(){ alert('页面加载完成后,我被加载出来了!') }); 注:‘ 方法二 ’是‘ 方法一 ’的简写! 方法三: window.onload = function(){ alert('页面加载完成后,我被加载出来了!') }; 原文地址:https://www.cnblogs.com/Salicejy/p/10944417.htm

图片加载完后执行js

<script>            window.onload=function(){                          var liwidth = $('.imgul li img').width();            $('.imgul li img').height(liwidth);        }    </script>

js实现页面图片加载进度条

//html <div id="loading" class="loading"> <div class="load"> <span id="loadingSpan"></span> </div> </div> <div id="content"><img src="content_01.jpg"

页面全部加载完毕和页面dom树加载完毕

dom树加载完毕 $(document).ready() //原生写法document.ready = function (callback) {            ///兼容FF,Google            if (document.addEventListener) {                document.addEventListener('DOMContentLoaded', function () {                    document.rem

head.js让网站并行加载但顺序执行JS

http://headjs.com/ 并行加载JS,但是执行的时候却按顺序执行,提高网站速度 <script src="js/head.min.js"></script> <script type="text/javascript"> head.js("js/jquery-1.6.1.min.js","js/jquery.validate.min.js","js/my_valida

C# webbrowser判断页面是否加载完毕

private void Form1_Load(object sender, EventArgs e) { webalipay.Url = new Uri("https://authzth.alipay.com/login/homeB.htm"); webalipay.DocumentCompleted += new WebBrowserDocumentCompletedEventHandler(wb_DocumentCompleted);//加载完成后的事件 } /// <su