我正在尝试编写一段代码,以在页面加载时将一个图像替换为另一个图像。但不幸的是,事实并非如此。第二张图像不加载。页面加载后,我只会看到带有叉号的图标。请看下面的代码,让我知道出了什么问题。提前致谢。
<html>
<head>
<script type="text/javascript">
function loadImage()
{
document.getElementById('ab').src ="C:\Users\Gagan\Desktop\green.png";
}
</script>
</head>
<body>
<img Id= "ab" src="C:\Users\Gagan\Desktop\red.jpg" onload="loadImage()">
</body>
</html>
对于以后这个问题的读者,我建议使用不引人注目的JavaScript模式,其中onload
完全在JavaScript中完成:
<html>
<head>
<script type="text/javascript">
var img = document.getElementById('ab');
function loadImage()
{
img.src ="C:\\Users\\Gagan\\Desktop\\green.png";
}
img.onload = loadImage;
</script>
</head>
<body>
<img id="ab" src="C:\Users\Gagan\Desktop\red.jpg" alt="" />
</body>
</html>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句