伙计们,我相信答案是微不足道的,但我现在已经盯着我的代码几个小时了,我只是无法弄清楚为什么我的警报没有触发.....帮助请! 没有任何警报似乎触发
<DOCTYPE! html>
<html>
<head>
<script>
window.onload=function()
{
setTimeout(loadImg("img1.jpg",0),500);
setTimeout(loadImg("img2.jpg",1),1500);
setTimeout(loadImg("img3.jpg",2),3000);
setTimeout(loadImg("img4.jpg",3),5000);
setTimeout(loadImg("img5.jpg",4),4000);
}
function loadImg(loc,num)
{
alert("in loadImg");
function load()
{
img=document.getElementByTagName("img");
img[num].src=loc;
}
return load;
}
function search()
{
alert("in search");
isbn=document.getElementById("isbn").value;
xhr=new XMLHttpRequest();
xhr.open("GET","http://localhost/lab6x/serverx.php?isbn=+"isbn,true);
xhr.onreadystatechande=function()
{
alert("in handler");
if(xhr.readyState==4 && xhr.status==200)
{
p=document.getElementById("book");
p.innerHTML=xhr.responseText();
}
}
xhr.send(null);
}
</script>
</head>
<body>
<img src="loader.gif" height="200px" width="200px"></img>
<img height="200px" width="200px"></img>
<img height="200px" width="200px"></img>
<img height="200px" width="200px"></img>
<img height="200px" width="200px"></img>
<div>
</br>
ISBN:<input type="text" id="isbn"/>
<button onclick="search()">SEARCH</button>
<p id="book"></p></br>
</div>
<p> akhfjkahsjhajkhfhfadkhfahfjkshdfjkshdfkhdfshfkshdf</br>
jhjkhfjhsjkdfhjkdhfjkshfjksfjkhsjdkfhjk</br></p>
<a href="https://www.google.com">google</p>
</body>
</html>
答案 0 :(得分:2)
此行中存在语法错误,因此代码根本无法运行:
xhr.open("GET","http://localhost/lab6x/serverx.php?isbn=+"isbn,true);
您已将+
放在字符串中而不是字符串之间:
xhr.open("GET","http://localhost/lab6x/serverx.php?isbn=" + isbn,true);
代码中的其他问题:
<!DOCTYPE html>
。getElementByTagName
来电应为getElementsByTagName
。img
代码没有结束标记。height="200" width="200"
。<br>
或<br />
。答案 1 :(得分:1)
您的代码中有两个小问题。
第1行:
<!DOCTYPE html>
第31行:
xhr.open("GET","http://localhost/lab6x/serverx.php?isbn=" + isbn,true);
答案 2 :(得分:0)
如果没有任何警报是trigerring,我sugegst你重写你的setTimeouts。 setTimeout和setInterval有时候很挑剔。试试这个:
setTimeout(function(){loadImg("img1.jpg",0)},500);
等等。基本上在函数中封装了loadImg调用。
另外,做别人说的话:)。