javascript中的 document.ElementById几个方法貌似无效了
var adImages = new Array("image/luoli/小小1.jpg",
"image/luoli/小小2.jpg",
"image/luoli/小小3.jpg",
"image/luoli/小小4.jpg",
"image/luoli/小小5.jpg",
"image/luoli/小小6.jpg",
"image/luoli/小小7.jpg",
"image/luoli/小小8.jpg",
"image/luoli/小小9.jpg",
"image/luoli/小小10.jpg",
"image/luoli/小小11.jpg",
"image/luoli/小小12.jpg",
"image/luoli/小小13.jpg",
"image/luoli/小小14.jpg",
"image/luoli/小小15.jpg",
"image/luoli/小小16.jpg",
"image/luoli/小小17.jpg",
"image/luoli/小小18.jpg",
"image/luoli/小小19.jpg",
"image/luoli/小小20.jpg",
"image/luoli/小小21.jpg",
"image/luoli/小小22.jpg",
"image/luoli/小小23.jpg");
var thisAd= 0;
function rotate()
{
thisAd++;
if(thisAd==adImages.length)
{
thisAd = 0;
}
alert("image/luoli/小小"+thisAd+".jpg11111");
// document.getElementById("adBanner").src="image/luoli/小小"+thisAd+".jpg"; 页面无效
document.getElementById("adBanner").setAttribute("src",adImages[thisAd-1]); 页面无效
// $("#adBanner").attr("src",adImages[thisAd-1]); 页面有效果
alert("image/luoli/小小"+thisAd+".jpg1111122222");
setTimeout("rotate()",1*1000);
alert(document.getElementById("adBanner").src);
}
window.onlaod = rotate();
PS:
问下是不是这些JS基本方法的基本方法都加载JS的通用类库么
有效的jquery方法 我同事帮我搞的,加载了一个jquery的通用库。
新手求解答
------解决方案--------------------window.onload = rotate();
------解决方案--------------------window.onload = rotate();
你试试看
window.onload = rotate;
------解决方案--------------------
------解决方案--------------------$("#adBanner").attr("src",adImages[thisAd-1]); //这行代码真的有效吗,我看未必啊!
试一下下面的代码:
HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
div.demo {
width:100px;
height:100px;
background-color:red;
}
</style>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
function demo() {
alert(document.getElementById('demo')); //null
alert($("#demo")); //object
$("#demo").attr('class', 'demo'); //无效
}
window.onload = demo();
</script>
</head>
<body>
<div id="demo"></div>
</body>
</html>
------解决方案--------------------
把你的js代码放到
</body>上面试试
注意那个onload你是写错的。