刚开始学习HTML和Javascript。我有以下代码，可以正常工作。但是，由于我体内有一个img标签，因此在单击该按钮之前，它试图显示图像的占位符。我该如何制止。
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Tesco JSONP</title>
<script type="text/javascript">
function picture(){
var pic = "http://img.tesco.com/Groceries/pi/118/5000175411118/IDShot_90x90.jpg"
document.getElementById('bigpic').src = pic.replace('90x90', '225x225');
}
</script>
</head>
<body>
<img id="bigpic" src="bigpic" />
<button onclick="picture()">Enlarge</button>
</body>
</html>
最良好的祝愿。
在图片标签中添加样式“ display：none”
<img id="bigpic" src="bigpic" style="display:none;"/>
并在功能图片中将其更改为显示图片
document.getElementById('bigpic').style.display='block';
有演示：http : //jsfiddle.net/eX5kx/
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句