背景图片加载

当背景图片较大时，加载网页时，背景会先出现白色。

解决办法：先给背景设置一个颜色，等到页面onload之后。再替换背景

 

Image 对象代表嵌入的图像。

<img> 标签每出现一次，一个 Image 对象就会被创建。

body{ width: 3840px; height: 1080px; background-color: #000; }


<script type="text/javascript"> 
window.onload = function(){ 
var img=new Image();
img.onload=function(){}; 
img.src='static/img/bg_gangtie_1.jpg'; //console.log(img) 
document.body.style.background="#000 url(static/img/bg_gangtie_1.jpg) no-repeat "; } </script>

 

 

网页中的某些JavaScript脚本代码往往需要在文档加载完成后才能够去执行，否则可能导致无法获取对象的情况，为了避免类似情况的发生，可以使用以下两种方式:

（1）.将脚本代码放在网页的底端，运行脚本代码的时候，可以确保要操作的对象已经加载完成。

（2）.通过window.onload来执行脚本代码。

第一种方式感觉比较凌乱（其实推荐使用），我们通常需要将脚本代码放在一个更为合适的地方，window.onload方式将是一个良好的选择。window.onload是一个事件，当文档内容完全加载完成会触发该事件。可以为此事件注册事件处理函数，并将要执行的脚本代码放在事件处理函数中，于是就可以避免获取不到对象的情况。

 

var img=new Image(); 
img.onload=function(){   
var iheight=img.height;  
 var iwidth=img.width;  
 alert(iwidth);
 }; 
img.src="delete.gif";

如果图片加载完毕，那么就会触发load事件。