前端知识天天学(4)

position:absolute的时候它相对于整个window，需要设置它的父级元素position:relative.
这样设置left的值的时候，是相对于父级元素而言。
---------------------------------------------------------------
display属性
---------------------------------------------------------------
【转】解决IE中img.onload失效的方法

最近在做web开发，其中有一个需求：利用Javascript获取要加载的图片的尺寸，所以很自然的，我就想到了img的onload方法，在firefox下开发完成后，我到IE下调试，发现img的onload事件很多情况下都不被调用。

我最初的代码如下：

var img = new Image;
img.src = "test.gif";
img.onload = function(){
alert ( img.width );
};

这段代码看着没什么问题，但是为什么onload没有被IE调用呢？因为IE会缓存图片，第2次加载的图片，不是从服务器上传过来的，而是从缓冲区里加载的。是不是从缓冲区里加载的图片就不触发onload事件呢？我于是我测试了以下代码，成功了～

var img = new Image;
img.onload = function(){
alert ( img.width );
};
img.src = "test.gif";

我把onload写到前面去，先告诉浏览器如何处理这张图片，再指定这张图片的源，这样就正常了。所以，不是IE没有触发onload事件，而是因为加载缓冲区的速度太快，以至于没有运行到img.onload的时候，onload事件已经触发了。这让我想到了Ajax，我们在写xmlhttp的时候，都是先指定onstatechange的回调函数，然后再send数据的，道理是一样的

-----------------------------------------------------------------
ie里面<标签>后面文字的情况，很难让文字与<标签>对齐，好的解决方法是不要用垂直居中的方法text-align:center;font-size:12px;vertical-align:middle;line-height:23px，直接用padding设置上下的宽度
-----------------------------------------------------------------
background-position:left top;
是移动背景图片，坐标点是左上角。所以常用的就是top值为负，因为是上移。

前端知识天天学(4)相关推荐

web前端知识天天学(3)
(1)ECMAScript中的所有参数传递的都是值,不可能通过引用传递参数. (2)没有重载.只能通过检查传入函数中参数的类型和数量并作出不同的反应,可以模仿方法的重载. function doAdd ...
前端知识天天学(2)
1.javascript由三个部分组成;(1)ECMAScript(2)DOM文档对象模型(3)BOM浏览器对象模型 2.<script>元素中属性defer:可选.表示脚本可以延迟到文 ...
前端知识天天学(1)
(1)块元素的居中方式:margin:0 auto (2)IE8用IE7方式渲染: <head><meta http-equiv="X-UA-Compatible" ...
参加web前端培训要学哪些知识
IT行业,web前端技术是比较吃香的,也是工资待遇非常高的行业之一,如果想要做一名合格的web前端工程师,系统学习是非常重要的,那么参加web前端培训要学哪些知识呢?来看看下面的详细介绍. 参加web ...
重学前端----前端知识系统学习推荐专栏
推荐一个前端知识学习专栏.此专栏为极客时间收费专栏. 学习交流加个人qq: 1126137994 个人微信: liu1126137994 学习交流资源分享qq群: 962535112 文章目录 1 ...
玩着游戏就把前端知识学了，贼爽！！！
今天发现了一篇牛掰的文章(https://dev.to/devmount/8-games-to-learn-css-the-fun-way-4e0f),讲述了12款学习CSS的游戏,真可谓是玩着游戏就 ...
web前端到底怎么学？掌握什么可以拿到高薪？
web前端到底怎么学? 那么在讲 web前端怎么学这个大命题之前呢,依据我本人的尿性,还是得先把你拉入坑,让你在坑里好好学 O(∩_∩)O web前端的历史渊源和一些出处,童鞋们大概都有所了解了. ...
针对WEB前端新人的前端知识体系
现在谈到WEB前端的技术结构.知识体系,都会搞出一个非常大.枝叶非常多且细的相当宏大的思维导图,就像这种的,这种大而全的图示对新人来讲,太大了,不好掌握,而且容易在其中迷失.我想今天和大家谈一下针对新 ...
web前端到底怎么学？干货资料！
hi,大家好! 我的第一篇文章:[web前端到底是什么?有前途吗?],在我没想到如此 'HOT' 的情况下得到很多好评和有效传播. 也为我近期新开的个人前端公众号:前端你别闹(webunao) 直 ...

前端知识天天学(4)

前端知识天天学(4)相关推荐

最新文章

热门文章