关于使用JS修改图片地址的一点困惑
今天在使用JS切换图片时遇到一点问题。
初始代码没有new Image对象(注意这里Image对象,首字母大写),结果图片显示总是空白。思考了一下发现了原因。
修改代码后,发觉可以正常显示了。不过还有一点困惑的地方是,有的时候还是图片没有出来,可能过一会儿就好了,
这是感到比较奇怪的地方!
<script>
function show(id)
{
var o=this.document.getElementById('line'+id);
var t=this.document.getElementById('switch'+id);
//var img=new Image();
//初始代码没有new 一个Image对象
var img=this.document.getElementById('img'+id);
if (o.style.display=='none')
{
o.style.display='';
t.innerText='收缩';
img.src='/images/page/webshop/001/48_2.gif';
}
else
{
o.style.display='none';
t.innerText='展开';
img.src='/images/page/webshop/001/48.gif';
}
}
</script>
function show(id)
{
var o=this.document.getElementById('line'+id);
var t=this.document.getElementById('switch'+id);
//var img=new Image();
//初始代码没有new 一个Image对象
var img=this.document.getElementById('img'+id);
if (o.style.display=='none')
{
o.style.display='';
t.innerText='收缩';
img.src='/images/page/webshop/001/48_2.gif';
}
else
{
o.style.display='none';
t.innerText='展开';
img.src='/images/page/webshop/001/48.gif';
}
}
</script>
初始代码没有new Image对象(注意这里Image对象,首字母大写),结果图片显示总是空白。思考了一下发现了原因。
修改代码后,发觉可以正常显示了。不过还有一点困惑的地方是,有的时候还是图片没有出来,可能过一会儿就好了,
这是感到比较奇怪的地方!
作者:Jackhuclan
出处:http://jackhuclan.cnblogs.com/
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
出处:http://jackhuclan.cnblogs.com/
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。