快捷搜索:  as  2018  FtCWSyGV  С˵  test  xxx  Ψһ  w3viyKQx

214金沙娱城手机app下载_机器人论坛网



动态加载图片许多措施。第一种措施,随便创建一个块状元素如DIV,把它加入DOM树,然后用CSS设置背景图片。第二种前半部分同第一种,只不过此次用innerHTML加一张图片变成它的子元素。第三种,使用createElement("img"),然后加入DOM与指定它的src属性。第四种,new Image工具,然后加入DOM与指定它的src属性。

window.onload = funct214金沙娱城手机app下载ion(){

var image = document.createElement("div");

document.body.appendChild(image)

image.style.cssText = "width:400px;height:300px;background:url(http://images.cnblogs.com/cnblogs_com/rubylouvre/199042/o_s001.jpg)"

}

window.onload = function(){

var image = document.createElement("div");

document.body.appendChild(image)

image.innerHTML = "";

}

window.onload = function(){

var image = document.createElement("img");

document.body.appendChild(image)

image.src='http://images.cnblogs.com/cnblogs_com/rubylouvre/199042/o_s001.jpg';

}

window.onload = function(){

var image = new Image;

document.body.appendChild(image)

image.src='http://images.cnblogs.com/cnblogs_com/rubylouvre/199042/o_s001.jpg';

}

从代码量来看,首选着末一种。后两种最少很轻易就获得图片工具的引用,我们可以用complete属性来判断其是否加载成功。不合于后面将讲述的script标签,在IE中,图片工具只要一加入src属性就开始下载图片,不管它是否已加入DOM树中。

javascript图片加载 by 司徒正美

javascript图片加载 by 司徒正美

运行代码

javascript图片加载 by 司徒正美

javascr214金沙娱城手机app下载ipt图片加载 by 司徒正美

运行代码

来一个有用的利用,自动调剂图片的大年夜小。

javascript自动调剂图片大年夜小 by 司徒正美

ja214金沙娱城手机app下载vascript自动调剂图片大年夜小 by 司徒正美

运行代码

至于script,不像img有专门的内置工具,我们必须用createElement来创建。判断是否加载成功,与图片很不一样,我就不明白微软为什么不统一用complete属性,此次它改用readyState属性。不过 XMLHttpReques工具,微软也是用readyState属性。为了214金沙娱城手机app下载判断readyState 是否已经改变,微软还专门供给了214金沙娱城手机app下载一个onreadystatechange事故,这样我们就不用像上面那样写准时器了。readyState 有五个可能的值,分手为:

uninitialized:Object is not initialized with data.

loading:Object is loading its data..

loaded:Object has finished loading its data.

interactive:User can interact with the object even though it is not fully loaded.

complete:Object is completely initialized.

很显着当readyState 为complete时,脚本就可以运作了。不过onreadystatechange 事故不局限于script标签,它还可以用于object,iframe,frame,style等标签中。但有一个问题,假如我们想刷新页面,从新履行脚本,就没有反映,这时我们就要用到loaded值。换言之,complete只个光阴点,loaded是个光阴段。

您可能还会对下面的文章感兴趣: