日期:2014-05-17  浏览次数:20722 次

刚开始java web 第一个javascript就遇到问题了
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>自动切换图像</title>
<script type="text/javascript">
setInterval("loadimage()",3000);
var images = ['1.jpg','2.jpg'];
var i = 0;
function loadImage()
{
i++;
if(i==2)
i = 0;
var oImage = document.getElementById('image');
var oLabel = document.getElementbyId('info');
oImange.src = './images/' + images[i];
oLabel.innerText = images[i];
}
</script>
</head>
<body>
当前的图像名: <label id="info"></label>
<p/>
<img src="./images/1.jpg" id="image" width="1280" height="1024"/>
<script type="text/javascript">
var oLabel = document.getElementById('info');
oLabel.innerText = images[i];
</script>
</body>
</html>
一个图像切换的简单玩意
就是找不到图像。。我用相对目录 和绝对目录都显示找不到文件 目录绝对没写错 文件肯定也是有的。。另外label也没有显示任何文字

------解决方案--------------------
你用dreamweaver编辑,在引用图像的地方不用手写,用工具引用
------解决方案--------------------
用dreamweaver编辑一下,看看你的路径的位置.
------解决方案--------------------
label起码显示1.jpg
------解决方案--------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>自动切换图像</title>
<script type="text/javascript">
setInterval("loadImage()",3000);
var images = ['2.jpg','1.jpg'];
var i = 0;

function loadImage()
{
if(i>=2)
i=0;
var oImange = document.getElementById('image');
var oLabel = document.getElementById("info");
oImange.src = './images/' +images[i];
oLabel.innerHTML=images[i];
i++;
}
</script>
</head>
<body>
当前的图像名: <label id="info"></label>
<img src="./images/2.jpg" id="image" width="280"/>
</body>
</html>
------解决方案--------------------
<img src="./images/1.jpg" id="image" width="1280" height="1024"/>
src 里面的./ 难道有个文件夹叫.? 后退是../吧?
------解决方案--------------------
setInterval("loadimage()",3000);
跟下面定义的方法名不统一,大小写的问题
----------------------------------------------
i++;
if(i==2)
i = 0;
个人认为你的i++应该放到方法的结尾
-----------------------------------------------
var oLabel = document.getElementbyId('info');
又是大小写
document.getElementById("info");
-----------------------------------------------
当前的图像名: <label id="info"></label>
<p/>
后面这个<p/>可以删掉吧
-----------------------------------------------
<script type="text/javascript">
var oLabel = document.getElementById('info');
oLabel.innerText = images[i];
</script>
这段写在这里没明白是什么意思。
感觉是个多余的东西。
oLabel.innerText = images[i];