当背景图片较大时，加载网页时，背景会先出现白色。
解决办法：先给背景设置一个颜色，等到页面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事件。
