文档章节

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

山鹰sniper
 山鹰sniper
发布于 2014/12/15 10:54
字数 112
阅读 492
收藏 14
// 案例列表页左右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下需要另外的判断



© 著作权归作者所有

山鹰sniper
粉丝 4
博文 84
码字总数 28663
作品 0
南开
程序员
私信 提问
再谈 load 与 DOMContentLoaded

本文首发在github,感兴趣请点击此处 window 的 onload 事件对于前端童鞋来说肯定是熟的不能再熟了,相信大家在刚入门时,见的最多的可能就是 load 事件了。load 事件接触多了,大家就会接触...

lucefer
2018/06/21
0
0
探真无阻塞加载javascript脚本技术,我们会发现很多意想不到的秘密

下面的图片是我使用firefox和chrome浏览百度首页时候记录的http请求 下面是firefox: 下面是chrome:   在浏览百度首页前我都将浏览器的缓存全部清理掉,让这个场景最接近第一次访问百度首...

小近
2014/11/10
296
0
再谈DOMContentLoaded与渲染阻塞—分析html页面事件与资源加载

浏览器的多线程中,有的线程负责加载资源,有的线程负责执行脚本,有的线程负责渲染界面,有的线程负责轮询、监听用户事件。 这些线程,根据浏览器自身特点以及web标准等等,有的会被浏览器特...

zhoulujun
2018/05/22
0
0
网页性能优化之异步加载js文件

一个网页的有很多地方可以进行性能优化,比较常见的一种方式就是异步加载js脚本文件。在谈异步加载之前,先来看看浏览器加载js文件的原理。 浏览器加载 JavaScript 脚本,主要通过元素完成。...

酥风
2018/10/23
0
0
做一名合格的前端开发工程师(12篇)——第一篇 Javascript加载执行问题探索

做一名合格的前端开发工程师(12篇)——第一篇 Javascript加载执行问题探索 楼主做前端开发一年多了,对前端的见解还是多多少少有一点的,今天特拿出来跟大家分享分享。 做前端开发少不了各...

蜗牛奔跑
2015/06/25
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Angular 英雄编辑器

应用程序现在有了基本的标题。 接下来你要创建一个新的组件来显示英雄信息并且把这个组件放到应用程序的外壳里去。 创建英雄组件 使用 Angular CLI 创建一个名为 heroes 的新组件。 ng gener...

honeymoose
今天
5
0
Kernel DMA

为什么会有DMA(直接内存访问)?我们知道通常情况下,内存数据跟外设之间的通信是通过cpu来传递的。cpu运行io指令将数据从内存拷贝到外设的io端口,或者从外设的io端口拷贝到内存。由于外设...

yepanl
今天
6
0
hive

一、hive的定义: Hive是一个SQL解析引擎,将SQL语句转译成MR Job,然后再在Hadoop平台上运行,达到快速开发的目的 Hive中的表是纯逻辑表,就只是表的定义,即表的元数据。本质就是Hadoop的目...

霉男纸
今天
5
0
二、Spring Cloud—Eureka(Greenwich.SR1)

注:本系列文章所用工具及版本如下:开发工具(IDEA 2018.3.5),Spring Boot(2.1.3.RELEASE),Spring Cloud(Greenwich.SR1),Maven(3.6.0),JDK(1.8) Eureka: Eureka是Netflix开发...

倪伟伟
昨天
15
0
eclipse常用插件

amaterasUML https://takezoe.github.io/amateras-update-site/ https://github.com/takezoe/amateras-modeler modelGoon https://www.cnblogs.com/aademeng/articles/6890266.html......

大头鬼_yc
昨天
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部