求一个HTML文件，刷新更改图片_随笔

<!DOCTYPE HTML>

<html>

<head>

<title>随机显示广告图片-刷新页面</title>

</head>

<body>

//随机广告代码

tips = new Array(4)

tips[0] = '<a href="#"><img src="http://www.lanrentuku.com/down/js/images/12498863530.jpg" border="0" /></a>'

tips[1] = '<a href="#"><img src="http://www.lanrentuku.com/down/js/images/12498863531.jpg" border="0" /></a>'

tips[2] = '<a href="#"><img src="http://www.lanrentuku.com/down/js/images/12498863532.jpg" border="0" /></a>'

tips[3] = '<a href="#"><img src="http://www.lanrentuku.com/down/js/images/12498863533.jpg" border="0" /></a>'

index = Math.floor(Math.random() * tips.length)

document.write(tips[index])

</script>

<p>刷新下看看效果吧~</p>

</body>

</html>

已测试望采纳~~ 谢谢

必须等到图片完全加载后才能对其进行 *** 作，浏览器通常会在页面脚本执行的同时异步加载图片。如果试图在图片未完全加载之前就将其呈现到canvas 上，将不会显示任何图片.

var img= new Image()

img.src = "bark.jpg"

// 图片加载完后，将其显示在canvas 上

img.onload = function () {

drawCanvas()

}

这位朋友你好，其实你说的这个情况可以给img统一加一个样式就可以了，不用挨个加。在title下面加入下面的代码:

img{ height:300pxwidth:300px}

</style>

这样就可以给所有的img图片统一设置成宽和高都是300像素了。

还有网页最好不好让图片什么的根据页面大小变化，那样如果你把页面缩小到很小那么照片也随之缩小那就看不到了。

还有种方法就是给你想变化宽和高的图片都加上class属性，如：

<img class=“img” src="URL.jpg"/>。

那么你就可以这样写

.img{ height:300pxwidth:300px}

</style>

这是只给class是“img”的照片变化宽和高。

希望可以帮到你……

欢迎分享，转载请注明来源：内存溢出

求一个HTML文件，刷新更改图片