多种方法实现load加载完成后把图片一次性显示出来_Javascript教程-查字典教程网
多种方法实现load加载完成后把图片一次性显示出来
多种方法实现load加载完成后把图片一次性显示出来
发布时间:2016-12-30 来源:查字典编辑
摘要:方法一:复制代码代码如下:varobj=newImage();obj.src=“yourpicurl.jpg”;obj.onload=fun...

方法一:

复制代码 代码如下:

<script type=”text/javascript”>

var obj = new Image();

obj.src = “yourpicurl.jpg”;

obj.onload = function() { //这个地方可以重复写入,如果错误的话,换到外面即可

document.getElementById(”mypic”).innnerHTML = “<img src='”+this.src+”‘ />”;

}

</script>

<div id=”mypic”>onloading……</div>

方法二:

复制代码 代码如下:

<script type=”text/javascript”>

var obj = new Image();

obj.src = “yourpicurl.jpg”;

obj.onreadystatechange = function() {

if ( this.readyState == “complete”) { //这个地方可以重复写入,如果错误的话,换到外面即可

document.getElementById(”mypic”).innnerHTML = “<img src='”+this.src+”‘ />”;

}

}

</script>

<div id=”mypic”>onloading……</div>

方法三:

复制代码 代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

</head>

<script language="javascript" src="http://www.jb51.netjs/jquery-1.4.4.js" type="text/javascript">

</script>

<script language="javascript" type="text/javascript">

<>

</script>

</head>

<body>

<div id="content" >

<img src="" />

<img src="" />

<img src="" />

</div>

</body>

</html>

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类